JavaWeb基础MVC设计模式

举报
AlbertYang 发表于 2021/02/03 01:05:56 2021/02/03
【摘要】 文章目录 MVC设计模式JSP的开发模式三层架构&MVC练习 学生信息管理系统数据库准备查询增加删除 更新分页功能 MVC设计模式 JSP的开发模式 三层架构&MVC练习 学生信息管理系统 数据库准备 CREATE DATABASE stus; USE stus; CREATE TABLE stu ( sid INT PRIMARY...

MVC设计模式

JSP的开发模式

在这里插入图片描述

三层架构&MVC练习

在这里插入图片描述

学生信息管理系统

数据库准备

CREATE DATABASE stus;
USE stus;
CREATE TABLE stu (
	sid INT PRIMARY KEY  AUTO_INCREMENT,
	sname VARCHAR (20),
	gender VARCHAR (5),
	phone VARCHAR (20),
	birthday DATE,
	hobby VARCHAR(50),
	info VARCHAR(200)
);

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

查询

  1. 先写一个JSP 页面, 里面放一个超链接 。

    学生列表显示

  2. 写Servlet, 接收请求, 去调用 Service , 由service去调用dao

  3. 先写Dao , 做Dao实现。

    public interface StudentDao {


    /**

    • 查询所有学生

      • @return List
        */
        List findAll() throws SQLException ;
        }

    public class StudentDaoImpl implements StudentDao {


/**
* 查询所有学生
* @throws SQLException
*/
@Override
public List findAll() throws SQLException {
QueryRunner runner = new QueryRunner(JDBCUtil02.getDataSource());
return runner.query(“select * from stu”, new BeanListHandler(Student.class));
}

	}	

  
 
  • 1
  1. 再Service , 做Service的实现。

     /**
      * 这是学生的业务处理规范
      * @author xiaomi
      *
      */
     public interface StudentService { /** * 查询所有学生 * @return  List<Student> */
     	List<Student> findAll()  throws SQLException ; }
    
     ------------------------------------------
    
     /**
      * 这是学生业务实现
      * @author xiaomi
      *
      */
     public class StudentServiceImpl implements StudentService{ @Override
     	public List<Student> findAll() throws SQLException { StudentDao dao = new StudentDaoImpl(); return dao.findAll();
     	}
     }
    
        
       
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
  2. 在servlet 存储数据,并且做出页面响应。

     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        
       
    • 1


    try {
    //1. 查询出来所有的学生
    StudentService service = new StudentServiceImpl();
    List list = service.findAll();

     	//2. 先把数据存储到作用域中
     	request.setAttribute("list", list);
     	//3. 跳转页面
     	request.getRequestDispatcher("list.jsp").forward(request, response); } catch (SQLException e) {
     	e.printStackTrace();
     }
    
        
       
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    }

  3. 在list.jsp上显示数据

    EL + JSTL + 表格

增加

  1. 先跳转到增加的页面 , 编写增加的页面

  2. 点击添加,提交数据到AddServlet . 处理数据。

  3. 调用service

  4. 调用dao, 完成数据持久化。

  5. 完成了这些存储工作后,需要跳转到列表页面。 这里不能直接跳转到列表页面,否则没有什么内容显示。 应该先跳转到查询所有学生信息的那个Servlet, 由那个Servlet再去跳转到列表页面。

  6. 爱好的value 值有多个。

    request.getParameter(“hobby”);
    String[] hobby = request.getParameterValues(“hobby”) —> String[]
    String value = Arrays.toString(hobby): // [爱好, 篮球, 足球]

删除

  1. 点击超链接,弹出一个询问是否删除的对话框,如果点击了确定,那么就真的删除。

     <a href="#" onclick="doDelete(${stu.sid})">删除</a>
    
        
       
    • 1

  1. 让超链接,执行一个js方法

  2. 在js访问里面判断点击的选项,然后跳转到servlet。

  3. servlet收到了请求,然后去调用service , service去调用dao

更新

  1. 点击列表上的更新, 先跳转到一个EditServlet

在这个Servlet里面,先根据ID 去查询这个学生的所有信息出来。

  1. 跳转到更新的页面。 ,然后在页面上显示数据

      <tr>
     	<td>姓名</td>
     	<td><input type="text" name="sname" value="${stu.sname }"></td> </tr> <tr>
     	<td>性别</td>
     	<td> <!-- 如果性别是男的,  可以在男的性别 input标签里面, 出现checked , 如果性别是男的,  可以在女的性别 input标签里面,出现checked --> <input type="radio" name="gender" value="男" <c:if test="${stu.gender == '男'}">checked</c:if>>男 <input type="radio" name="gender" value="女" <c:if test="${stu.gender == '女'}">checked</c:if>>女
     	</td> </tr> <tr>
     	<td>爱好</td> <td> <!-- 爱好: 篮球 , 足球 , 看书 因为爱好有很多个,  里面存在包含的关系 --> <input type="checkbox" name="hobby" value="游泳" <c:if test="${fn:contains(stu.hobby,'游泳') }">checked</c:if>>游泳 <input type="checkbox" name="hobby" value="篮球" <c:if test="${fn:contains(stu.hobby,'篮球') }">checked</c:if>>篮球 <input type="checkbox" name="hobby" value="足球" <c:if test="${fn:contains(stu.hobby,'足球') }">checked</c:if>>足球 <input type="checkbox" name="hobby" value="看书" <c:if test="${fn:contains(stu.hobby,'看书') }">checked</c:if>>看书 <input type="checkbox" name="hobby" value="写字" <c:if test="${fn:contains(stu.hobby,'写字') }">checked</c:if>>写字 </td> </tr>
    
        
       
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
  2. 修改完毕后,提交数据到UpdateServlet

提交上来的数据是没有带id的,所以我们要手动创建一个隐藏的输入框, 在这里面给定id的值, 以便提交表单,带上id。

	<form method="post" action="UpdateServlet">
		<input type="hidden" name="sid" value="${stu.sid }"> ...
	</form>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  1. 获取数据,调用service, 调用dao.

分页功能

  • 物理分页 (真分页)

来数据库查询的时候,只查一页的数据就返回了。

优点 内存中的数据量不会太大
缺点:对数据库的访问频繁了一点。

SELECT * FROM stu LIMIT	5 OFFSET 2 

  
 
  • 1
  • 2
  • 3
  • 4
  • 逻辑分页 (假分页)

一口气把所有的数据全部查询出来,然后放置在内存中。

优点: 访问速度快。
缺点: 数据库量过大,内存溢出。

  
 
  • 1
  • 2

文章来源: albertyang.blog.csdn.net,作者:Albert Yang,版权归原作者所有,如需转载,请联系作者。

原文链接:albertyang.blog.csdn.net/article/details/84580846

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。