一、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;

Vue.js——循环(Java、JSTL标签库、数据库)的更多相关文章

  1. Java Web(七) JSTL标签库

    在之前我们学过在JSP页面上为了不使用脚本,所以我们有了JSP内置的行为.行为只能提供一小部分的功能,大多数的时候还是会用java脚本,接着就使用了EL表达式,基本上EL表达式看似能满足我们的要求,它 ...

  2. Java第三阶段学习(十四、JSP动态页面、EL表达式、JSTL标签库)

    一.JSP技术 1.jsp脚本和注释 jap脚本: 1)<%java代码%> ----- 内部的java代码翻译到service方法的内部,比如写在doget.dopost 内的代码 2) ...

  3. Java实战之04JavaWeb-04JSP、EL表达式、JSTL标签库

    一.jsp部分 只要是与页面显示相关的都是重点 1.jsp的脚本 <%java代码%>:被翻译到service方法内部,局部变量,局部的功能 <%=表达式或变量%>:翻译成se ...

  4. Java Web程序设计笔记 • 【第10章 JSTL标签库】

    全部章节   >>>> 本章目录 10.1 JSTL 概述 10.1.1 JSTL 简介 10.1.1 JSTL 使用 10.1.2 实践练习 10.2 核心标签库 10.2. ...

  5. java基础开发—jstl标签库

    在DRP项目中.接触到了JSTL标签库. 在未使用Jstl之前,我们使用JSP脚本实现一些声明或是表达式任务,做一些业务相关操作时,须要在页面中嵌入大量的java代码.在DRP项目开发前期.使用jsp ...

  6. 09-【el表达式和jstl标签库】

    el表达式和jstl标签库 一:el表达式:表达式语言,jsp页面获取数据比较简单1.el表达式的语法(掌握)el表达式通常取值是获取作用域对象中的属性值:${属性名}=>是el表达式的简写的形 ...

  7. JSTL标签库之核心标签

    一.JSTL标签库介绍 JSTL标签库的使用是为弥补html标签的不足,规范自定义标签的使用而诞生的.使用JSLT标签的目的就是不希望在jsp页面中出现java逻辑代码 二.JSTL标签库的分类 核心 ...

  8. jstl标签库基础教程及其使用代码(一)。

    概述 在 JSP 页面中,使用标签库代替传统的 Java 片段语言来实现页面的显示逻辑已经不是新技术了,然而,由自定义标签很容易造成重复定义和非标准的实现.鉴于此,出现了 JSTL ( JSP Sta ...

  9. jstl标签库基础教程及其使用代码

    概述 在 JSP 页面中,使用标签库代替传统的 Java 片段语言来实现页面的显示逻辑已经不是新技术了,然而,由自定义标签很容易造成重复定义和非标准的实现.鉴于此,出现了 JSTL ( JSP Sta ...

随机推荐

  1. 逆向---03.mov、test等汇编指令、EAX、关键Call、OD调试技巧

    上一篇:逆向---02.je & jmp & jnz .OD调试 基础知识:(栗子中也会说的)栗子:链接: https://pan.baidu.com/s/1qZbbTvQ 密码: i ...

  2. VirtualBox中slitaz系统不能联网

    首先,关于VirtualBox虚拟机中安装slitaz操作系统中,先不讲,现在假设电脑中已经装好了VirtualBox,并且已经装好了slitaz操作系统,一个轻量版的linux发行版本. 右上角我画 ...

  3. Java NIO -- 通道 Channel

    通道(Channel):由 java.nio.channels 包定义的.Channel 表示 IO 源与目标打开的连接.Channel 类似于传统的“流”.只不过 Channel本身不能直接访问数据 ...

  4. Python条件控制与循环语句

    1. 条件控制 # if-elif-else结构 age = 12 if age < 4: price = 0 elif age < 18: price = 5 else: price = ...

  5. C# String类&Math类&DateTime类

    String类: String a = "abcdefghijklmnopqrstuvwxyz"; int length = a.length;  //获取字符串的长度: a = ...

  6. PHP去调用jenkins

    背景说明:目前公司用到 jenkins(持续集成开源工具)更多情况下,通过配置,可以在gitlab上通过webhooks去调度jenkins 或者通过 jenkins管理后台,去手动执行“立即构建”去 ...

  7. Spring核心组件剖析

    简介 Spring框架如今已成为服务端开发框架中的主流框架之一,是web开发者的利器.然而,真正让人着迷的,还是与其实现相关的 原理,设计模式以及许多工程化的思想.本文主要探讨Spring的三大核心组 ...

  8. 2018.9青岛网络预选赛(K)

    传送门:Problem K https://www.cnblogs.com/violet-acmer/p/9664805.html 题意: 给你n个数,找出满足条件的最多的数的个数. 题解: 满足条件 ...

  9. request请求地址

    1.String contextPath = httpServletRequest.getServletContext().getContextPath(); /项目名称 2.String conte ...

  10. 让div固定在顶部不随滚动条滚动【转】

    让div固定在顶部不随滚动条滚动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...