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;