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

基于MVC模式的Web系统开发

eclipse、Tomcat、MySQL、Navicat

一、实验目的和要求

  1. 理解MVC设计模式。
  2. 掌握基于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)。
在这里插入图片描述

五、参考程序

  1. 创建视图层 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><br>	<br>
			<div id="d2">
							<input t
  • 12
    点赞
  • 92
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值