一、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. 前端学习 -- Html&Css -- 框架集

    框架集和内联框架的作用类似,都是用于在一个页面中引入其他的外部的页面,框架集可以同时引入多个页面,而内联框架只能引入一个,在h5标准中,推荐使用框架集,而不使用内联框架. 使用frameset来创建一 ...

  2. ormlite 文档

    目录[-] A Fast, Simple, Typed ORM for .NET Download 8 flavours of OrmLite is on NuGet: Docs and Downlo ...

  3. 网络调试 adb connect

    $su #stop adbd #setprop service.adb.tcp.port 5555 #start adbd 然后在电脑端打开cmd,输入adb命令: #adb connect < ...

  4. Android 手势&触摸事件

    在刚开始学Android的时候,就觉得Google的文档不咋样,在研究手势时,更加的感觉Google的文档写得实在是太差了.很多常量,属性和方法,居然连个描述都没有. 没有描述也就罢了,但是OnGes ...

  5. cocos2d-x入门学习笔记，主要介绍cocos2d-x的基本结构，并且介绍引擎自带的示例

    cocos2d-x 3.0 制作横版格斗游戏 http://philon.cn/post/cocos2d-x-3.0-zhi-zuo-heng-ban-ge-dou-you-xi http://blo ...

  6. C++中const关键字的使用方法，烦透了一遍一遍的搜，总结一下，加深印象！！！

    之前一直在学习C/C++,关于const的使用,这里出现一点,那里出现一点.知识用时方恨少,这一段时间正好各种笔试题,其中关于const的用法也是层出不穷,所以疲于在书本上各种翻,这里汇总一下,加深自 ...

  7. MySQL的1067错误解决方法

    今天在学校的时候MySQL还运行的好好的,关机来公司后MySQL一直报错,错误为1067,网上找了好多办法,但是大都没效果,因此对这个错误做个总结: 打开你的安装目录下,查看my.ini文件中MySQ ...

  8. Array 新增加的一些API用法

    es6中新增加了数组的一些用法,基本上是看例子就可以大致明白具体意思. Array.from Array.from方法用于将两类对象转为真正的数组:类似数组的对象和可遍历的对象(包括 ES6 新增的数 ...

  9. BellmanFord 最短路

    时间复杂度:O(VE) 最多循环V次,每次循环对每一条边(共E条边)判断是否可以进行松弛操作 最多V次:一个点的最短路,最多包含V-1个点(不包含该点), 如d1->d2->d3-> ...

  10. MATLAB：图像减法运算（imsubtract函数）

    图像减法运行涉及到imsubtract函数 实现代码如下: clear all; %关闭当前所有图形窗口,清空工作空间变量,清除工作空间所有变量 clc close all; A=imread('ca ...