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

  • Post author:
  • Post category:java




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

在这里插入图片描述


对应源码及项目需求说明书


链接:

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:将用户注册到数据库


代码逻辑基本与添加用户到数据库一致,将添加用户代码拷贝使用。



版权声明:本文为m0_51799816原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。