devbox
你好赵伟
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

11、Javaweb_JSP&MVC&EL&JSTL&三层架构&用户列表案例_javaweb jstl案例设计

作者：你好赵伟 | 2024-07-10 05:56:46

赞

踩

javaweb jstl案例设计

JSP:

1. 指令
    * 作用：用于配置JSP页面，导入资源文件
    * 格式：
        <%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %>
    * 分类：
        1. page        ： 配置JSP页面的
            * contentType：等同于response.setContentType()
                1. 设置响应体的mime类型以及字符集
                2. 设置当前jsp页面的编码（只能是高级的IDE才能生效，如果使用低级工具，则需要设置pageEncoding属性设置当前页面的字符集）
            * import：导包
            * errorPage：当前页面发生异常后，会自动跳转到指定的错误页面
            * isErrorPage：标识当前也是是否是错误页面。
                * true：是，可以使用内置对象exception
                * false：否。默认值。不可以使用内置对象exception

发生异常，跳转错误页面

  1. <%@ page import="java.util.ArrayList" %>
  2. <%@ page import="java.util.List" %>
  3. <%@ page contentType="text/html;charset=gbk" errorPage="500.jsp"   pageEncoding="GBK" language="java" buffer="16kb" %>
  4. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  5. <html>
  6.   <head>
  7.     <title>$Title$</title>
  8.   </head>
  9.   <body>
  10.   <%
  11.  
  12.     List list = new ArrayList();
  13.     int i = 3/0;
  14.  
  15.   %>
  16.   </body>
  17. </html>

被跳转的错误页面：
 

  1. <%@ page contentType="text/html;charset=UTF-8" isErrorPage="true" language="java" %>
  2. <html>
  3. <head>
  4.     <title>Title</title>
  5. </head>
  6. <body>
  7.  
  8.     <h1>服务器正忙...</h1>
  9.     <%
  10.         String message = exception.getMessage();
  11.         out.print(message);
  12.  
  13.     %>
  14. </body>
  15. </html>

2. include    ： 页面包含的。导入页面的资源文件
            * <%@include file="top.jsp"%>
        3. taglib    ： 导入资源
            * <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
                * prefix：前缀，自定义的
2. 注释:
    1. html注释：
        <!-- -->:只能注释html代码片段,并且注释信息会发送到响应体中
    2. jsp注释：推荐使用
        <%-- --%>：可以注释所有,并且注释信息不回发送到响应体中

导入资源文件

  1. <%@ page contentType="text/html;charset=UTF-8" language="java"  %>
  2. <%@include file="top.jsp"%>
  3. <html>
  4. <head>
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8.  
  9.     <!--
  10.         <h1>hello</h1>
  11.     -->
  12.     <%--
  13.         <%
  14.             System.out.println("hi~~~~");
  15.         %>
  16.     --%>
  17. <%--
  18.  
  19.     <input>
  20. --%>
  21.     <%
  22.         pageContext.setAttribute("msg","hello");
  23.  
  24.     %>
  25.     <%=pageContext.getAttribute("msg")%>
  26.  
  27. </body>
  28. </html>

被导入资源文件：top.jsp

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <h1>页面logo页面标题</h1>

3. 内置对象
    * 在jsp页面中不需要创建，直接使用的对象
//C:\Users\Administrator\AppData\Local\JetBrains\IntelliJIdea2022.3\tomcat\bc4f368a-2989-4a92-9ce4-f5e65d925d89\work\Catalina\localhost\ROOT\org\apache\jsp\_500_jsp.java
    * 一共有9个：
            变量名                    真实类型                        作用
        * pageContext                PageContext                    当前页面共享数据，还可以获取其他八个内置对象
        * request                    HttpServletRequest            一次请求访问的多个资源(转发)
        * session                    HttpSession                    一次会话的多个请求间
        * application                ServletContext                所有用户间共享数据
        * response                    HttpServletResponse            响应对象
        * page                        Object                        当前页面(Servlet)的对象  this
        * out                        JspWriter                    输出对象，数据输出到页面上
        * config                    ServletConfig                Servlet的配置对象
        * exception                    Throwable                    异常对象

MVC：开发模式

1. jsp演变历史
    1. 早期只有servlet，只能使用response输出标签数据，非常麻烦
    2. 后来又jsp，简化了Servlet的开发，如果过度使用jsp，在jsp中即写大量的java代码，有写html表，造成难于维护，难于分工协作
    例如:在jsp中把HTML,CSS，JavaScript,Java代码写在一个页面,并且html嵌套在Java代码中,html还嵌套在for循环中,前端人员不易读懂代码,只有开发人员自己能够维护. 只有开发人员自己写的时候方便,不利于分工协作
    3. 再后来，java的web开发，借鉴mvc开发模式，使得程序的设计更加合理性

2. MVC：
    1. M：Model，模型。JavaBean
        * 完成具体的业务操作，如：查询数据库，封装对象
    2. V：View，视图。JSP
        * 展示数据
    3. C：Controller，控制器。Servlet
        * 获取用户的输入
        * 调用模型
        * 将数据交给视图进行展示

* 优缺点：
        1. 优点：
            1. 耦合性低，方便维护，可以利于分工协作
            2. 重用性高

        2. 缺点：
            1. 使得项目架构变得复杂，对开发人员要求高

EL表达式

1. 概念：Expression Language 表达式语言
2. 作用：替换和简化jsp页面中java代码的编写
3. 语法：${表达式}
4. 注意：
    * jsp默认支持el表达式的。如果要忽略el表达式
        1. 设置jsp中page指令中：isELIgnored="true" 忽略当前jsp页面中所有的el表达式
        2. \${表达式} ：忽略当前这个el表达式

5. 使用：
    1. 运算：
        * 运算符：
            1. 算数运算符： + - * /(div) %(mod)
            2. 比较运算符： > < >= <= == !=
            3. 逻辑运算符： &&(and) ||(or) !(not)
            4. 空运算符： empty
                * 功能：用于判断字符串、集合、数组对象是否为null或者长度是否为0
                * ${empty list}:判断字符串、集合、数组对象是否为null或者长度为0
                * ${not empty str}:表示判断字符串、集合、数组对象是否不为null 并且 长度>0

  1. <%@ page import="java.util.List" %>
  2. <%@ page import="java.util.ArrayList" %>
  3. <%@ page contentType="text/html;charset=UTF-8" language="java"   %>
  4. <html>
  5. <head>
  6.     <title>Title</title>
  7. </head>
  8. <body>
  9.     ${3 > 4}
  10.  
  11.     \${3 > 4}
  12. <hr>
  13.     <h3>算数运算符</h3>
  14.     ${3 + 4}<br>
  15.     ${3 / 4}<br>
  16.     ${3 div 4}<br>
  17.     ${3 % 4}<br>
  18.     ${3 mod 4}<br>
  19.     <h3>比较运算符</h3>
  20.     ${3 == 4}<br>
  21.  
  22.     <h3>逻辑运算符</h3>
  23.     ${3 > 4  && 3 < 4}<br>
  24.     ${3 > 4  and 3 < 4}<br>
  25.     
  26.     <h4>empty运算符</h4>
  27. <%
  28.  
  29.     String str = "";
  30.     request.setAttribute("str",str);
  31.  
  32.     List list = new ArrayList();
  33.     request.setAttribute("list",list);
  34.  
  35. %>
  36.     ${not empty str}
  37.  
  38.     ${not empty list}
  39. </body>
  40. </html>


    2. 获取值
        1. el表达式只能从域对象中获取值
        2. 语法：
            1. ${域名称.键名}：从指定域中获取指定键的值
                * 域名称：
                    1. pageScope        --> pageContext
                    2. requestScope     --> request
                    3. sessionScope     --> session
                    4. applicationScope --> application（ServletContext）
                * 举例：在request域中存储了name=张三
                * 获取：${requestScope.name}

            2. ${键名}：表示依次从最小的域中查找是否有该键对应的值，直到找到为止。

  1. <%@ page import="java.util.List" %>
  2. <%@ page import="java.util.ArrayList" %>
  3. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  4. <html>
  5. <head>
  6.     <title>el获取域中的数据</title>
  7. </head>
  8. <body>
  9.  
  10.  
  11.     <%
  12.         //在域中存储数据
  13.         session.setAttribute("name","李四");
  14.  
  15.         request.setAttribute("name","张三");
  16.         session.setAttribute("age","23");
  17.  
  18.         request.setAttribute("str","");
  19.  
  20.     %>
  21.  
  22. <h3>el获取值</h3>
  23. ${requestScope.name}
  24. ${sessionScope.age}
  25. ${sessionScope.haha}
  26.  
  27. ${name}
  28. ${sessionScope.name}
  29.  
  30.  
  31.  
  32.  
  33. </body>
  34. </html>

    3. 获取对象、List集合、Map集合的值
                1. 对象：${域名称.键名.属性名}
                    * 本质上会去调用对象的getter方法

                2. List集合：${域名称.键名[索引]}

                3. Map集合：
                    * ${域名称.键名.key名称}
                    * ${域名称.键名["key名称"]}

  1. <%@ page import="cn.itcast.domain.User" %>
  2. <%@ page import="java.util.*" %>
  3. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  4. <html>
  5. <head>
  6.     <title>el获取数据</title>
  7. </head>
  8. <body>
  9.  
  10.     <%
  11.         User user = new User();
  12.         user.setName("张三");
  13.         user.setAge(23);
  14.         user.setBirthday(new Date());
  15.  
  16.  
  17.         request.setAttribute("u",user);
  18.  
  19.  
  20.         List list = new ArrayList();
  21.         list.add("aaa");
  22.         list.add("bbb");
  23.         list.add(user);
  24.  
  25.         request.setAttribute("list",list);
  26.  
  27.  
  28.         Map map = new HashMap();
  29.         map.put("sname","李四");
  30.         map.put("gender","男");
  31.         map.put("user",user);
  32.  
  33.         request.setAttribute("map",map);
  34.  
  35.     %>
  36.  
  37. <h3>el获取对象中的值</h3>
  38. ${requestScope.u}<br>
  39.  
  40. <%--
  41.     * 通过的是对象的属性来获取
  42.         * setter或getter方法，去掉set或get，在将剩余部分，首字母变为小写。
  43.         * setName --> Name --> name
  44. --%>
  45.  
  46.     ${requestScope.u.name}<br>
  47.     ${u.age}<br>
  48.     ${u.birthday}<br>
  49.     ${u.birthday.month}<br>
  50.  
  51.     ${u.birStr}<br>
  52.  
  53.     <h3>el获取List值</h3>
  54.     ${list}<br>
  55.     ${list[0]}<br>
  56.     ${list[1]}<br>
  57.     ${list[10]}<br>
  58.  
  59.     ${list[2].name}
  60.  
  61.     <h3>el获取Map值</h3>
  62.     ${map.gender}<br>
  63.     ${map["gender"]}<br>
  64.     ${map.user.name}
  65.  
  66. </body>
  67. </html>

3. 隐式对象：
        * el表达式中有11个隐式对象
        * pageContext：
            * 获取jsp其他八个内置对象
                * ${pageContext.request.contextPath}：动态获取虚拟目录

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <html>
  3. <head>
  4.     <title>el隐式对象</title>
  5. </head>
  6. <body>
  7.  
  8.  
  9.     ${pageContext.request}<br>
  10.     <h4>在jsp页面动态获取虚拟目录</h4>
  11.     ${pageContext.request.contextPath}
  12.  
  13. <%
  14.  
  15.  
  16. %>
  17. </body>
  18. </html>

JSTL

1. 概念：JavaServer Pages Tag Library  JSP标准标签库
    * 是由Apache组织提供的开源的免费的jsp标签        <标签>

2. 作用：用于简化和替换jsp页面上的java代码        

3. 使用步骤：
    1. 导入jstl相关jar包

jstl-impl.jar
javax.servlet.jsp.jstl.jar

    2. 引入标签库：taglib指令：  <%@ taglib %>
    3. 使用标签

4. 常用的JSTL标签
    1. if:相当于java代码的if语句
        1. 属性：
            * test 必须属性，接受boolean表达式
                * 如果表达式为true，则显示if标签体内容，如果为false，则不显示标签体内容
                * 一般情况下，test属性值会结合el表达式一起使用
            2. 注意：
                * c:if标签没有else情况，想要else情况，则可以在定义一个c:if标签

  1. <%@ page import="java.util.List" %>
  2. <%@ page import="java.util.ArrayList" %>
  3. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  4. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  5.  
  6. <html>
  7. <head>
  8.     <title>if标签</title>
  9. </head>
  10. <body>
  11.  
  12.     <%--
  13.  
  14.     c:if标签
  15.         1. 属性：
  16.             * test 必须属性，接受boolean表达式
  17.                 * 如果表达式为true，则显示if标签体内容，如果为false，则不显示标签体内容
  18.                 * 一般情况下，test属性值会结合el表达式一起使用
  19.  
  20.         2. 注意：c:if标签没有else情况，想要else情况，则可以在定义一个c:if标签
  21.  
  22.  
  23.     --%>
  24.  
  25.     <c:if test="true">
  26.         <h1>我是真...</h1>
  27.     </c:if>
  28.     <br>
  29.  
  30.     <%
  31.         //判断request域中的一个list集合是否为空，如果不为null则显示遍历集合
  32.  
  33.         List list = new ArrayList();
  34.         list.add("aaaa");
  35.         request.setAttribute("list",list);
  36.  
  37.         request.setAttribute("number",4);
  38.  
  39.     %>
  40.  
  41.     <c:if test="${not empty list}">
  42.         遍历集合...
  43.  
  44.     </c:if>
  45.     <br>
  46.  
  47.     <c:if test="${number % 2 != 0}">
  48.  
  49.             ${number}为奇数
  50.  
  51.     </c:if>
  52.  
  53.     <c:if test="${number % 2 == 0}">
  54.  
  55.         ${number}为偶数
  56.  
  57.     </c:if>
  58.  
  59. </body>
  60. </html>


    2. choose:相当于java代码的switch语句
        1. 使用choose标签声明                     相当于switch声明
        2. 使用when标签做判断                     相当于case
        3. 使用otherwise标签做其他情况的声明        相当于default

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2.  
  3. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  4.  
  5. <html>
  6. <head>
  7.     <title>choose标签</title>
  8. </head>
  9. <body>
  10.  
  11.     <%--
  12.         完成数字编号对应星期几案例
  13.             1.域中存储一数字
  14.             2.使用choose标签取出数字         相当于switch声明
  15.             3.使用when标签做数字判断         相当于case
  16.             4.otherwise标签做其他情况的声明  相当于default
  17.     --%>
  18.  
  19.     <%
  20.         request.setAttribute("number",51);
  21.     %>
  22.  
  23.     <c:choose>
  24.         <c:when test="${number == 1}">星期一</c:when>
  25.         <c:when test="${number == 2}">星期二</c:when>
  26.         <c:when test="${number == 3}">星期三</c:when>
  27.         <c:when test="${number == 4}">星期四</c:when>
  28.         <c:when test="${number == 5}">星期五</c:when>
  29.         <c:when test="${number == 6}">星期六</c:when>
  30.         <c:when test="${number == 7}">星期天</c:when>
  31.  
  32.         <c:otherwise>数字输入有误</c:otherwise>
  33.     </c:choose>
  34.  
  35.  
  36. </body>
  37. </html>

    3. foreach:相当于java代码的for语句

  1. <%@ page import="java.util.ArrayList" %>
  2. <%@ page import="java.util.List" %>
  3. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  4.  
  5. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  6.  
  7. <html>
  8. <head>
  9.     <title>foreach标签</title>
  10. </head>
  11. <body>
  12.  
  13. <%--
  14.  
  15.     foreach:相当于java代码的for语句
  16.         1. 完成重复的操作
  17.             for(int i = 0; i < 10; i ++){
  18.  
  19.             }
  20.             * 属性：
  21.                 begin：开始值
  22.                 end：结束值
  23.                 var：临时变量
  24.                 step：步长
  25.                 varStatus:循环状态对象
  26.                     index:容器中元素的索引，从0开始
  27.                     count:循环次数，从1开始
  28.         2. 遍历容器
  29.             List<User> list;
  30.             for(User user : list){
  31.  
  32.             }
  33.  
  34.             * 属性：
  35.                 items:容器对象
  36.                 var:容器中元素的临时变量
  37.                 varStatus:循环状态对象
  38.                     index:容器中元素的索引，从0开始
  39.                     count:循环次数，从1开始
  40.  
  41.  
  42. --%>
  43.  
  44. <c:forEach begin="1" end="10" var="i" step="2" varStatus="s">
  45.     ${i} <h3>${s.index}<h3> <h4> ${s.count} </h4><br>
  46.  
  47. </c:forEach>
  48.  
  49.     <hr>
  50.  
  51.  
  52.     <%
  53.         List list = new ArrayList();
  54.         list.add("aaa");
  55.         list.add("bbb");
  56.         list.add("ccc");
  57.  
  58.         request.setAttribute("list",list);
  59.  
  60.  
  61.     %>
  62.  
  63.     <c:forEach items="${list}" var="str" varStatus="s">
  64.  
  65.             ${s.index} ${s.count} ${str}<br>
  66.  
  67.     </c:forEach>
  68.  
  69.  
  70. </body>
  71. </html>

5. 练习：
    * 需求：在request域中有一个存有User对象的List集合。需要使用jstl+el将list集合数据展示到jsp页面的表格table中

  1. <%@ page import="cn.itcast.domain.User" %>
  2. <%@ page import="java.util.List" %>
  3. <%@ page import="java.util.ArrayList" %>
  4. <%@ page import="java.util.Date" %>
  5. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  6. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  7.  
  8. <html>
  9. <head>
  10.     <title>test</title>
  11. </head>
  12. <body>
  13.  
  14. <%
  15.  
  16.     List list = new ArrayList();
  17.     list.add(new User("张三",23,new Date()));
  18.     list.add(new User("李四",24,new Date()));
  19.     list.add(new User("王五",25,new Date()));
  20.  
  21.     request.setAttribute("list",list);
  22.  
  23.  
  24. %>
  25.  
  26. <table border="1" width="500" align="center">
  27.     <tr>
  28.         <th>编号</th>
  29.         <th>姓名</th>
  30.         <th>年龄</th>
  31.         <th>生日</th>
  32.     </tr>
  33.     <%--数据行--%>
  34.     <c:forEach items="${list}" var="user" varStatus="s">
  35.  
  36.         <c:if test="${s.count % 2 != 0}">
  37.  
  38.             <tr bgcolor="red">
  39.                 <td>${s.count}</td>
  40.                 <td>${user.name}</td>
  41.                 <td>${user.age}</td>
  42.                 <td>${user.birStr}</td>
  43.             </tr>
  44.         </c:if>
  45.  
  46.         <c:if test="${s.count % 2 == 0}">
  47.  
  48.             <tr  bgcolor="green">
  49.                 <td>${s.count}</td>
  50.                 <td>${user.name}</td>
  51.                 <td>${user.age}</td>
  52.                 <td>${user.birStr}</td>
  53.             </tr>
  54.         </c:if>
  55.  
  56.  
  57.  
  58.  
  59.     </c:forEach>
  60.  
  61. </table>
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68. </body>
  69. </html>

三层架构：软件设计架构

1. 界面层(表示层)：用户看的得界面。用户可以通过界面上的组件和服务器进行交互
2. 业务逻辑层：处理业务逻辑的。
3. 数据访问层：操作数据存储文件。

案例：用户信息列表展示

1. 需求：用户信息的增删改查操作

导入包

bootstrap.css
bootstrap-theme.css
bootstrap.js
bootstrap.min.js
jquery-2.1.0.min.js

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
glyphicons-halflings-regular.woff2

导入jar包
spring-tx-4.2.4.RELEASE.jar
spring-jdbc-4.2.4.RELEASE.jar
spring-core-4.2.4.RELEASE.jar
spring-beans-4.2.4.RELEASE.jar
mysql-connector-java-8.0.18.jar
mysql-connector-java-5.1.18-bin.jar
jstl-impl.jar
javax.servlet.jsp.jstl.jar
druid-1.0.9.jar
commons-logging-1.1.1.jar
commons-beanutils-1.8.3.jar
c3p0-0.9.1.2.jar
2. 设计：
    1. 技术选型：Servlet+JSP+MySQL+JDBCTempleat+Duird+BeanUtilS+tomcat
    2. 数据库设计：
        create database day17; -- 创建数据库
        use day17;                -- 使用数据库

  create table user(   -- 创建表
            id int primary key auto_increment,
            name varchar(20) not null,
            gender varchar(5),
            age int,
            address varchar(32),
            qq    varchar(20),
            email varchar(50),
            username varchar(32),
            password varchar(32)
        );

insert into user(name,gender,age,address,qq,email,username,password) values
("张三","男",27,"广东","2345857","123@qq.com","zhangsan","123456"),
("李四","男",37,"北京","23458572","1223@qq.com","lisi","123456"),
("王五","男",29,"上海","2345817","1883@qq.com","wangwu","123456"),
("小七","女",22,"广东","2345257","1111@qq.com","xiaoqi","123456"),
("小九","女",23,"四川","23225257","x666@qq.com","xiaojiu","123456"),
("大九","女",23,"四川","23225257","d666@qq.com","dajiu","123456"),
("三九","女",23,"四川","23225257","s666@qq.com","sanjiu","123456"),
("四九","女",23,"四川","23225257","ss666@qq.com","sijiu","123456"),
("五九","女",23,"四川","23225257","w666@qq.com","wujiu","123456"),
("六九","女",23,"四川","23225257","l666@qq.com","liujiu","123456"),
("七九","女",23,"四川","23225257","q666@qq.com","qijiu","123456"),
("八九","女",23,"四川","23225257","b666@qq.com","bajiu","123456");

3. 开发：
    1. 环境搭建
        1. 创建数据库环境
        2. 创建项目，导入需要的jar包

    2. 编码

4. 测试
5. 部署运维

 视图资源

index.jsp

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4. <head>
  5.   <meta charset="utf-8"/>
  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  7.   <meta name="viewport" content="width=device-width, initial-scale=1"/>
  8.   <title>首页</title>
  9.  
  10.   <!-- 1. 导入CSS的全局样式 -->
  11.   <link href="css/bootstrap.min.css" rel="stylesheet">
  12.   <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
  13.   <script src="js/jquery-2.1.0.min.js"></script>
  14.   <!-- 3. 导入bootstrap的js文件 -->
  15.   <script src="js/bootstrap.min.js"></script>
  16.   <script type="text/javascript">
  17.   </script>
  18. </head>
  19. <body>
  20. <div align="center">
  21.   <a
  22.           href="${pageContext.request.contextPath}/userListServlet" style="text-decoration:none;font-size:33px">查询所有用户信息
  23.   </a>
  24. </div>
  25. </body>
  26. </html>

list.jsp

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2.  
  3. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  4.  
  5. <!DOCTYPE html>
  6. <!-- 网页使用的语言 -->
  7. <html lang="zh-CN">
  8. <head>
  9.     <!-- 指定字符集 -->
  10.     <meta charset="utf-8">
  11.     <!-- 使用Edge最新的浏览器的渲染方式 -->
  12.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  13.     <!-- viewport视口：网页可以根据设置的宽度自动进行适配，在浏览器的内部虚拟一个容器，容器的宽度与设备的宽度相同。
  14.     width: 默认宽度与设备的宽度相同
  15.     initial-scale: 初始的缩放比，为1:1 -->
  16.     <meta name="viewport" content="width=device-width, initial-scale=1">
  17.     <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  18.     <title>用户信息管理系统</title>
  19.  
  20.     <!-- 1. 导入CSS的全局样式 -->
  21.     <link href="css/bootstrap.min.css" rel="stylesheet">
  22.     <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
  23.     <script src="js/jquery-2.1.0.min.js"></script>
  24.     <!-- 3. 导入bootstrap的js文件 -->
  25.     <script src="js/bootstrap.min.js"></script>
  26.     <style type="text/css">
  27.         td, th {
  28.             text-align: center;
  29.         }
  30.     </style>
  31. </head>
  32. <body>
  33. <div class="container">
  34.     <h3 style="text-align: center">用户信息列表</h3>
  35.     <table border="1" class="table table-bordered table-hover">
  36.         <tr class="success">
  37.             <th>编号</th>
  38.             <th>姓名</th>
  39.             <th>性别</th>
  40.             <th>年龄</th>
  41.             <th>籍贯</th>
  42.             <th>QQ</th>
  43.             <th>邮箱</th>
  44.             <th>操作</th>
  45.         </tr>
  46.  
  47.         <c:forEach items="${users}" var="user" varStatus="s">
  48.             <tr>
  49.                 <td>${s.count}</td>
  50.                 <td>${user.name}</td>
  51.                 <td>${user.gender}</td>
  52.                 <td>${user.age}</td>
  53.                 <td>${user.address}</td>
  54.                 <td>${user.qq}</td>
  55.                 <td>${user.email}</td>
  56. <%--                <td><a class="btn btn-default btn-sm" href="update.jsp">修改</a>&nbsp;--%>
  57.                 <td><a class="btn btn-default btn-sm" href="${pageContext.request.contextPath}/userFindServlet?name=${user.name}">修改</a>&nbsp;
  58.                     <a class="btn btn-default btn-sm" href="${pageContext.request.contextPath}/userDeleteServlet?name=${user.name}">删除</a></td>
  59.             </tr>
  60.  
  61.         </c:forEach>
  62.  
  63.  
  64.         <tr>
  65.             <td colspan="8" align="center"><a class="btn btn-primary" href="${pageContext.request.contextPath}/add.jsp">添加联系人</a></td>
  66.         </tr>
  67.     </table>
  68. </div>
  69. </body>
  70. </html>

add.jsp

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <!-- HTML5文档-->
  3. <!DOCTYPE html>
  4. <!-- 网页使用的语言 -->
  5. <html lang="zh-CN">
  6. <head>
  7.     <!-- 指定字符集 -->
  8.     <meta charset="utf-8">
  9.     <!-- 使用Edge最新的浏览器的渲染方式 -->
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.     <!-- viewport视口：网页可以根据设置的宽度自动进行适配，在浏览器的内部虚拟一个容器，容器的宽度与设备的宽度相同。
  12.     width: 默认宽度与设备的宽度相同
  13.     initial-scale: 初始的缩放比，为1:1 -->
  14.     <meta name="viewport" content="width=device-width, initial-scale=1">
  15.     <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  16.     <title>添加用户</title>
  17.  
  18.     <!-- 1. 导入CSS的全局样式 -->
  19.     <link href="css/bootstrap.min.css" rel="stylesheet">
  20.     <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
  21.     <script src="js/jquery-2.1.0.min.js"></script>
  22.     <!-- 3. 导入bootstrap的js文件 -->
  23.     <script src="js/bootstrap.min.js"></script>
  24. </head>
  25. <body>
  26. <div class="container">
  27.     <center><h3>添加联系人页面</h3></center>
  28.     <form action="${pageContext.request.contextPath}/userAddServlet" method="post">
  29.         <div class="form-group">
  30.             <label for="name">姓名：</label>
  31.             <input type="text" class="form-control" id="name" name="name" placeholder="请输入姓名">
  32.         </div>
  33.  
  34.         <div class="form-group">
  35.             <label>性别：</label>
  36.             <input type="radio" name="gender" value="男" checked="checked"/>男
  37.             <input type="radio" name="gender" value="女"/>女
  38.         </div>
  39.  
  40.         <div class="form-group">
  41.             <label for="age">年龄：</label>
  42.             <input type="text" class="form-control" id="age" name="age" placeholder="请输入年龄">
  43.         </div>
  44.  
  45.         <div class="form-group">
  46.             <label for="address">籍贯：</label>
  47.             <select name="address" class="form-control" id="address">
  48.                 <option value="广东">广东</option>
  49.                 <option value="广西">广西</option>
  50.                 <option value="湖南">湖南</option>
  51.             </select>
  52.         </div>
  53.  
  54.         <div class="form-group">
  55.             <label for="qq">QQ：</label>
  56.             <input type="text" class="form-control" id="qq" name="qq" placeholder="请输入QQ号码"/>
  57.         </div>
  58.  
  59.         <div class="form-group">
  60.             <label for="email">Email：</label>
  61.             <input type="text" class="form-control" id="email" name="email" placeholder="请输入邮箱地址"/>
  62.         </div>
  63.  
  64.         <div class="form-group" style="text-align: center">
  65.             <input class="btn btn-primary" type="submit" value="提交" />
  66.             <input class="btn btn-default" type="reset" value="重置" />
  67.             <input class="btn btn-default" type="button" value="返回" />
  68.         </div>
  69.     </form>
  70. </div>
  71. </body>
  72. </html>

update.jsp

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3. <!DOCTYPE html>
  4. <!-- 网页使用的语言 -->
  5. <html lang="zh-CN">
  6.     <head>
  7.  
  8. <%--    	<base href="<%=basePath%>"/>--%>
  9.         <!-- 指定字符集 -->
  10.         <meta charset="utf-8">
  11.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12.         <meta name="viewport" content="width=device-width, initial-scale=1">
  13.         <title>修改用户</title>
  14.  
  15.         <link href="css/bootstrap.min.css" rel="stylesheet">
  16.         <script src="js/jquery-2.1.0.min.js"></script>
  17.         <script src="js/bootstrap.min.js"></script>
  18.         
  19.     </head>
  20.     <body>
  21.         <div class="container" style="width: 400px;">
  22.         <h3 style="text-align: center;">修改联系人</h3>
  23.         <form action="${pageContext.request.contextPath}/userUpdateServlet" method="post">
  24.           <div class="form-group">
  25.             <label for="name">姓名：</label>
  26.             <input type="text" class="form-control" id="name" name="name"  readonly="readonly" value="${user.name}" placeholder="${user.name}" />
  27.           </div>
  28.  
  29.           <div class="form-group">
  30.             <label>性别：</label>
  31.               <input type="radio" name="gender" value="男"    <c:if test="${user.gender=='男'}">checked</c:if>/>男
  32.                 <input type="radio" name="gender" value="女" <c:if test="${user.gender=='女'}">checked</c:if> />女
  33.           </div>
  34.  
  35.           <div class="form-group">
  36.             <label for="age">年龄：</label>
  37.             <input type="text" class="form-control" id="age"  name="age" placeholder="请输入年龄" value="${user.age}" />
  38.           </div>
  39.  
  40.           <div class="form-group">
  41.             <label for="address">籍贯：</label>
  42.              <select id="address" name="address" class="form-control" >
  43.                 <option value="广东">广东</option>
  44.                 <option value="广西">广西</option>
  45.                 <option value="湖南">湖南</option>
  46.                  <option value="北京">北京</option>
  47.                  <option value="上海">上海</option>
  48.             </select>
  49.           </div>
  50.  
  51.           <div class="form-group">
  52.             <label for="qq">QQ：</label>
  53.             <input type="text" class="form-control" id="qq" name="qq" placeholder="请输入QQ号码" value="${user.qq}"/>
  54.           </div>
  55.  
  56.           <div class="form-group">
  57.             <label for="email">Email：</label>
  58.             <input type="text" class="form-control" id="email" name="email" value="${user.email}" placeholder="请输入邮箱地址"/>
  59.           </div>
  60.  
  61.              <div class="form-group" style="text-align: center">
  62.                 <input class="btn btn-primary" type="submit" value="提交" />
  63.                 <input class="btn btn-default" type="reset" value="重置" />
  64.                 <input class="btn btn-default" type="button" value="返回"/>
  65.              </div>
  66.         </form>
  67.         </div>
  68.     </body>
  69. </html>

login.jsp

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4.   <head>
  5.     <meta charset="utf-8"/>
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1"/>
  8.     <title>管理员登录</title>
  9.  
  10.     <!-- 1. 导入CSS的全局样式 -->
  11.     <link href="css/bootstrap.min.css" rel="stylesheet">
  12.     <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
  13.     <script src="js/jquery-2.1.0.min.js"></script>
  14.     <!-- 3. 导入bootstrap的js文件 -->
  15.     <script src="js/bootstrap.min.js"></script>
  16.     <script type="text/javascript">
  17.     </script>
  18.   </head>
  19.   <body>
  20.   <script>
  21.         window.onload = function(){
  22.             document.getElementById("img").onclick = function(){
  23.                 this.src="${pageContext.request.contextPath}/checkCodeServlet?time="+new Date().getTime();
  24.             }
  25.         }
  26.  
  27.  
  28.     </script>
  29.   	<div class="container" style="width: 400px;">
  30.   		<h3 style="text-align: center;">管理员登录</h3>
  31.         <form action="${pageContext.request.contextPath}/loginServlet" method="post">
  32. 	      <div class="form-group">
  33. 	        <label for="user">用户名：</label>
  34. 	        <input type="text" name="user" class="form-control" id="user" placeholder="请输入用户名"/>
  35. 	      </div>
  36. 	      
  37. 	      <div class="form-group">
  38. 	        <label for="password">密码：</label>
  39. 	        <input type="password" name="password" class="form-control" id="password" placeholder="请输入密码"/>
  40. 	      </div>
  41. 	      
  42. 	      <div class="form-inline">
  43. 	        <label for="vcode">验证码：</label>
  44. 	        <input type="text" name="verifycode" class="form-control" id="verifycode" placeholder="请输入验证码" style="width: 120px;"/>
  45. 	        <a href="javascript:refreshCode()"><img id="img" src="${pageContext.request.contextPath}/checkCodeServlet" title="看不清点击刷新" id="vcode"/></a>
  46. 	      </div>
  47. 	      <hr/>
  48. 	      <div class="form-group" style="text-align: center;">
  49. 	        <input class="btn btn btn-primary" type="submit" value="登录">
  50. 	       </div>
  51. 	  	</form>
  52. 		
  53. 		<!-- 出错显示的信息框 -->
  54. 	  	<div class="alert alert-warning alert-dismissible" role="alert">
  55. 		  <button type="button" class="close" data-dismiss="alert" >
  56. 		  	<span>&times;</span></button>
  57. 		   <strong>登录失败!</strong>
  58. 			<div><%=request.getAttribute("cc_error") == null ? "" : request.getAttribute("cc_error")%></div>
  59. 			<div><%=request.getAttribute("login_error") == null ? "" : request.getAttribute("login_error") %></div>
  60. 		</div>
  61.   	</div>
  62.   </body>
  63. </html>

druid.properties        jdbc配置文件

  1. #driverClassName=com.mysql.jdbc.Driver
  2. driverClassName=com.mysql.cj.jdbc.Driver
  3. #url=jdbc:mysql:///day17
  4. url=jdbc:mysql:///db?serverTimezone=UTC
  5. username=root
  6. password=123456
  7. initialSize=5
  8. maxActive=10
  9. maxWait=3000

JDBCUtils        工具类

  1. /**
  2.  * JDBC工具类 使用Durid连接池
  3.  */
  4. public class JDBCUtils {
  5.  
  6.     private static DataSource ds ;
  7.  
  8.     static {
  9.  
  10.         try {
  11.             //1.加载配置文件
  12.             Properties pro = new Properties();
  13.             //使用ClassLoader加载配置文件，获取字节输入流
  14.             InputStream is = JDBCUtils.class.getClassLoader().getResourceAsStream("druid.properties");
  15.             pro.load(is);
  16.             //2.初始化连接池对象
  17.             ds = DruidDataSourceFactory.createDataSource(pro);
  18.  
  19.         } catch (IOException e) {
  20.             e.printStackTrace();
  21.         } catch (Exception e) {
  22.             e.printStackTrace();
  23.         }
  24.     }
  25.  
  26.     /**
  27.      * 获取连接池对象
  28.      */
  29.     public static DataSource getDataSource(){
  30.         return ds;
  31.     }
  32.  
  33.  
  34.     /**
  35.      * 获取连接Connection对象
  36.      */
  37.     public static Connection getConnection() throws SQLException {
  38.         return  ds.getConnection();
  39.     }
  40. }

User类

  1. public class User {
  2.     private int id;
  3.     private String name;
  4.     private String gender;
  5.     private int age;
  6.     private String address;
  7.     private String qq;
  8.     private String email;
  9.  
  10.     public int getId() {
  11.         return id;
  12.     }
  13.  
  14.     public void setId(int id) {
  15.         this.id = id;
  16.     }
  17.  
  18.     public String getName() {
  19.         return name;
  20.     }
  21.  
  22.     public void setName(String name) {
  23.         this.name = name;
  24.     }
  25.  
  26.     public String getGender() {
  27.         return gender;
  28.     }
  29.  
  30.     public void setGender(String gender) {
  31.         this.gender = gender;
  32.     }
  33.  
  34.     public int getAge() {
  35.         return age;
  36.     }
  37.  
  38.     public void setAge(int age) {
  39.         this.age = age;
  40.     }
  41.  
  42.     public String getAddress() {
  43.         return address;
  44.     }
  45.  
  46.     public void setAddress(String address) {
  47.         this.address = address;
  48.     }
  49.  
  50.     public String getQq() {
  51.         return qq;
  52.     }
  53.  
  54.     public void setQq(String qq) {
  55.         this.qq = qq;
  56.     }
  57.  
  58.     public String getEmail() {
  59.         return email;
  60.     }
  61.  
  62.     public void setEmail(String email) {
  63.         this.email = email;
  64.     }
  65.  
  66.     @Override
  67.     public String toString() {
  68.         return "User{" +
  69.                 "id=" + id +
  70.                 ", name='" + name + '\'' +
  71.                 ", gender='" + gender + '\'' +
  72.                 ", age=" + age +
  73.                 ", address='" + address + '\'' +
  74.                 ", qq='" + qq + '\'' +
  75.                 ", email='" + email + '\'' +
  76.                 '}';
  77.     }
  78. }

UserDao 接口

  1. /**
  2.  * 用户操作的DAO
  3.  */
  4. public interface UserDao {
  5.     public List<User> findAll();
  6.     public User userAdd(User u);
  7.     public String userDelete(String name);
  8.     public Map<String, Object> userFind(String name);
  9.     public boolean userUpdate(User user);
  10. }

UserDaoImpl        实现类

  1. public class UserDaoImpl implements UserDao {
  2.  
  3.     private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());
  4.  
  5.     @Override
  6.     public List<User> findAll() {
  7.         //使用JDBC操作数据库...
  8.         //1.定义sql
  9.         String sql = "select * from user";
  10.         List<User> users = template.query(sql, new BeanPropertyRowMapper<User>(User.class));
  11.  
  12.         return users;
  13.     }
  14.     @Override
  15.     public Map<String, Object> userFind(String name) {
  16.         String sql="select name,gender,age,address,qq,email from user where name = ?";
  17.         Map<String, Object> map = template.queryForMap(sql, name);
  18.         return map;
  19.     }
  20.  
  21.     @Override
  22.     public User userAdd(User adduser) {
  23.         String sql = "insert into user (name,gender,age,address,qq,email) values(?,?,?,?,?,?)";
  24.         template.update(sql, adduser.getName(),adduser.getGender(),adduser.getAge(),
  25.                 adduser.getAddress(),adduser.getQq(),adduser.getEmail());
  26.         return null;
  27.     }
  28.  
  29.     @Override
  30.     public String userDelete(String name) {
  31.         String sql="delete from user where name = ?";
  32.         template.update(sql,name);
  33.         return null;
  34.     }
  35.     @Override
  36.     public boolean userUpdate(User user) {
  37.         String sql = "update user set gender = ?,age=?,address=?,qq=?,email=? where name = ?";
  38.         template.update(sql,user.getGender(),user.getAge(),user.getAddress(),user.getQq(),user.getEmail(),user.getName());
  39.         return true;
  40.     }
  41.  
  42. }

UserService 业务接口

  1. /**
  2.  * 用户管理的业务接口
  3.  */
  4. public interface UserService {
  5.  
  6.     /**
  7.      * 查询所有用户信息
  8.      * @return
  9.      */
  10.     public List<User> findAll();
  11.     public User userAdd(User u);
  12.     public String userDelete(String name);
  13.     public Map<String, Object> userFind(String name);
  14.     public boolean userUpdate(User user);
  15.  
  16. }

UserServiceImpl       实现类

  1. public class UserServiceImpl implements UserService {
  2.     private UserDao dao = new UserDaoImpl();
  3.  
  4.     @Override
  5.     public List<User> findAll() {
  6.         //调用Dao完成查询
  7.         return dao.findAll();
  8.     }
  9.  
  10.     @Override
  11.     public User userAdd(User u) {
  12.         return dao.userAdd(u);
  13.     }
  14.  
  15.     @Override
  16.     public String userDelete(String name) {
  17.         return dao.userDelete(name);
  18.     }
  19.  
  20.     @Override
  21.     public Map<String, Object> userFind(String name) {
  22.         return dao.userFind(name);
  23.     }
  24.  
  25.     @Override
  26.     public boolean userUpdate(User user) {
  27.         return dao.userUpdate(user);
  28.     }
  29. }

UserListServlet 查询所有

  1. @WebServlet("/userListServlet")
  2. public class UserListServlet extends HttpServlet {
  3.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  4.         //1.调用UserService完成查询
  5.         UserService service = new UserServiceImpl();
  6.         List<User> users = service.findAll();
  7.         //2.将list存入request域
  8.         request.setAttribute("users",users);
  9.  
  10.         //3.转发到list.jsp
  11.  
  12.         request.getRequestDispatcher("/list.jsp").forward(request,response);
  13.  
  14.         HttpSession session = request.getSession();
  15.         Cookie c = new Cookie("JSESSIONID", session.getId());
  16.         c.setMaxAge(60*30);
  17.         response.addCookie(c);
  18.         session.setAttribute("users",users);
  19.     }
  20.  
  21.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  22.         this.doPost(request, response);
  23.     }
  24. }

UserAddServlet         添加联系人

  1. @WebServlet("/userListServlet")
  2. public class UserListServlet extends HttpServlet {
  3.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  4.         //1.调用UserService完成查询
  5.         UserService service = new UserServiceImpl();
  6.         List<User> users = service.findAll();
  7.         //2.将list存入request域
  8.         request.setAttribute("users",users);
  9.  
  10.         //3.转发到list.jsp
  11.  
  12.         request.getRequestDispatcher("/list.jsp").forward(request,response);
  13.  
  14.         HttpSession session = request.getSession();
  15.         Cookie c = new Cookie("JSESSIONID", session.getId());
  16.         c.setMaxAge(60*30);
  17.         response.addCookie(c);
  18.         session.setAttribute("users",users);
  19.     }
  20.  
  21.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  22.         this.doPost(request, response);
  23.     }
  24. }

UserDeleteServlet
 

  1. @WebServlet(name = "userAddServlet", value = "/userAddServlet")
  2. class UserAddServlet extends HttpServlet {
  3.     @Override
  4.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  5.         doPost(request, response);
  6.     }
  7.  
  8.     @Override
  9.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  10.  
  11.         request.setCharacterEncoding("utf-8");
  12.         Map<String, String[]> map = request.getParameterMap();
  13.         User u = new User();
  14.         try {
  15.             BeanUtils.populate(u,map);
  16.         } catch (IllegalAccessException e) {
  17.             e.printStackTrace();
  18.         } catch (InvocationTargetException e) {
  19.             e.printStackTrace();
  20.         }
  21.         UserServiceImpl service = new UserServiceImpl();
  22.         service.userAdd(u);
  23.  
  24.     }
  25. }

UserFindServlet         查询单个联系人
 

  1. @WebServlet(name = "userFindServlet", value = "/userFindServlet")
  2. public class UserFindServlet extends HttpServlet {
  3.     @Override
  4.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  5.         doPost(request, response);
  6.     }
  7.  
  8.     @Override
  9.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  10.         request.setCharacterEncoding("utf-8");
  11.         String name = request.getParameter("name");
  12.         //1.调用UserService完成查询
  13.         HttpSession session = request.getSession();
  14.         List<User> users =(List<User>) session.getAttribute("users");
  15.         if (users != null){
  16.             for (User u:users){
  17.                 if(name.equals(u.getName())){
  18.                     request.setAttribute("user",u);
  19.                     request.getRequestDispatcher("/update.jsp").forward(request,response);
  20.                     return ;
  21.                 }
  22.             }
  23.         }else{
  24.             UserServiceImpl service = new UserServiceImpl();
  25.  
  26.             Map<String, Object> map = service.userFind(name);
  27.             User user = new User();
  28.             try {
  29.                 BeanUtils.populate(user,map);
  30.             } catch (IllegalAccessException e) {
  31.                 e.printStackTrace();
  32.             } catch (InvocationTargetException e) {
  33.                 e.printStackTrace();
  34.             }
  35.             request.setAttribute("user",user);
  36.             request.getRequestDispatcher("/index.jsp").forward(request,response);
  37.         }
  38.     }
  39. }

UserUpdateServlet        修改联系人信息
 

  1. @WebServlet(name = "userUpdateServlet", value = "/userUpdateServlet")
  2. public class UserUpdateServlet extends HttpServlet {
  3.     @Override
  4.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  5.         doPost(request, response);
  6.     }
  7.  
  8.     @Override
  9.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  10.         request.setCharacterEncoding("utf-8");
  11.         Map<String, String[]> map = request.getParameterMap();
  12.         User u = new User();
  13.         try {
  14.             BeanUtils.populate(u,map);
  15.         } catch (IllegalAccessException e) {
  16.             e.printStackTrace();
  17.         } catch (InvocationTargetException e) {
  18.             e.printStackTrace();
  19.         }
  20.         UserServiceImpl service = new UserServiceImpl();
  21.         service.userUpdate(u);
  22.         request.getRequestDispatcher("/index.jsp").forward(request,response);
  23.     }
  24. }

LoginServlet         登录        登录未连数据库，只有验证码刷新

  1. @WebServlet("/loginServlet")
  2. public class LoginServlet extends HttpServlet {
  3.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  4.         //1.设置request编码
  5.         request.setCharacterEncoding("utf-8");
  6.         //2.获取参数
  7.         String username = request.getParameter("username");
  8.         String password = request.getParameter("password");
  9.         String checkCode = request.getParameter("checkCode");
  10.         //3.先获取生成的验证码
  11.         HttpSession session = request.getSession();
  12.         String checkCode_session = (String) session.getAttribute("checkCode_session");
  13.         //删除session中存储的验证码
  14.         session.removeAttribute("checkCode_session");
  15.         //3.先判断验证码是否正确
  16.         if(checkCode_session!= null && checkCode_session.equalsIgnoreCase(checkCode)){
  17.             //忽略大小写比较
  18.             //验证码正确
  19.             //判断用户名和密码是否一致
  20.             if("zhangsan".equals(username) && "123".equals(password)){//需要调用UserDao查询数据库
  21.                 //登录成功
  22.                 //存储信息，用户信息
  23.                 session.setAttribute("user",username);
  24.                 //重定向到success.jsp
  25.                 response.sendRedirect(request.getContextPath()+"/success.jsp");
  26.             }else{
  27.                 //登录失败
  28.                 //存储提示信息到request
  29.                 request.setAttribute("login_error","用户名或密码错误");
  30.                 //转发到登录页面
  31.                 request.getRequestDispatcher("/login.jsp").forward(request,response);
  32.             }
  33.  
  34.  
  35.         }else{
  36.             //验证码不一致
  37.             //存储提示信息到request
  38.             request.setAttribute("cc_error","验证码错误");
  39.             //转发到登录页面
  40.             request.getRequestDispatcher("/login.jsp").forward(request,response);
  41.  
  42.         }
  43.  
  44.     }
  45.  
  46.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  47.         this.doPost(request, response);
  48.     }
  49. }

CheckCodeServlet        验证码
 

  1. @WebServlet("/checkCodeServlet")
  2. public class CheckCodeServlet extends HttpServlet {
  3.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  4.  
  5.  
  6.         int width = 100;
  7.         int height = 50;
  8.  
  9.         //1.创建一对象，在内存中图片(验证码图片对象)
  10.         BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
  11.  
  12.  
  13.         //2.美化图片
  14.         //2.1 填充背景色
  15.         Graphics g = image.getGraphics();//画笔对象
  16.         g.setColor(Color.PINK);//设置画笔颜色
  17.         g.fillRect(0,0,width,height);
  18.  
  19.         //2.2画边框
  20.         g.setColor(Color.BLUE);
  21.         g.drawRect(0,0,width - 1,height - 1);
  22.  
  23.         String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";
  24.         //生成随机角标
  25.         Random ran = new Random();
  26.         StringBuilder sb = new StringBuilder();
  27.         for (int i = 1; i <= 4; i++) {
  28.             int index = ran.nextInt(str.length());
  29.             //获取字符
  30.             char ch = str.charAt(index);//随机字符
  31.             sb.append(ch);
  32.  
  33.             //2.3写验证码
  34.             g.drawString(ch+"",width/5*i,height/2);
  35.         }
  36.         String checkCode_session = sb.toString();
  37.         //将验证码存入session
  38.         request.getSession().setAttribute("checkCode_session",checkCode_session);
  39.  
  40.         //2.4画干扰线
  41.         g.setColor(Color.GREEN);
  42.  
  43.         //随机生成坐标点
  44.  
  45.         for (int i = 0; i < 10; i++) {
  46.             int x1 = ran.nextInt(width);
  47.             int x2 = ran.nextInt(width);
  48.  
  49.             int y1 = ran.nextInt(height);
  50.             int y2 = ran.nextInt(height);
  51.             g.drawLine(x1,y1,x2,y2);
  52.         }
  53.  
  54.  
  55.         //3.将图片输出到页面展示
  56.         ImageIO.write(image,"jpg",response.getOutputStream());
  57.  
  58.  
  59.     }
  60.  
  61.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  62.         this.doPost(request,response);
  63.     }
  64. }

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/805043
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号