• Vue.js——循环(Java、JSTL标签库、数据库)


    一、Vue.js循环

      Vue.js循环要使用 v-for 指令。

      v-for 指令需要以 student in StudentList 形式的特殊语法使用, StudentList 是源数据数组并且student 是数组元素迭代的别名。

    <div id="MyDiv1">
        <ol>
            <li v-for="student in StudentList">{{student.name}}</li>
        </ol>
    </div>
    <script type="text/javascript">
        var StudentList = [{name:'小一'},{name:'小二'},{name:'小三'}];
        var myViewModel = new Vue({
            el:'#MyDiv1',
            data:{StudentList}    
        });
    </script>

    效果如下:

      

    二、Java循环

    1)创建一个类

    package entity;
    
    public class Student {
        private String name;
    
        public void setName(String name) {
            this.name = name;
        }
        
        public String getName() {
            return name;
        }
        
    }

    2)创建一个Main方法

    package entity;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class Main {
        public static void main(String[] args) {
            Student s1 = new Student();    //new出对象
            Student s2 = new Student();
            Student s3 = new Student();
            
            s1.setName("小一");    //给属性设置值
            s2.setName("小二");
            s3.setName("小三");
            
            List<Student> studentList = new ArrayList<Student>();
            studentList.add(s1);//把属性值添加到集合里面
            studentList.add(s2);
            studentList.add(s3);
            
            for(Student s: studentList){//循环遍历出来
                System.out.println(s.getName());
            }
            
            Student s4 = new Student();   
            s4.setName("小四");
            studentList.add(s4);
            //再添加数据时,数据是按照顺序时添加的,因为这里的数据是不同步,所以再添加时数据没有添加进去
        }
    
    }

    效果如下:

      

    三、JSTL标签库

    <body>  
        <%  
            List<String> list = new ArrayList<String>();  
            list.add("好好学习1");  
            list.add("好好学习2");  
            list.add("好好学习3");  
            request.setAttribute("list", list);  
        %>  
        <b>遍历List集合的全部元素:</b>  
        <br>  
        <c:forEach items="${requestScope.list}" var="keyword" varStatus="id">  
        ${id.index} 
            ${keyword }
            <br>  
        </c:forEach>  
        <b>遍历List集合中第一个元素以后的元素(不包括第一个元素):</b>  
        <br>

      //循环的部分 <c:forEach items="${requestScope.list}" var="keyword" varStatus="id" begin="1">   ${id.index}   ${keyword } <br> </c:forEach> </body>

    四、数据库循环

    CURSOR mycur IS
        SELECT name FORM T_STUDENT;
    BEGIN
        --打开
        OPEN mycur;
        LOOP
            FETCH mycur INTO V_NAME;
            --无数据时退出
            EXIT WHEN MYCUR%NOTFOUND;
            --打印显示;
        END LOOP;
    END;
  • 相关阅读:
    ※剑指offer系列51:二叉搜索树的第k个结点
    ※剑指offer系列50:序列化二叉树
    sqlserver添加表注释、字段注释
    3-实体数据模型与LINQ-where&OfType
    3-实体数据模型与LINQ-Select
    Jquery 在子页面上设置父页面元素的值
    开发注意事项
    函数的进阶
    文件操作的相关内容
    基本数据类型----dict
  • 原文地址:https://www.cnblogs.com/laizhouzhou/p/7905893.html
Copyright © 2020-2023  润新知