一 实验目的和要求
- 理解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