JSP学习笔记（二）

最新推荐文章于 2023-12-16 09:40:16 发布

monkey_kong

最新推荐文章于 2023-12-16 09:40:16 发布

阅读量1.3k

点赞数

分类专栏： JAVA学习之路文章标签： jsp

本文链接：https://blog.csdn.net/monkey_kong/article/details/51884550

版权

JAVA学习之路专栏收录该内容

11 篇文章 0 订阅

订阅专栏

第五章 Javabean

5.1 Javabean简介

Javabeans就是符合某种特定的规范的Java类。使用Javabeans的好处是解决代码重复编写，减少代码冗余，功能区分明确，提高了代码的维护性。
- 是一个共有的类
- 属性是私有的
- 属性全部用get、set方法封装
- 包含无参的共有构造方法

5.2 Jsp动作

5.2.1 Jsp动作的概念

Jsp动作元素（action elements），动作元素为请求处理阶段提供信息。动作元素遵循XML元素的基本语法，有一个包含元素名的开始标签，可以有属性、可选内容、与开始标签匹配的结束标签。

5.2.2 五类Jsp动作

Jsp动作

5.3 Jsp中如何使用Javabean

这里写图片描述

5.3.1直接获取javabean的对象

通过对象的get、set方式使用Javabean

<body>
    <%
        //获取javabean对象
        Users user = new Users();
        user.setUsername("admin");
        user.setPassword("123456");
     %>
    <h1>使用普通方式创建javabean的实例</h1>
    用户名：<%=user.getUsername() %><br>
        密码：<%=user.getPassword() %><br>
  </body>

5.3.2 useBean获得javabean对象，setProperty为对象属性赋值，getProperty获取对象属性值

<body>
  <jsp:useBean id="myUsers" class="com.po.Users" scope="page"/>
    <h1>setProperty动作元素</h1><hr>

    <!-- 根据表单自动匹配所有属性 -->
    <%-- 
    <jsp:setProperty property="*" name="myUsers"/>
    --%>

    <!-- 根据表单匹配部分属性(为myUsers这个对象的username属性赋上表单传来的值) -->
    <%-- 
    <jsp:setProperty property="username" name="myUsers"/>
    --%>

    <!-- 跟表单无关，表单提交的值不再生效，通过手动复制给属性 -->
    <%--    
    <jsp:setProperty property="username" name="myUsers" value="lisi"/>
    <jsp:setProperty property="password" name="myUsers" value="888888"/>
     --%>

    <!-- 通过URL传参数给属性赋值 -->
    <jsp:setProperty property="username" name="myUsers"  />
    <jsp:setProperty property="password" name="myUsers" param="mypass"/>

     <!-- 通过getProperty方式来获取用户名和密码 -->
     用户名：<jsp:getProperty property="username" name="myUsers"/><br>
     密码：<jsp:getProperty property="password" name="myUsers"/><br>

5.4 Javabean的四个作用域范围

javabean作用范围

<!-- 超链接相当于请求重定向，相当于发了一次新的请求 -->
     <a href="testScope.jsp">测试javabean的四个作用范围</a>
     <%
    //request.getRequestDispatcher("testScope.jsp").forward(request, response);
      %>

<body>
    <h1>Javabean的四个作用范围</h1><br>

    <%-- 
    <!-- 用动作元素获取用户名和密码 -->
    <jsp:useBean id="myUsers" class="com.po.Users" scope="application"/>
    用户名：<jsp:getProperty property="username" name="myUsers"/>
     密码：<jsp:getProperty property="password" name="myUsers"/>
     <hr>
      --%>

       <%-- 
     <!-- 使用内置对象获取用户名和密码（无需在本页面重新得到javabean对象） -->
     用户名：<%=((Users)application.getAttribute("myUsers")).getUsername() %><br>
     密码：<%=((Users)application.getAttribute("myUsers")).getPassword() %><br>
     --%>

      <%-- 
     用户名：<%=((Users)session.getAttribute("myUsers")).getUsername() %><br>
     密码：<%=((Users)session.getAttribute("myUsers")).getPassword() %><br>
     --%>

     <%-- 
     用户名：<%=((Users)request.getAttribute("myUsers")).getUsername() %><br>
     密码：<%=((Users)request.getAttribute("myUsers")).getPassword() %><br>
    --%>

    <%-- 
    <%
        String username = "";
        String password = "";
        if(pageContext.getAttribute("myUsers")!=null)
        {
            username = ((Users)pageContext.getAttribute("myUsers")).getUsername();
            password = ((Users)pageContext.getAttribute("myUsers")).getPassword();
        }
     %>
     用户名：<%=username %><br>
     密码：<%=password %><br>
       --%>
  </body>

5.5 Model1简介

Model1模型出现之前，整个Web应用几乎全部由JSP页面组成，JSP页面接收处理客户端请求，对请求处理后直接做出响应。
弊端：在页面层充斥着大量的业务逻辑代码和数据访问层代码，Web程序的可拓展性和可维护性非常差。
Javabean的出现可以使jsp页面中使用Javabean封装的数据或者调用Javabean的业务逻辑代码，这样大大提升了程序udall可维护性。
Model1

5.6 项目案例

使用JSP+Javabean实现简单用户登录

<body>
  <div id="container">
            <div class="logo">
                    <a href="#"><img  src="assets/logo.png" alt=""/></a>
            </div>
            <div id="box">
                    <form action="dologin.jsp" method="post">
                    <p class="main">
                            <label>用户名：</label>
                            <input name="username" value=""/>
                            <label>密码: </label>
                            <input type="password" name="password" value="">
                    </p>
                    <p class="space">
                            <input type="submit" value="登录" class="login" style="cursor: pointer;"/>
                    </p>        
                    </form>
            </div>
  </div>
  </body>

dologin.jsp

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %>
<%
    request.setCharacterEncoding("utf-8");
 %>
<jsp:useBean id="loginUser" class="com.po.Users"  scope="page"/>
<jsp:useBean id="userDAO" class="com.dao.UsersDAO" scope="page"/>
<!-- 根据表单自动匹配赋值 -->
<jsp:setProperty property="*"  name="loginUser"/>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"
        +request.getServerPort()+path+"/";

if(userDAO.usersLogin(loginUser))
{
    session.setAttribute("loginUser", loginUser.getUsername());
    request.getRequestDispatcher("login_success.jsp").forward(request, response);
}
else
{
    response.sendRedirect("login_failure.jsp");
}
%>

3.UsersDAO.java

package com.dao;

import com.po.Users;

//用户的业务逻辑类
public class UsersDAO {
    //用户登录方法
    public boolean usersLogin(Users u){
        if ("admin".equals(u.getUsername())&&"admin".equals(u.getPassword())) {
            return true;
        }else{
            return false;
        }
    }
}

第六章 JSP状态管理

6.1 http协议无状态性

这里写图片描述

6.2 保存用户状态的两大机制

Session
Cookie

6.3 Cookie简介

中文名称为“小甜饼”，是Web服务器保存在客户端的一系列文本信息。
- 典型应用1：判定注册用户是否已经登陆网站
- 典型应用2：“购物车”的处理
作用：
1. 对特定象的追踪
2. 保存用户网页浏览记录与习惯
3. 简化登录
风险：容易泄漏用户信息

6.4 Cookie的创建与使用

这里写图片描述
常用方法：

void setMaxAge(int expiry);//设置cookie有效期，以秒为单位
int getMaxAge();//获取cookie的有效时间，以秒为单位
void setValue(String value);//在cookie创建后，对cookie进行赋值
String getValue();//获取cookie的值
String getName();//获取cookie的名称

6.5 Session与Cookie的对比

Session与Cookie对比

6.6 阶段案例

用cookie实现登陆时记住密码功能

6.6.1 login.jsp

<body>
    <h1>用户登录</h1>
    <hr>
    <%
        //如果保存了cookie（记住了密码），再次登录时将其显示出来
        request.setCharacterEncoding("utf-8");
        String username = "";
        String password = "";
        //用request对象获得所有cookie对象
        Cookie[] cookies = request.getCookies();
        //如果存在cookie对象则遍历每一个cookie对象，
        //找到对象中存在key值为username或password的对象，然后得到相应的value值
        if (cookies != null && cookies.length > 0) {
            for (Cookie c : cookies) {
                if (c.getName().equals("username")) {
                    username = URLDecoder.decode(c.getValue(), "utf-8");
                }
                if (c.getName().equals("password")) {
                    password = URLDecoder.decode(c.getValue(), "utf-8");
                }
            }
        }
    %>
    <form name="loginForm" action="dologin.jsp" method="post">
        <table>
            <tr>
                <td>用户名：</td>
                <td><input type="text" name="username" value="<%=username%>" />
                </td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" name="password" value="<%=password%>" />

                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="checkbox" name="isUseCookie"
                    checked="checked" />十天内记住我的登录状态</td>
            </tr>
            <tr>
                <td colspan="2" align="center"><input type="submit" value="登录" /><input
                    type="reset" value="取消" />
                </td>
            </tr>
        </table>
    </form>
</body>

6.6.2 dologin.jsp

<body>
    <h1>登录成功</h1>
    <hr>
    <% 
       request.setCharacterEncoding("utf-8");
       //首先判断用户是否选择了记住登录状态
       String[] isUseCookies = request.getParameterValues("isUseCookie");
       if(isUseCookies!=null&&isUseCookies.length>0)
       {

          //得到表单提交的用户名和密码
          String username = URLEncoder.encode(request.getParameter("username"),"utf-8");
          //使用URLEncoder解决无法在Cookie当中保存中文字符串问题
          String password = URLEncoder.encode(request.getParameter("password"),"utf-8");
           //如果选择了则把用户名和密码保存在Cookie对象里面
          Cookie usernameCookie = new Cookie("username",username);
          Cookie passwordCookie = new Cookie("password",password);
          usernameCookie.setMaxAge(864000);
          passwordCookie.setMaxAge(864000);//设置最大生存期限为10天
          //用response保存cookie
          response.addCookie(usernameCookie);
          response.addCookie(passwordCookie);
       }
       else
       {
          Cookie[] cookies = request.getCookies();
          if(cookies!=null&&cookies.length>0)
          {
             for(Cookie c:cookies)
             {
                if(c.getName().equals("username")||c.getName().equals("password"))
                {
                    c.setMaxAge(0); //设置Cookie失效
                    response.addCookie(c); //重新保存。
                }
             }
          }
       }
    %>
  </body>

第七章 JSP指令与动作元素

7.1 include指令和include动作

//include指定
<%@ include file = "data.jsp"%>
//include动作
<jsp:include page = "data.jsp" flush = "false"/>

这里写图片描述

7.2 jsp:forward 动作

<jsp:forward page = "data.jsp"/>
//等同于请求重定向
request.getRequestDispatcher("/url").forward(request,response);

7.4 jsp:param 动作

<body>
    <h1>param动作</h1>
    <jsp:forward page="user.jsp">
        <jsp:param value="123@qq.com" name="email"/>
        <jsp:param value="888888" name="password"/>
    </jsp:forward>
  </body>

<body>
    <h1>用户资料</h1>
  <hr>
  <%
  request.setCharacterEncoding("utf-8");
    String username = "";
    String password ="";
    String email = "";
    if(request.getParameter("username")!=null)
    {
        username = request.getParameter("username");
    }
    if(request.getParameter("password")!=null)
    {
        password = request.getParameter("password");
    }
    if(request.getParameter("email")!=null)
    {
        email = request.getParameter("email");
    }
   %>
  用户名：<%=username %><br>
  密码：<%=password %><br>
  电子邮箱：<%=email %><br>
  </body>

7.5 jsp:plugin 动作

7.6 阶段项目

使用Model1思想、cookie技术和JDBC知识，实现最近浏览商品功能的实现

7.6.1 实现DBHelper类–得到数据库连接

public class DBHelper {
    //连接数据库的URL地址
    private static final String DRIVER = "com.mysql.jdbc.Driver";
    private static final String URL = "jdbc:mysql://localhost:3306/" +
            "shopping?useUnicode=true&characterEncoding=UTF-8";
    private static final String USERNAME = "root";
    private static final String PASSWORD ="123";
    private static Connection conn=null;
    //静态代码块负责加载驱动
    static
    {
        try {
            Class.forName(DRIVER);
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }
    }
    //单例模式返回数据库连接对象
    public static Connection getConnection() throws Exception
    {
        if(conn==null)
        {
            conn = (Connection) DriverManager.getConnection(URL, USERNAME, PASSWORD);
            return conn;
        }
        return conn;
    }
    //测试数据库连接是否正常
    public static void main(String[] args){
        try {
            Connection conn = DBHelper.getConnection();
            if (conn!=null) {
                System.out.println("数据库连接正常");
            }else{
                System.out.println("数据库连接异常");
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

7.6.2 创建数据表所对应的实体类

//商品类（与数据库的商品表对应）
public class Items {
    private int id;
    private String name;// 商品编号
    private String city;// 商品名称
    private int price;// 价格
    private int number;// 库存
    private String picture;// 商品图片

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getCity() {
        return city;
    }

    public void setCity(String city) {
        this.city = city;
    }

    public int getPrice() {
        return price;
    }

    public void setPrice(int price) {
        this.price = price;
    }

    public int getNumber() {
        return number;
    }

    public void setNumber(int number) {
        this.number = number;
    }

    public String getPicture() {
        return picture;
    }

    public void setPicture(String picture) {
        this.picture = picture;
    }

}

7.6.3 创建业务逻辑类（DAO）

1.设计得到所欲商品的方法

// 获得所有商品的信息（得到所有商品）
    public ArrayList<Items> getAllItems() {
        Connection conn = null;
        PreparedStatement stmt = null;
        ResultSet rs = null;
        // 商品集合
        ArrayList<Items> list = new ArrayList<Items>();
        try {
            conn = DBHelper.getConnection();
            String sql = "select * from items;";
            stmt = conn.prepareStatement(sql);
            rs = stmt.executeQuery();
            while (rs.next()) {
                Items item = new Items();
                item.setId(rs.getInt("id"));
                item.setName(rs.getString("name"));
                item.setCity(rs.getString("city"));
                item.setNumber(rs.getInt("number"));
                item.setPicture(rs.getString("picture"));
                item.setPrice(rs.getInt("price"));
                list.add(item);// 把一个商品加入集合
            }
            return list;
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        } finally {
            // 释放数据集对象
            if (rs != null) {
                try {
                    rs.close();
                    rs = null;
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
            // 释放语句对象
            if (stmt != null) {
                try {
                    stmt.close();
                    stmt = null;
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }

        }
    }

2.设计根据ID得到对应商品的方法

// 根据商品编号获取商品资料（根据ID得到对应的商品）
    public Items getItemsById(int id) {
        Connection conn = null;
        PreparedStatement stmt = null;
        ResultSet rs = null;
        try {
            conn = DBHelper.getConnection();
            String sql = "select * from items where id=?;";
            stmt = conn.prepareStatement(sql);
            stmt.setInt(1, id);
            rs = stmt.executeQuery();
            if (rs.next()) {
                Items item = new Items();
                item.setId(rs.getInt("id"));
                item.setName(rs.getString("name"));
                item.setCity(rs.getString("city"));
                item.setNumber(rs.getInt("number"));
                item.setPicture(rs.getString("picture"));
                item.setPrice(rs.getInt("price"));
                return item;
            }else {
                return null;
            }
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        } finally {
            // 释放数据集对象
            if (rs != null) {
                try {
                    rs.close();
                    rs = null;
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
            // 释放语句对象
            if (stmt != null) {
                try {
                    stmt.close();
                    stmt = null;
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
        }
    }

3.设计得到最近浏览的五条商品的方法

// 获取最近浏览的前五条商品信息
    public ArrayList<Items> getViewList(String list) {
        ArrayList<Items> itemlist = new ArrayList<Items>();
        int iCount=5;//每次返回前五条记录
        if (list!=null&&list.length()>0) {
            //根据逗号分隔
            String[] arr = list.split(",");
            if (arr.length>=5) {
                for (int i = arr.length-1; i >= arr.length-iCount; i--) {
                    itemlist.add(getItemsById(Integer.parseInt(arr[i])));
                }
            }else {
                for (int i = arr.length-1; i >=0; i--) {
                    itemlist.add(getItemsById(Integer.parseInt(arr[i])));
                }
            }
            return itemlist;
        }else {
            return null;
        }
    }

7.6.4 创建页面层

主页：

<%@page import="entity.Items"%>
<%@page import="dao.ItemsDAO"%>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>
    <style type="text/css">
       div{
          float:left;
          margin: 10px;
       }
       div dd{
          margin:0px;
          font-size:10pt;
       }
       div dd.dd_name
       {
          color:blue;
       }
       div dd.dd_city
       {
          color:#000;
       }
    </style>
  </head>

  <body>
        <center >
            <table width="750" height="60" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td>
                        <!-- 商品循环开始 -->
                        <%
                            ItemsDAO itemsDao = new ItemsDAO();
                            ArrayList<Items> list = itemsDao.getAllItems();
                            if(list!=null&&list.size()>0){
                                for(int i=0;i<list.size();i++){
                                    Items item = list.get(i);
                         %>
                        <div>
                        <!-- 自定义列表 -->
                            <dl>
                                <dt>
                                    <!-- 为商品设置跳转到详情界面的超链接，并且设置id参数-->
                                    <a href="details.jsp?id=<%=item.getId()%>"><img src="images/
                                    <%=item.getPicture() %>"  width="120" height="90" border="1"/></a>
                                </dt>
                                <dd class="dd_name"><%=item.getName() %></dd>
                                <dd class="dd_city">产地：<%=item.getCity() %>&nbsp;&nbsp;
                                价格：￥<%=item.getPrice() %></dd>
                            </dl>
                        </div>
                        <!-- 商品循环结束 -->
                        <%
                        }
                            }
                         %>
                     </td>
                 </tr>
            </table>
        </center>
  </body>
</html>

商品详情页：

<body>
        <h1>商品详情</h1>
        <hr>
        <center >
            <table width="750" height="60" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <!-- 商品详情 -->
                    <%
                        ItemsDAO itemsDao = new ItemsDAO();
                        Items item = itemsDao.getItemsById(Integer.parseInt(request.getParameter("id")));
                        if(item!=null){
                     %>
                    <td width="70%" valign="top">
                        <table>
                            <tr>
                                <td rowspan="4"><img  src="images/<%=item.getPicture() %>" width="200" height="160"/></td>
                            <tr>
                                <td><B><%=item.getName()%></B></td>
                            </tr>
                            <tr>
                                <td>产地：<%=item.getCity() %></td>
                            </tr>
                            <tr>
                                <td><B>价格：<%=item.getPrice() %>￥</B></td>
                            </tr>
                        </table>
                     </td>
                      <%
                        }
                         %>
                         <%
                            String list = "";
                            //从客户端获得cookies集合
                            Cookie[] cookies = request.getCookies();
                            //遍历该集合
                            if(cookies!=null&&cookies.length>0){
                                for(Cookie c:cookies){
                                    //查看是否已经保存有名为ListViewCookie的cookie
                                    if(c.getName().equals("ListViewCookie")){
                                        //有责把其值赋给list
                                        list = c.getValue();
                                    }
                                }
                             }
                            //追加当前商品编号
                            list+=request.getParameter("id")+",";
                            //如果浏览记录超过1000条，清零
                            String[] arr = list.split(",");
                            if(arr!=null&&arr.length>0){
                                if(arr.length>=1000){
                                    list="";
                                }
                            }
                            //在把list重新添加到名为ListViewCookie的cookie对象中
                            //其实cookie/list中存储的就是一串id
                            Cookie cookie = new Cookie("ListViewCookie",list);
                            //条cookie对象
                            response.addCookie(cookie);
                          %>
                     <!-- 浏览过的商品 -->
                     <td width="30%" bgcolor="#EEE" align="center">
                        <br>
                        <b>您浏览过的商品</b><br>
                        <!-- 循环开始 -->
                        <%
                            ArrayList<Items> itemlist = itemsDao.getViewList(list);
                            if(itemlist!=null&&itemlist.size()>0){
                                for(Items i : itemlist){
                         %>
                        <div>
                        <dl>
                            <dt>
                                <a href="details.jsp?id=<%=i.getId()%>"><img src="images/<%=i.getPicture() %>" width="120" height="90"/></a>
                            </dt>
                            <dd class="dd_name"><%=i.getName() %></dd>
                            <dd class="dd_city">产地：<%=i.getCity() %>&nbsp;&nbsp;价格：<%=i.getPrice() %>￥</dd>
                        </dl>
                        </div>
                        <!-- 循环结束 -->
                        <%
                                }
                            }
                         %>
                 </tr>
            </table>
        </center>
  </body>
</html>