苦尽甘来 一个月学通JavaWeb（二十九 MVC设计模式）

最新推荐文章于 2023-07-11 19:48:41 发布
最新推荐文章于 2023-07-11 19:48:41 发布
阅读量173 收藏
点赞数
分类专栏： My thoughts javaweb 文章标签： Java 夜光
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41987706/article/details/88425587
版权

夜光序言：

那是怎样一双眼睛啊，尽管释放的是血红色光芒，可在眼眸深处那浓浓的爱意，却仿佛能够灼烧人的灵魂一般~~

 

 

正文：用户注册登录

　　

夜光：3层框架，并且使用验证码~~

 

功能分析

  1. 注册
  2. 登录

 

1.1 JSP页面

regist.jsp

  • 注册表单：用户输入注册信息；
  • 回显错误信息：当注册失败时，显示错误信息；   

login.jsp

  • 登录表单：用户输入登录信息；
  • 回显错误便利店：当登录失败时，显示错误信息；

index.jsp

  • 用户已登录：显示当前用户名，以及“退出”链接；
  • 用户未登录：显示“您还没有登录”；

 

1.2　实体类

User：

  1. String username；
  2. String password；

 

1.3 Servlet

  1. VerifyCodeServlet
  • 生成验证码；
  • 在session中保存验证码文本；
  • 把图片输出到页面

RegistServlet

  • 获取用户名、密码，封装到User对象中；
  • 获取验证码、获取确认密码；
  • 校验用户名、密码、验证码不能为空，校验失败，向request中保存错误信息，转发回regist.jsp显示错误信息；
  • 比较两次输入的错误是否一致，如果不一致，向request中保存错误信息，转发回regist.jsp显示错误信息；
  • 获取session中的验证码，与表单输入的验证码比较，如果不一致，向request中保存错误信息，转发回regist.jsp显示错误信息；
  • 使用UserService的regist()方法完成注册，如果注册失败，向request中保存错误信息，转发回regist.jsp显示错误信息，如果注册成功，转发到login.jsp页面，表示注册成功；

LoginServlet

  • 获取用户名、密码、验证码；
  • 校验用户名、密码、验证码是否为空，校验失败，向request中保存错误信息，转发回login.jsp显示错误信息；
  • 获取session中的验证码，与表单中的验证码比较，如果不同，向request中保存错误信息，转发回login.jsp显示错误信息；
  • 删除session中的验证码；
  • 通过UserService的login()方法完成登录，如果抛出异常，获取异常信息，保存到request中，转发到login.jsp显示错误信息；
  • 向session中保存当前用户对象；
  • 转发到index.jsp页面，表示登录成功！

QuitServlet

  • 获取session，销毁之；
  • 重定向到index.jsp；

 

1.4 Service

UserException：为UserService使用的异常类；

UserService：

  1. void regist(User user)：
  • 使用UserDao的findByUsername()方法查询名为user.getUsername()的用户，如果用户存在，说明用户名已经被注册，抛出异常；
  • 使用UserDao的add(User)方法保存用户信息；
  1. User login(String username, String password)：
  • 使用UserDao的findByUsername()方法查询名为user.getUsername()的用户，如果用户不存在，说明用户名错误，抛出异常；
  • 如果查询到了User，那么比较参数password与user.getPassword()是否相等，如果不等，说明密码错误，抛出异常；
  • 如果一致，表示登录成功，返回User对象；

 

1.5 DAO

UserDao：

  1. void add(User)：
  • 创建SAXReader对象，获取Document对象，再获取根元素；
  • 给root元素添加子元素；
  • 给子元素设置username属性，值为user.getUsername()；
  • 给子元素设置password属性，值为user.getPassword()；
  • 创建OutputFormat对象，指定缩进为“\t”，指定添加换行；
  • 设置OutputFormat清空原有空白；
  • 使用FileWrtier和OutputFormat创建XMLWriter对象；
  • 使用XMLWriter对象的write()保存Document；
  • 关闭XMLWriter对象；
  1. User findByUsername(String username)：
  • 创建SAXReader对象，获取Document对象；
  • 使用Xpath（//user[username=’xxx’]）来查询元素；
  • 如果元素没有查询到，返回null；
  • 如果元素查询到了，那么创建User对象；
  • 把元素的username属性赋给User的username属性；
  • 把元素的password属性赋给User的password属性；
  • 返回user对象；

 

2　流程图

 

2.1　注册

  1. 用户在浏览器地址栏中请求regist.jsp；
  2. 服务器发送html给浏览器；
  3. 浏览器收到html，开始解析，并显示；
  4. 解析到<img>时，请求VerifyCodeServlet；
  5. VerifyCodeServlet生成验证码图片，保存验证码文本，把图片响应给浏览器；
  6. 浏览器显示在页面中显示图片。

 

2.2　登录

　　皮一下、此处省略i++字

 

3　代码

 

login.jsp

  <body>

    <h1>登录</h1>

    <hr/>

    <p style="font-weight: 900; color: red;">${msg }</p>

    <form action="<c:url value='/LoginServlet'/>" method="post">

     用户名：<input type="text" name="username" value="${user.username }" /><br/>

     密　码：<input type="password" name="password"/><br/>

     验证码：<input type="text" name="loginCode" size="2"/>

     <img id="vCode" src="<c:url value='/VerifyCodeServlet?name=loginCode'/>" border="2"/>

     <a href="javascript:_change()" style="font-size: 12;">夜光：看不清，换一张</a><br/>

        <input type="submit" value="登录"/>

    </form>

  </body>

    <script type="text/javascript">

     function _change() {

     var img = document.getElementById("vCode");

     img.src = "<c:url value='/VerifyCodeServlet?name=loginCode&'/>" + new Date().getTime();

     }

    </script>

 

 

regist.jsp

  <body>

    <h1>注册</h1>

    <hr/>

    <p style="font-weight: 900; color: red;">${msg }</p>

    <form action="<c:url value='/RegistServlet'/>" method="post">

     用户名：<input type="text" name="username" value="${user.username }" /><br/>

     密　码：<input type="password" name="password"/><br/>

     确认密码：<input type="password" name="repassword"/><br/>

     验证码：<input type="text" name="registCode" size="2"/>

     <img id="vCode" src="<c:url value='/VerifyCodeServlet?name=registCode'/>" border="2"/>

     <a href="javascript:_change()" style="font-size: 12;">夜光：看不清，换一张</a><br/>

        <input type="submit" value="注册"/>

    </form>

  </body>

    <script type="text/javascript">

function _change() {

var img = document.getElementById("vCode");

img.src = "<c:url value='/VerifyCodeServlet?name=registCode&'/>" + new Date().getTime();

}

    </script>

 

 

index.jsp

  <body>

    <h1>主页</h1>

    <hr/>

<c:choose>

<c:when test="${empty sessionScope.user }">

您还没有登录

</c:when>

<c:otherwise>

用户名：${sessionScope.user.username }

<a href="<c:url value='/QuitServlet'/>">退出</a>

</c:otherwise>

</c:choose>

  </body>

 

 

VerifyCodeServlet

public class VerifyCodeServlet extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String name = request.getParameter("name");

 

VerifyCode vc = new VerifyCode();//创建验证码类

BufferedImage image  = vc.getImage();//创建验证码图片

request.getSession().setAttribute(name, vc.getText());//获取验证码文本

System.out.println(vc.getText());

VerifyCode.output(image, response.getOutputStream());//输出图片到页面

}

}

 

 

RegistServlet

public class RegistServlet extends HttpServlet {

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

request.setCharacterEncoding("utf-8");

response.setContentType("text/html;charset=utf-8");

 

User user = new User();

try {

BeanUtils.populate(user, request.getParameterMap());

} catch (Exception e) {

}

String loginCode = request.getParameter("registCode");

String repassword = request.getParameter("repassword");

 

if(user.getUsername() == null || user.getUsername().trim().isEmpty()) {

request.setAttribute("msg", "用户名不能为空!");

request.setAttribute("user", user);

request.getRequestDispatcher("/regist.jsp").forward(request, response);

return;

}

if(user.getPassword() == null || user.getPassword().trim().isEmpty()) {

request.setAttribute("msg", "密码不能为空!");

request.setAttribute("user", user);

request.getRequestDispatcher("/regist.jsp").forward(request, response);

return;

}

if(!user.getPassword().equals(repassword)) {

request.setAttribute("msg", "两次输入不一致！");

request.setAttribute("user", user);

request.getRequestDispatcher("/regist.jsp").forward(request, response);

return;

}

if(loginCode == null || loginCode.trim().isEmpty()) {

request.setAttribute("msg", "验证码不能为空！");

request.setAttribute("user", user);

request.getRequestDispatcher("/regist.jsp").forward(request, response);

return;

}

 

String vCode = (String)request.getSession().getAttribute("registCode");

request.getSession().removeAttribute("registCode");

if(!vCode.equalsIgnoreCase(loginCode)) {

request.setAttribute("msg", "验证码错误！");

request.setAttribute("user", user);

request.getRequestDispatcher("/regist.jsp").forward(request, response);

return;

}

 

UserService userService = new UserService();

try {

userService.regist(user);

request.getRequestDispatcher("/login.jsp").forward(request, response);

} catch (UserException e) {

request.setAttribute("msg", e.getMessage());

request.setAttribute("user", user);

request.getRequestDispatcher("/regist.jsp").forward(request, response);

return;

}

}

}

 

 

LoginServlet

public class LoginServlet extends HttpServlet {

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

request.setCharacterEncoding("utf-8");

response.setContentType("text/html;charset=utf-8");

 

String username = request.getParameter("username");

String password = request.getParameter("password");

String loginCode = request.getParameter("loginCode");

 

if(username == null || username.trim().isEmpty()) {

request.setAttribute("msg", "用户名不能为空!");

request.setAttribute("username", username);

request.getRequestDispatcher("/login.jsp").forward(request, response);

return;

}

if(password == null || password.trim().isEmpty()) {

request.setAttribute("msg", "密码不能为空!");

request.setAttribute("username", username);

request.getRequestDispatcher("/login.jsp").forward(request, response);

return;

}

if(loginCode == null || loginCode.trim().isEmpty()) {

request.setAttribute("msg", "验证码不能为空！");

request.setAttribute("username", username);

request.getRequestDispatcher("/login.jsp").forward(request, response);

return;

}

 

String vCode = (String)request.getSession().getAttribute("loginCode");

request.getSession().removeAttribute("loginCode");

if(!vCode.equalsIgnoreCase(loginCode)) {

request.setAttribute("msg", "验证码错误！");

request.setAttribute("username", username);

request.getRequestDispatcher("/login.jsp").forward(request, response);

return;

}

 

UserService userService = new UserService();

User user;

try {

user = userService.login(username, password);

} catch (UserException e) {

request.setAttribute("msg", e.getMessage());

request.setAttribute("username", username);

request.getRequestDispatcher("/login.jsp").forward(request, response);

return;

}

 

request.getSession().setAttribute("user", user);

request.getRequestDispatcher("/index.jsp").forward(request, response);

}

}

 

 

QuitServlet

public class QuitServlet extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

// 使session失效

request.getSession().invalidate();

response.sendRedirect(request.getContextPath() + "/index.jsp");

}

}

 

 

UserException

public class UserException extends Exception {

public UserException() {}

public UserException(String message, Throwable cause) {

super(message, cause);

}

public UserException(String message) {

super(message);

}

public UserException(Throwable cause) {

super(cause);

}

}

 

 

UserService

public class UserService {

private UserDao userDao = new UserDao();

 

public User login(String username, String password) throws UserException {

User user = userDao.findByUsername(username);

if(user == null) {

throw new UserException("用户名错误~~");

}

if(!user.getPassword().equals(password)) {

throw new UserException("密码错误~~");

}

return user;

}

 

public void regist(User user) throws UserException {

User _user = userDao.findByUsername(user.getUsername());

if(_user != null) {

throw new UserException("用户名已注册~~");

}

userDao.add(user);

}

}

 

 

UserDao

public class UserDao {

private String path;

 

public UserDao() {

path = this.getClass().getResource("/users.xml").getPath();

}

 

public void add(User user) {

try {

SAXReader reader = new SAXReader();

Document doc = reader.read(path);

 

Element root = doc.getRootElement();

Element userEle = root.addElement("user");

userEle.addAttribute("username", user.getUsername());

userEle.addAttribute("password", user.getPassword());

 

// 创建格式化器，使用\t缩进，添加换行

OutputFormat format = new OutputFormat("\t", true);

// 清空数据中原有的换行

format.setTrimText(true);

// 创建XML输出流对象

XMLWriter writer = new XMLWriter(new FileWriter(path), format);

// 输出Document

writer.write(doc);

// 关闭流

writer.close();

 

} catch (Exception e) {

throw new RuntimeException(e);

}

}

 

public User findByUsername(String username) {

try {

SAXReader reader = new SAXReader();

Document doc = reader.read(path);

Element ele = (Element) doc.selectSingleNode("//user[@username='" + username + "']");

if(ele == null) {

return null;

}

User user = new User();

user.setUsername(ele.attributeValue("username"));

user.setPassword(ele.attributeValue("password"));

return user;

} catch (Exception e) {

throw new RuntimeException(e);

}

}

}

 

 

 

 

 

GeniusTeam-夜光
关注
专栏目录
JavaWeb课设基于MVC设计模式实现的图书馆系统源码+设计报告.zip
08-21
JavaWeb课设基于MVC设计模式实现的图书馆系统源码+设计报告.zipJavaWeb课设基于MVC设计模式实现的图书馆系统源码+设计报告.zipJavaWeb课设基于MVC设计模式实现的图书馆系统源码+设计报告.zipJavaWeb课设基于MVC设计...
day14(编码实战-用户登录注册)
weixin_30655219的博客
05-27 324
day14 案例：用户注册登录 　　要求：3层框架，使用验证码 功能分析 注册 登录 1.1　JSP页面 regist.jsp 注册表单：用户输入注册信息； 回显错误信息：当注册失败时，显示错误信息； login.jsp 登录表单：用户输入登录信息； 回显错误便利店：当登录失败时，显示错误信息； index.jsp 用户已登录：显示当前用户名，以及"退...
8、什么是JavaWeb三层架构思想以及如何使用Servlet
最新发布
CurryISGod的博客
07-11 569
如何理解三层架构，学会如何使用servlet
项目学习 —— 登录与注册（完整）
Archer__13的博客
04-08 2826
一. 创建动态Web工程 参考：https://blog.csdn.net/Archer__13/article/details/123388390 ​ ①web目录存放web工程的资源文件，例如：html页面、css文件、js文件等，将写好的web页面放到该目录下（首页、用户登录页面、用户注册页面）； ②web目录下的WEB-INF目录是受服务器保护的目录，浏览器无法直接访问此目录的内容； ③在WEB-INF目录下创建一个lib目录用来存放所需要的第三方jar包； ...
基于XML配置方式搭建SSM框架实现用户登录和注册
qq_48838980的博客
04-19 1417
目录一、MVC架构二、数据库三、项目实现1、创建项目2、在pom.xml中添加依赖3、创建日志属性文件4、创建数据库配置属性文件5、给项目添加Web功能6、配置tomcat服务器7、创建用户实体类8、创建用户映射器接口9、创建用户服务类10、创建用户控制器11、创建用户映射器配置文件12、创建Spring配置文件13、创建Spring MVC配置文件14、编辑Web部署描述文件15、准备图片资源16、创建样式文件17、创建脚本文件18、创建页面（1）前端页面（2）后端页面19、运行服务器，查看结果（1）账号
JavaWeb黑马登录跳转界面报错
m0_51040577的博客
08-16 661
报错 /brand.jsp (line: 12, column: 6) #{...} is not allowed in template text
mvc的设计模式编写Javaweb网上书城项目
06-10
对于初学者而言，这个项目提供了实践MVC设计模式的机会，帮助理解如何在Javaweb项目中组织代码和处理请求。同时，前后端分离的实现也有助于了解现代Web开发流程。完成该项目后，学习者可以进一步深入到更高级的框架...
javaweb之mvc设计模式的学生信息管理系统
12-02
本项目“javaweb之mvc设计模式的学生信息管理系统”旨在通过实践应用，帮助开发者理解和掌握如何在JavaWeb环境中运用MVC模式来构建一个功能完善的系统。 **MVC设计模式** 1. **Model（模型）**：模型层是应用程序...
JavaWeb开发技术-MVC设计模式.pptx
07-06
在JavaWeb开发领域，MVC（Model-View-Controller）设计模式是一种被广泛采用的架构模式，用于构建可维护性和可扩展性极强的Web应用程序。这个模式将应用逻辑分解为三个相互协作的部分，以实现职责分离，提高代码的...
Day02_判断字符串是否为空
weixin_39742254的博客
04-12 197
String username=”zhangsan”; If(username==null || username.trim().isEmpty()){ }//非空判断 If(username.length()>0){ }//长度判断
EL表达式
aoluan2964的博客
07-05 802
EL 全名为Expression Language EL 语法很简单，它最大的特点就是使用上很方便。接下来介绍EL主要的语法结构： ${sessionScope.user.sex} 所有EL都是以${为起始、以}为结尾的。上述EL范例的意思是：从Session的范围中，取得 用户的性别。假若依照之前JSP Scriptlet的写法如下： User user = (User)se...
登陆注册实训
小男孩
11-07 734
最近写了一个登陆注册的实例，这里总结一下： 这个实例采用的是标准的MVC三层框架结构，流程描述是：用户注册，然后进入主页面。用户登陆，然后进入主页面。用户直接访问主页面，判断用户是否注册或登陆，如果没有，重定向到登陆界面。 具体需求： 注册   用户提交用户名，密码，验证码到业务层，业务层对数据进行筛选，合格后调用数据层进行数据校验，校验成功就重定向到主页面。校验失败将错误信息，数据保存到域...
解析XML并显示到Activity中
斯黄人民的博客
06-07 342
要解析XML并在Activity中显示，你可以使用Android提供的XML解析器来完成。这样，解析后的XML数据就会显示在对应的TextView中。记得根据你的实际情况进行适当的布局和UI调整。的字符串资源，该资源包含了要解析的XML内容。确保在XML解析之前在资源文件中定义了正确的XML内容。请注意，上述示例代码假设你在。
javawebday30(验证码在客户端 用当前时间来请求下一张图片 VerifyCode代码)
civilizationV的博客
02-22 605
页面运行servlet 500错误信息 tomcat报错卡住 可能是因为映射错误 即 web.xml中的问题 405 post改成get方法 如果出现不支持post提交 可能需要修改 表单中的提交方式 VerifyCode.java public class VerifyCode { private int w = 70; private int h = 35; ...
项目实战：注册和登陆（含三层代码）
东方
11-27 647
完整的框架如下： 页面设计：  注册页面： &lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %&gt; &lt;!DOCTY
用Filter实现自动登陆
xiaobiaobiao521的专栏
05-09 685
思想：Filter拦截所有来自浏览器的请求，读取cookie中的用户信息。 写一个登录LoginServlet，实现接收来自页面的用户的姓名和密码与数据库（本文暂时先用ServletContext充当数据库的角色）中的对比,若用户信息正确则放到session中去，来保证用户不关闭浏览器的情况下保持已经登陆状态，如果用户选择了自动登陆则将用户信息同时保存到cookie中去    无论成功与否都重定
如何判断sessionScope是否为空
HeartMonth的专栏
02-18 3128
//判断session中username是否为空 when条件满足时的代码 否则。。。代码。。。
用户名判断（练习）
u011927449的博客
08-24 283
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="username"><span id="show"></span> <script> function $(
理解MVC与三层架构：JavaWeb设计模式解析
"本资源是关于JavaWeb设计模式的讲解，重点探讨了MVC（Model-View-Controller）模型和三层架构在Web应用开发中的应用。作者通过对比Model1和Model2（即MVC）的优缺点，阐述了MVC模式如何提高代码的可维护性和重用性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值