期末测验 编程题 登录Demo系统
测验目标
- 熟练掌握JSP网页设计
- 熟练掌握Servlet程序设计
- 熟练掌握Filter程序设计
- 熟练掌握DB访问技术(Dao,Service,Servlet)
分值(满分50分)
- 完成项目功能需求(14分)
- 数据库实现(2分--1个截图)
- 项目搭建(6分--1个截图、2个xml文件)
- 界面实现(8分--2个jsp代码、2个截图)
- Java代码(20分--7个java文件)
1 项目概述
1.1 需求分析
项目功能需求(14分):
- ①默认项目/ch16_xx/进入登录界面,如图1所示。
- ②登录界面输入:管理员-123456或 个人姓名-个人学号进入主界面index.jsp,如图2所示。
- ③进入主界面index.jsp点击相应的链接打开相应的资源,如图3所示。。
- ④登录界面输入错误的用户名和或密码,重新进入登录界面并指出错误,如图4所示。。
- ⑤登出后或未登录,浏览器地址栏输入:http://ip地址:8080/ch16_xx/index.jsp 进入登录界面,如图5所示。
- ⑥登录2分钟因会话超时,浏览器地址栏输入:http://ip地址:8080/ch16_xx/index.jsp 进入登录界面,如图5所示。
- ⑦登录2分钟内,浏览器地址栏输入:http://ip地址:8080/ch16_xx/index.jsp 直接进入主界面。
设计、提交要求
- ① 系统版本要求 Tomcat 9、servlet 4、MySql 8、html5;
- ② 数据库中数据表字段用汉字命名,名、表名后加下划线和姓名拼音缩写;
- ③ Java ee项目中包名为cn.xxx.开始,其中xxx姓名拼音首字母缩写(小写);
- ④ Java ee项目中java源代码(除DataSourceUtils.java外)、页面的jsp(除index.jsp外)文件名后加下划线和姓名拼音字母首缩写;
- ⑤ Java ee项目要单独部署到阿里云中,数据库部署到云端的mysql数据库,项目及在线md文档要求在2024.06.20 23:00之前部署个人云端,并保证在正常运行15天;
- ⑥ 项目要求在2024.06.20 23:00之前将开发md文档(填上完整的代码)及图片(高亮要求的截图)、源代码包、IP及密码.doc打包成xxxxxxxxx-XXX《登录Demo系统》作业.zip(其中:xxxxxxxxx学号,XXX中文姓名)向122234434@qq.com邮箱提交存档。
2 数据库设计
数据库名: 登录Demo_wjy 数据表名: 用户表_wjy
建表语句
-- 1. 用户
DROP TABLE IF EXISTS `用户表_wjy`;
CREATE TABLE `用户表_wjy` (
`用户名` varchar(45) NOT NULL PRIMARY KEY,
`密码` varchar(45) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
INSERT INTO `用户表_wjy` VALUES
('管理员','123456'),
('王佳媛','2320317132');
3 项目实现
3.1 确定项目开发环境
Tomcat9.0 MySQL 8.0 JDK8
3.2 创建数据库表
见上述数据库部分
3.3 创建项目、包名、引入JAR包
包名 | 说明 |
---|---|
cn.wjy.utils | 工具类:数据源工具、单价计算器工具 |
cn.wjy.model | JavaBean类 |
cn.wjy.dao | 数据访问 |
cn.wjy.service | 服务层 |
cn.wjy.servlet | web servlet层 |
cn.wjy.filter | 过滤器 |
jar包 在web/WEB-INF创建lib文件夹,并粘贴下列5个jar文件,
web/WEB-INF/web.xml(2分)
login_wjy
3.3 界面设计
web/login_wjy.jsp(2分)
<%--
Created by IntelliJ IDEA.
User: yjq15
Date: 2024/6/20
Time: 下午5:06
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
王佳媛的登录Demo系统.登录
body{
width: 100%;
height: 100%;
overflow: hidden;
background: url(Images/bg.png) no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
ul a{
width: 400px;
background-color: rgb(103, 238, 30);
}
h1{
color:white;
}
p{
color:white;
}
<!-- 通过background-color设置点击状态的背景颜色 B2FF99 FFFF85 -->
a:link {background-color: #67ee1e;}
a:visited {background-color: #67ee1e;}
a:hover {background-color: #979393;}
a:active {background-color: #68ee20;}
王佳媛的登录Demo系统
用户名:${sessionScope.user.用户名} | 用户注销
首页 index.jsp
访问test.html
访问test.txt(GBK编码)
访问wjy.jpg
访问不存在的abcd.jpg
访问sub/test2.html
访问sub/test2.txt(GBK编码)
访问sub/wjy2.jpg
访问不存在的sub/abcd.jpg
web/index.jsp(2分)
<%--
Created by IntelliJ IDEA.
User: yjq15
Date: 2024/6/20
Time: 下午4:55
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
王佳媛的登录Demo系统
body{
width: 100%;
height: 100%;
overflow: hidden;
background: url(Images/bg.png) no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
form{
width: 400px;
margin: 200px auto;
padding: 20px 30px;
background-color: rgba(255, 255, 255, 0.8);
}
form div{
margin-bottom:10px;
}
a:link, a:visited, a:hover, a:active {
text-decoration: none;
color: rgba(0, 0, 0, 0.5);
}
王佳媛的登录Demo系统.登录
登录
<% if (request.getAttribute("failMsg") != null) { %>
<%= request.getAttribute("failMsg") %>
<% } %>
3.4 配置c3p0-config.xml文件
src\c3p0-config.xml(2分)
com.mysql.cj.jdbc.Driver
jdbc:mysql://8.146.206.124:3306/登录Demo_wjy?serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8
root
wjy20240305..
3.5 DBUtils工具类
cn.wjy.utils.DataSourceUtils(2分)
package cn.wjy.utils;
import com.mchange.v2.c3p0.ComboPooledDataSource;
import javax.sql.DataSource;
import java.sql.Connection;
import java.sql.SQLException;
public class DataSourceUtils {
// 读取 src/c3p0-config.xml 配置信息,生成静态final变量 ds
private static final DataSource ds=new ComboPooledDataSource();
// 静态方法 getDataSource() 获取数据源
public static DataSource getDataSource(){
return ds;
}
// 静态方法 getConnection() 获取数据库连接
public static Connection getConnection() throws SQLException {
return ds.getConnection();
}
}
3.6 model
cn/wjy/model/User_wjy.java(2分)
package cn.wjy.model;
public class User_wjy {
private String 用户名;
private String 密码;
public String get用户名() {
return 用户名;
}
public String get密码() {
return 密码;
}
public void set用户名(String 用户名) {
this.用户名 = 用户名;
}
public void set密码(String 密码) {
this.密码 = 密码;
}
@Override
public String toString() {
return "User_wjy{" +
"用户名='" + 用户名 + '\'' +
", 密码='" + 密码 + '\'' +
'}';
}
}
3.7 dao
cn/wjy/dao/UserDao_wjy.java(2分)
package cn.wjy.dao;
import cn.wjy.model.User_wjy;
import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.handlers.BeanHandler;
import java.sql.SQLException;
public class UserDao_wjy {
public User_wjy selectByUsernamePassword(String username, String password) throws SQLException {
QueryRunner r = new QueryRunner(cn.wjy.utils.DataSourceUtils.getDataSource());
String sql = "select * from 用户表_wjy where 用户名=? and 密码=?";
return r.query(sql, new BeanHandler(User_wjy.class),username,password);
}
}
3.8 service
cn/wjy/service/UserService_wjy.java(2分)
}
package cn.wjy.service;
import cn.wjy.dao.UserDao_wjy;
import cn.wjy.model.User_wjy;
import java.sql.SQLException;
public class UserService_wjy {
private UserDao_wjy uDao = new UserDao_wjy();
public User_wjy login(String ue, String password) {
User_wjy user = null;
try {
user = uDao.selectByUsernamePassword(ue, password);
} catch (SQLException e) {
e.printStackTrace();
// 可能还需要将异常信息记录到日志中或者进行其他处理
}
return user; // 直接返回查询结果,无需重复查询
}
3.8 servlet
cn/wjy/servlet/LoginServlet_wjy.java(4分)
// 提示
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
cn/wjy/servlet/LogoutServlet_wjy.java(2分)
package cn.wjy.servlet;
import cn.wjy.model.User_wjy;
import cn.wjy.service.UserService_wjy;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/login")
public class LoginServlet_wjy extends HttpServlet { // 继承自 HttpServlet
private UserService_wjy uService = new UserService_wjy();
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
String username = request.getParameter("ue"); // 最好将变量名改为 "username" 以保持一致性
String password = request.getParameter("password");
User_wjy user = uService.login(username, password); // 假设 login 方法会处理密码的哈希验证
if(user == null) {
request.setAttribute("failMsg", "用户名或者密码错误,请重新登录!");
request.getRequestDispatcher("/index.jsp").forward(request, response);
} else {
request.getSession().setAttribute("user", user);
request.getRequestDispatcher("/login_wjy.jsp").forward(request, response);
}
}
}
3.9 编写登录过滤器
cn.wjy.filter.LoginFilter_wjy.java(6分)
登录过滤器:登录用户可访问/* 所有资源,用户没有登录仅可访问 跳转到首页
package cn.wjy.filter;
import cn.wjy.model.User_wjy;
import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebFilter("/*")
public class LoginFilter_wjy implements Filter {
@Override
public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
throws IOException, ServletException {
HttpServletRequest req = (HttpServletRequest) request;
HttpServletResponse resp = (HttpServletResponse) response;
String requestURI = req.getRequestURI();
if (requestURI.endsWith("login_wjy.jsp") || requestURI.endsWith("login")) {
// 如果是登录页面或登录请求,则直接放行
chain.doFilter(req, resp);
return;
}
// 判断用户是否登录
User_wjy u = (User_wjy) req.getSession().getAttribute("user");
if (u == null) {
// 未登录用户,转向到登录页面
req.getRequestDispatcher("/index.jsp").forward(req, resp);
return;
} else {
// 已登录用户,允许访问
chain.doFilter(req, resp);
}
}
}