javaweb项目实战笔记（可做javaweb期末大作业）——LMONKEYSHOP

每篇一张美景图片，你一定要努力去你想去的地方！！！对应源码及项目需求说明书链接：https://pan.baidu.com/s/1iberHChnVkGA5zlwuf9GQA提取码：0wyl一、添加用户信息的关联图（知道各个部分的作用，就需要能写出对应的代码）1.admin_useradd.jsp:添加用户信息view页面2.admin_douseradd DoUserAdd:从view中获取参数

GO!!!

3067人浏览 · 2022-04-19 08:07:33

GO!!! · 2022-04-19 08:07:33 发布

每篇一张美景图片，你一定要努力去你想去的地方！！！

在这里插入图片描述
对应源码及项目需求说明书
链接：https://pan.baidu.com/s/1iberHChnVkGA5zlwuf9GQA
提取码：0wyl

一、添加用户信息的关联图（知道各个部分的作用，就需要能写出对应的代码）

在这里插入图片描述
1.admin_useradd.jsp:添加用户信息view页面

2.admin_douseradd DoUserAdd:从view中获取参数存入用户实体，加入到数据库的用户表中，在返回成功创建用户或创建失败重定向的页面。

3.LMONKEY_USERDao:设置对应参数与sql语句，并返回给sql语句执行类 + LMONKEY_USER:创建用户信息model

4.Basedao:创建JDBC，与数据库进行连接，执行sql语句

二、从数据库获取全部的用户信息

在这里插入图片描述
admin_dousersevlet:获取所有用户记录的servlet，将记录放到请求对象域中。
LMONKEY_USERDao：设置select查询sql语句，获取所有用户参数，并关闭对应资源。
basedao：创建jdbc程序
use.jsp:用户管理view

三、1.编写分页实现全过程

1.在LMONKEY_USERDao（类似于utils类）中编写计算页数的totalPage()方法。
2.在admin_dousersevlet中调用方法，将所有用户的信息、总记录数、总页数，用户指定的页面放到请求对象域里。最后将页面重定向到admin_user.jsp页面.
3.将获得的数据有以下代码的方式显示。

 <div class="list-page"> 
共 ${tsum} 条记录， 当前 ${cpage}/${tpage} 页
                    	<a href="admin_douserselect?cp=1${searchParams}">首页</a>
                    	<a href="admin_douserselect?cp=${cpage-1<1?1:cpage-1}${searchParams}">上一页</a>
                    	<a href="admin_douserselect?cp=${cpage+1>tpage?tpage:cpage+1}${searchParams}">下一页</a>
                    	<a href="admin_douserselect?cp=${tpage}${searchParams}">尾页</a>
                    	 </div>

在这里插入图片描述

2、搜索功能实现

搜索实质上是查询特定信息的数据，故只需在查询方法中添加keyword属性
1.在LMONKEY_USERDao的totalPage（）selectAll（）与方法中添加keyword的变量，在totalPage中添加起到查询初步作用，在selectAll(）中添加起到在对应信息的任一页中都查询到对应的数据。
2.在admin_dousersevlet中获取输入的keyword，放入对象域中。
3.在admin_user.jsp中获取keyword值。
在这里插入图片描述

四、用户修改操作

由于感觉掌握的不是很熟悉，所以重做，把记录做详细一点。

P6：设计和创建用户表和用户实体类
1.设计和创建用户表：根据资料所提供的sql文件创建了lmonkeyshop数据库与LMONKEY_USER表并导入了相关数据。
2.创建用户实体类：
在这里插入图片描述
P7：后台结构调整和用户添加页面制作
1.根据需求更改前端页面
2.创建DoUserAdd——servlet接收添加用户的数据——controller层

P8：编写数据操作类和基础DAO实现并完成添加用户
流程图：

LMONKEY_USERDao:service层。
DAO(data access object):数据访问对象，它赋持久层操作。为业务层提供接口。此对象用于访问数据库。通常与PO（presistant object）持久对象结合使用，DAO中包含了各种数据库的操作方法。通过它的方法，结合PO对数据库进行相关的操作。夹在业务逻辑与数据库资源中间。配合VO（value object）值对象，提供数据库的CRUD操作（Create、Retrieve、Update、Delete）。
P9:从数据库中获取全部用户记录：
在这里插入图片描述
控制层放入请求对象域中的数据名与jsp中jstl表达式获取的数据名要相同。

		// 放到请求对象域
		request.setAttribute("userlist", list);

<c:forEach var="u" items="${userlist}">

p11:编写分页实现全过程
逻辑与从数据库中获取全部记录一样。
在这里插入图片描述
多熟练在controller层、service层以及view层代码的实现

P12:用户搜索加分页实现
从搜索功能的本质出发，其实质仍为查询，只不过为sql语句增加了查询条件。同时查询的显示不同来更改service层的方法与controller层返回到请求对象域的数据。
p13:用户修改操作
在这里插入图片描述
修改用户信息分为两个controller层进行，admin_touserupdate用于获取用户修改前的信息，admin_douserupdate用于提交修改后的信息到对象域并显示在view层。
p15：用户的删除操作及批量删除

注意html代码与js代码的理解

   <a class="link-del" href="javascript:Delete('你确定要删除用户【${u.USER_NAME} }】吗？', '/MonkeyShop/manage/admin_douserdel?id=${u.USER_ID}&cpage=${cpage}')">删除</a>                                </c:if>

 function Delete(mess, url) {
                    		if(confirm(mess)) {
                    			location.href=url;
                    			
                    		}
                    	}

理解删除与批量删除之间的联系。
p16：编写用户注册页面
前端知识与js日历文件的应用：
在这里插入图片描述
P17：编写验证码在注册页面中应用：
借助网络资源+js（实现看不清换一张）实现验证码功能
P18：使用JavaScript在前台进行单个表单验证：
P19：使用AJAX异步验证用户唯一和验证码输入是否正确：
AJAX——usernamecheck——UserDao(service层)
在这里插入图片描述
P20:在前端中使用JS批量验证用户注册
P21:将用户注册到数据库
代码逻辑基本与添加用户到数据库一致，将添加用户代码拷贝使用。