2020-07-08-----基于MVC模式的登录注册功能的实现（详细步骤）

最新推荐文章于 2024-05-22 18:15:11 发布

易de

最新推荐文章于 2024-05-22 18:15:11 发布

阅读量7.2k

点赞数 12

分类专栏： JavaWeb

本文为博主原创，未经博主允许不得转载。如有问题，欢迎指正。

本文链接：https://blog.csdn.net/qq_45021462/article/details/107202785

版权

基于MVC模式的Web系统开发

eclipse、Tomcat、MySQL、Navicat

一、实验目的和要求

理解MVC设计模式。
掌握基于MVC（Servlet+JSP+JavaBean相结合）开发Java Web系统。

二、实验内容

基于MVC（Servlet+JSP+JavaBean相结合）实现用户的登录注册功能。
要求：用户信息至少包含：用户名和密码，用户名不能重复，注册时要求用户输入两次密码确认。

三、实验原理

MVC（JavaBean+JSP+Servlet相结合）适合开发复杂的Web应用，在这种模式下，Servlet负责处理用户请求并响应，JSP负责数据显示和与用户交互，JavaBean负责具体业务逻辑的处理。现在往往还引入DAO层（数据访问层），负责数据库的基本CRUD访问操作。
分层架构的代码基本是按照【域模型层(domain)】→【数据访问层(dao、dao.impl)】→【业务处理层(service、service.impl)】→【表现层(web.controller、web.UI、web.filter、web.listener)】→【工具类(util)】→【测试类(junit.test)】的顺序进行编写的。

四、实验步骤

1.创建数据库db_login，建表t_user。
在这里插入图片描述
2.创建工程Dynamic Web Project，lxqMVC。
3.导入相关jar包，复制要导入的包，粘贴到lib文件夹下即可。

4. 建包(entity，dao，service，servlet，util)。
5. 创建实体类，dao实现类，业务类，Serlvet，工具类utils。
6.页面的编写(jsp)。
在这里插入图片描述

五、参考程序

创建视图层 jsp页面 (webContent目录下)
（1）登录界面 login.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
</head>
<style type="text/css">
			#d1{
   				
				width: 500px;
				margin: auto;
				border: solid 1px;
				border-radius: 10px;
			}			
			h2{
   
				text-align: center;
			}		
			#d2{
   
				width: 300px;
				height:50px;
				margin:0 auto;
			}
</style>
<body>
	<div id="d1">
		<h2>用户登录</h2>
		<form action="loginServlet" method="post">
			用户名: <input type="text" name="username" placeholder="用户名">
			<br><br>
			 密 码: <input type="password" name="password" placeholder="密码">
			<br> <br>
			<div id="d2">
				 <input type="submit" value="登录">
		 		<a href="register.jsp">注册 </a>
			</div>
			
		</form>
	</div>
</body>
</html>

（2）注册界面register.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册页面</title>
</head>
<style type="text/css">
			#d1{
   				
				width: 500px;
				margin: auto;
				border: solid 1px;
				border-radius: 10px;
			}			
			h2{
   
				text-align: center;
			}		
			#d2{
   
				width: 300px;
				height:50px;
				margin:0 auto;
			}
</style>
<body>
	<div id="d1">
		<h2>用户注册</h2>
		<form action="registerServlet" method="post">
			
		
			用户名:
				<input type="text" name="username" id="uname" value="" οnblur="CUname()" alt="用户名"/>
				<span id="unameSpan"></span><br><br>
			密码:
				<input type="password" name="password" id="pwd" value="" οnblur="CPwd()"/>
				<span id="pwdSpan"></span><br><br>
			确认密码:
				<input type="password" name=" pwd2"id="pwd2" value="" οnblur="CPwd2()"/>
				<span id="pwd2Span"></span

最低0.47元/天解锁文章

易de

关注

12
点赞
踩
92

收藏

觉得还不错? 一键收藏
2
评论
2020-07-08-----基于MVC模式的登录注册功能的实现（详细步骤）

基于MVC模式的Web系统开发eclipse、Tomcat、MySQL、Navicat一、实验目的和要求理解MVC设计模式。掌握基于MVC（Servlet+JSP+JavaBean相结合）开发Java Web系统。二、实验内容基于MVC（Servlet+JSP+JavaBean相结合）实现用户的登录注册功能。要求：用户信息至少包含：用户名和密码，用户名不能重复，注册时要求用户输入两次密码确认。三、实验原理MVC（JavaBean+JSP+Servlet相结合）适合开发复杂的Web应用
复制链接

扫一扫

专栏目录