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;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM