Vue.js——循環（Java、JSTL標籤庫、數據庫）

時間 2019-12-08

標籤 vue.js vue 循環 java jstl 標籤數據庫欄目 JavaScript 简体版

原文原文鏈接

1、Vue.js循環javascript

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

　　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>

效果以下：數組

2、Java循環學習

1）建立一個類this

package entity;

public class Student {
    private String name;

    public void setName(String name) {
        this.name = name;
    }
    
    public String getName() {
        return name;
    }
    
}

2）建立一個Main方法spa

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);
        //再添加數據時，數據是按照順序時添加的，由於這裏的數據是不一樣步，因此再添加時數據沒有添加進去
    }

}

效果以下：3d

3、JSTL標籤庫code

<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>

4、數據庫循環對象

CURSOR mycur IS
    SELECT name FORM T_STUDENT;
BEGIN
    --打開
    OPEN mycur;
    LOOP
        FETCH mycur INTO V_NAME;
        --無數據時退出
        EXIT WHEN MYCUR%NOTFOUND;
        --打印顯示;
    END LOOP;
END;