Java实践(四)用户信息列表展示

一、实践目的

写个稍微复杂的程序,为更好的展示的查库信息做准备。

三层架构:
Java实践(四)用户信息列表展示_第1张图片
流程:
Java实践(四)用户信息列表展示_第2张图片

二、步骤

1、环境搭建

(1)数据库设计

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)
);

Java实践(四)用户信息列表展示_第3张图片

(2)创建一个新的javaee工程,配置Tomcat服务器

Java实践(四)用户信息列表展示_第4张图片

Java实践(四)用户信息列表展示_第5张图片

(3)编写User类

Java实践(四)用户信息列表展示_第6张图片

(4)修改index.jsp界面

Java实践(四)用户信息列表展示_第7张图片

(5)编写数据库 Dao实现类,供service实现类使用

Java实践(四)用户信息列表展示_第8张图片

(6)编写service实现类,供Servlet处理来自服务器的数据

Java实践(四)用户信息列表展示_第9张图片

(7)编写完数据库Dao实现类,service实现类,再新建UserListServlet

Java实践(四)用户信息列表展示_第10张图片

(8)修改访问的index.jsp和回调的list.jsp

Java实践(四)用户信息列表展示_第11张图片
Java实践(四)用户信息列表展示_第12张图片

(9)在库中添加数据然后访问http://localhost/login/index.jsp

Java实践(四)用户信息列表展示_第13张图片

在这里插入图片描述
查询成功
Java实践(四)用户信息列表展示_第14张图片

三、功能优化

添加功能:
1、登录
2、分页查询
3、单条选中删除
4、复杂条件查询

1、先优化列表查询界面

添加一些样式可以到bootstrap上查找全局CSS样式
列表样式:https://v3.bootcss.com/css/CSS样式
分页组件:https://v3.bootcss.com/components/#pagination组件
Java实践(四)用户信息列表展示_第15张图片

2、编写登录界面

1、调整页面添加验证码功能
Java实践(四)用户信息列表展示_第16张图片
Java实践(四)用户信息列表展示_第17张图片
2、修改数据库表,增加user和password
Java实践(四)用户信息列表展示_第18张图片
3、编写User类
Java实践(四)用户信息列表展示_第19张图片
4、编写LoginServlet
Java实践(四)用户信息列表展示_第20张图片

5、开始跳转到查询列表的界面,添加联系人Java实践(四)用户信息列表展示_第21张图片
Java实践(四)用户信息列表展示_第22张图片
Java实践(四)用户信息列表展示_第23张图片
6、跳转到查询列表的界面,删除单个联系人
Java实践(四)用户信息列表展示_第24张图片
Java实践(四)用户信息列表展示_第25张图片
7、跳转到查询列表的界面,修改联系人
Java实践(四)用户信息列表展示_第26张图片

Java实践(四)用户信息列表展示_第27张图片
8、跳转到查询列表的界面,删除多条数据
Java实践(四)用户信息列表展示_第28张图片
Java实践(四)用户信息列表展示_第29张图片
8、跳转到查询列表的界面,分页查询
Java实践(四)用户信息列表展示_第30张图片
Java实践(四)用户信息列表展示_第31张图片

Java实践(四)用户信息列表展示_第32张图片
9、跳转到查询列表的界面,复杂条件查询
Java实践(四)用户信息列表展示_第33张图片
Java实践(四)用户信息列表展示_第34张图片
Java实践(四)用户信息列表展示_第35张图片

你可能感兴趣的:(java)