zoukankan      html  css  js  c++  java
  • JSP的入门及应用

    JSP的入门

     

    JSP基础知识储备

    1.0 指令

     2.0 注释

    3.0 内置对象

    MVC开发模式

     

     EL表达式

     EL使用

    (1)运算

    (2)获取值

    (3)隐式对象

    JSTL标签

    1.0 JSTL入门

    2.0 常用标签

     

    JSTL表格案例

    定义一个Member类 将数据存储在list集合 并将数据打印在页面上以表格的形式

    Member类

    package utils;
    
    import java.text.SimpleDateFormat;
    import java.util.Date;
    
    public class Member {
        private String name;
        private String gender;
        private int age;
        private Date date;
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
    
        public String getGender() {
            return gender;
        }
    
        public void setGender(String gender) {
            this.gender = gender;
        }
    
        public int getAge() {
            return age;
        }
    
        public void setAge(int age) {
            this.age = age;
        }
    
        public Date getDate() {
            return date;
        }
    
        public void setDate(Date date) {
            this.date = date;
        }
    
        public Member() {
        }
    
        public Member(String name, String gender, int age, Date date) {
            this.name = name;
            this.gender = gender;
            this.age = age;
            this.date = date;
        }
        public String getDateformat()
        {
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH时mm分ss秒");
            String format = sdf.format(date);
             return format;
    
        }
    }
    

      

    <%@ page import="java.util.ArrayList" %>
    <%@ page import="java.util.List" %>
    <%@ page import="utils.Member" %>
    <%@ page import="java.util.Date" %>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <%
            List<Member> list = new ArrayList<>();
             list.add(new Member("V","male",25,new Date()));
             list.add(new Member("JK","male",23,new Date()));
             list.add(new Member("Jimin","male",25,new Date()));
             request.setAttribute("list",list);
        %>
        <table border="1px" align="center">
            <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>生日</th>
            </tr>
    
            <c:forEach items="${requestScope.list}" var="member" varStatus="s">
                <c:if test="${s.count%2==0}" >
                    <tr bgcolor="#ffc0cb">
                        <td> ${s.count}</td>
                        <td> ${member.name}</td>
                        <td> ${member.gender}</td>
                        <td> ${member.age}</td>
                        <td> ${member.dateformat}</td>
                    </tr>
            </c:if>
                <c:if test="${s.count%2!=0}" >
                    <tr bgcolor="#f5deb3">
                        <td> ${s.count}</td>
                        <td> ${member.name}</td>
                        <td> ${member.gender}</td>
                        <td> ${member.age}</td>
                        <td> ${member.dateformat}</td>
                    </tr>
                </c:if>
    
            </c:forEach>
        </table>
    </body>
    </html>
    

    效果图

     

    三层架构 

  • 相关阅读:
    node.js之npm命令安装扩展模块
    jquery选择器(转)
    node.js入门
    node.js之模块
    redhat 下装redis
    html 5之websocket(转)
    node.js安装和环境搭建
    javascript 动态加载脚本库
    HTML5 LocalStorage 本地存储
    【ecmascript】 ECMAScript 6概览【转】
  • 原文地址:https://www.cnblogs.com/mzq-/p/13466186.html
Copyright © 2011-2022 走看看