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>

效果如下:

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

二、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);
//再添加数据时,数据是按照顺序时添加的,因为这里的数据是不同步,所以再添加时数据没有添加进去
} }

效果如下:

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

三、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;
上一篇:Java List 如何传值


下一篇:【前端】js中数组对象根据内容查找符合的第一个对象