AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

自定义MVC框架【最终篇】

2023-11-08 25
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 自定义MVC框架【最终篇】

1.导出架包

把模型，就是我前面以model结尾命名的类和Action,ActionServlet,ModelDriver把这类导成架包，在第二篇也把这里面的东西做活数据了

大家根据下方图片进行操作即可

然后这样子就欧克呐

2.编写后端代码

2.1. 通用增删改查

首先，在写方法这里我运用了BaseDao

2.1.1 BaseDao方法

package com.sy.util;
import java.lang.reflect.Field;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;
/**
 * 所有Dao层的父类
 *  BookDao
 *  UserDao
 *  OrderDao
 *  ...
 * @author Administrator
 *
 * @param <T>
 */
public class BaseDao<T> {
  /**
   * 通用的增删改方法
   * @param book
   * @throws Exception
   */
  public void executeUpdate(String sql, T t, String[] attrs) throws Exception {
//    String[] attrs = new String[] {"bid", "bname", "price"};
    Connection con = DBAccess.getConnection();
    PreparedStatement pst = con.prepareStatement(sql);
//    pst.setObject(1, book.getBid());
//    pst.setObject(2, book.getBname());
//    pst.setObject(3, book.getPrice());
    /*
     * 思路：
     *  1.从传进来的t中读取属性值
     *  2.往预定义对象中设置了值
     *  
     *  t->book
     *  f->bid
     */
    for (int i = 0; i < attrs.length; i++) {
      Field f = t.getClass().getDeclaredField(attrs[i]);
      f.setAccessible(true);
      pst.setObject(i+1, f.get(t));
    }
    pst.executeUpdate();
  }
  /**
   * 通用分页查询
   * @param sql
   * @param clz
   * @return
   * @throws Exception
   */
  public List<T> executeQuery(String sql,Class<T> clz,PageBean pageBean) throws Exception{
    List<T> list = new ArrayList<T>();
    Connection con = DBAccess.getConnection();;
    PreparedStatement pst = null;
    ResultSet rs = null;
    /*
     * 是否需要分页？
     *  无需分页（项目中的下拉框，查询条件教员下拉框，无须分页）  
     *  必须分页（项目中列表类需求、订单列表、商品列表、学生列表...）
     */
    if(pageBean != null && pageBean.isPagination()) {
//      必须分页（列表需求）
      String countSQL = getCountSQL(sql);
      pst = con.prepareStatement(countSQL);
      rs = pst.executeQuery();
      if(rs.next()) {
        pageBean.setTotal(String.valueOf(rs.getObject(1)));
      }
//      挪动到下面，是因为最后才处理返回的结果集
//      -- sql=SELECT * FROM t_mvc_book WHERE bname like '%圣墟%'
//      -- pageSql=sql limit (page-1)*rows,rows   对应某一页的数据
//      -- countSql=select count(1) from (sql) t  符合条件的总记录数
      String pageSQL = getPageSQL(sql,pageBean);//符合条件的某一页数据
      pst = con.prepareStatement(pageSQL);
      rs = pst.executeQuery();
    }else {
//      不分页（select需求）
      pst = con.prepareStatement(sql);//符合条件的所有数据
      rs = pst.executeQuery();
    }
    while (rs.next()) {
      T t = clz.newInstance();
      Field[] fields = clz.getDeclaredFields();
      for (Field f : fields) {
        f.setAccessible(true);
        f.set(t, rs.getObject(f.getName()));
      }
      list.add(t);
    }
    return list;
  }
  /**
   * 将原生SQL转换成符合条件的总记录数countSQL
   * @param sql
   * @return
   */
  private String getCountSQL(String sql) {
//    -- countSql=select count(1) from (sql) t  符合条件的总记录数
    return "select count(1) from ("+sql+") t";
  }
  /**
   * 将原生SQL转换成pageSQL
   * @param sql
   * @param pageBean
   * @return
   */
  private String getPageSQL(String sql,PageBean pageBean) {
//    (this.page - 1) * this.rows
//    pageSql=sql limit (page-1)*rows,rows
    return sql + " limit "+ pageBean.getStartIndex() +","+pageBean.getRows();
  }
}

2.2增删改查方法

相比之前，增删改查的方法的代码就很少，

package com.sy.dao;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.SQLException;
import java.util.List;
import com.sy.entity.Book;
import com.sy.util.BaseDao;
import com.sy.util.PageBean;
import com.sy.util.StringUtils;
public class BookDao extends BaseDao<Book>{
  /*
   * public void add(Book book) throws Exception {
    String sql = "insert into t_mvc_book values(?,?,?)";
    Connection con = DBAccess.getConnection();
    PreparedStatement pst = con.prepareStatement(sql);
    pst.setObject(1, book.getBid());
    pst.setObject(2, book.getBname());
    pst.setObject(3, book.getPrice());
    pst.executeUpdate();
    }
    增删改查的通用套路
    1.建立链接
    2.预定义对象PreparedStatement
    3.设置占位符的？的值
    4.pst.executeUpdate();
    1.
   */
  public void add(Book book) throws Exception {
    String sql = "insert into t_mvc_book values(?,?,?)";
    super.executeUpdate(sql, book, new String[] {"bid","bname","price"});
  }
  public void edit(Book book) throws Exception {
    String sql = "update t_mvc_book set bname = ?, price = ? where bid = ?";
    super.executeUpdate(sql, book, new String[] {"bname","price","bid"});
  }
  public void delete(Book book) throws Exception {
    String sql = "delete from t_mvc_book where bid = ?";
    super.executeUpdate(sql, book, new String[] {"bid"});
  }
  public List<Book> list(Book book,PageBean pageBean) throws Exception {
    String sql = "select * from t_mvc_book where 1=1 ";
    String bname = book.getBname();
    if(StringUtils.isNotBlank(bname)) {
      sql += " and bname like '%"+bname+"%'";
    }
    return super.executeQuery(sql, Book.class, pageBean);
  }
  public static void main(String[] args) throws Exception {
    Book b = new Book();
    b.setBid(2323);
    b.setBname("测试www");
    b.setPrice(231f);
    BookDao bookDao = new BookDao();
//    bookDao.delete(b);
//    bookDao.add(b);
    bookDao.edit(b);
  }
}

两行代码就可以解决

2.3 book实现增删改查类

package com.sy.web;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.sy.dao.BookDao;
import com.sy.entity.Book;
import com.sy.util.PageBean;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
/**
 * 目标：
 *  利用自己做的自定义mvc框架完成增删改查
 *  通用的分页查询
 *  通用的增删改
 * 步骤
 *  1.导入框架的jar包
 *  2.做好框架的使用配置
 *  3.一切照旧
 *    JSP、servlet/BookAction、Dao层、entity
 * @author Administrator
 *
 */
public class BookAction extends ActionSupport implements ModelDriver<Book>{
  private Book book = new Book();
  private BookDao bookDao = new BookDao();
  @Override
  public Book getModel() {
    return book;
  }
  /*
   * 增删改最终都要跳回查询界面
   * 分析增删改查一共有多少结果集的配置
   * 查询：BookList.jsp    返回值：list
   * 增删改确定：book.action?methodName=list    返回值：toList
   * 增加修改跳转对应界面：bookEdit.jsp      返回值：toEdit
   */
  public String add(HttpServletRequest req, HttpServletResponse resp) {
    try {
      bookDao.add(book);
    } catch (Exception e) {
      e.printStackTrace();
    }
    return "toList";
  }
  public String list(HttpServletRequest req, HttpServletResponse resp) {
    try {
      PageBean pageBean = new PageBean();
      pageBean.setRequest(req);
      pageBean.setPagination(true);
      List<Book> list = bookDao.list(book,pageBean);
      req.setAttribute("books", list);
      req.setAttribute("pageBean", pageBean);
    } catch (Exception e) {
      e.printStackTrace();
    }
    return "list";
  }
  public String delete(HttpServletRequest req, HttpServletResponse resp) {
    try {
      bookDao.delete(book);
    } catch (Exception e) {
      e.printStackTrace();
    }
    return "toList";
  }
  public String edit(HttpServletRequest req, HttpServletResponse resp) {
    try {
      bookDao.edit(book);
    } catch (Exception e) {
      e.printStackTrace();
    }
    return "toList";
  }
  /**
   * 跳转到新增修改页面
   * @param req
   * @param resp
   * @return
   */
  public String toEdit(HttpServletRequest req, HttpServletResponse resp) {
    try {
      /*
       * 如果是跳转修改页面，那么需要做bid条件的精准查询
       */
      if(book.getBid() != 0) {
        List<Book> list = bookDao.list(book, null);
        req.setAttribute("b", list.get(0));
      }
    } catch (Exception e) {
      e.printStackTrace();
    }
    return "toEdit";
  }
}

2.4. 分页助手类

package com.sy.tag;
import java.io.IOException;
import java.util.Map;
import java.util.Map.Entry;
import java.util.Set;
import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyTagSupport;
import com.sy.util.PageBean;
public class PageTag extends BodyTagSupport{
  private PageBean pageBean;// 包含了所有分页相关的元素
  @Override
  public int doStartTag() throws JspException {
//    没有标签体，要输出内容
    JspWriter out = pageContext.getOut();
    try {
      out.print(toHTML());
    } catch (IOException e) {
      e.printStackTrace();
    }
    return super.doStartTag();
  }
  private String toHTML() {
    StringBuffer sb = new StringBuffer();
//    隐藏的form表单---这个就是上一次请求下次重新发的奥义所在
//    上一次请求的URL
    sb.append("<form action='"+pageBean.getUrl()+"' id='pageBeanForm' method='post'>");
    sb.append(" <input type='hidden' name='page'>");
//    上一次请求的参数
    Map<String, String[]> paramMap = pageBean.getParamMap();
    if(paramMap != null && paramMap.size() > 0) {
      Set<Entry<String, String[]>> entrySet = paramMap.entrySet();
      for (Entry<String, String[]> entry : entrySet) {
//        参数名
        String key = entry.getKey();
//        参数值
        for (String value : entry.getValue()) {
//          上一次请求的参数，再一次组装成了新的Form表单
//          注意：page参数每次都会提交，我们需要避免
          if(!"page".equals(key)) {
            sb.append(" <input type='hidden' name='"+key+"' value='"+value+"' >");
          }
        }
      }
    }
    sb.append("</form>");
//    分页条
    sb.append("<ul class='pagination justify-content-center'>");
    sb.append(" <li class='page-item "+(pageBean.getPage() == 1 ? "disabled" : "")+"'><a class='page-link'");
    sb.append(" href='javascript:gotoPage(1)'>首页</a></li>");
    sb.append(" <li class='page-item "+(pageBean.getPage() == 1 ? "disabled" : "")+"'><a class='page-link'");
    sb.append(" href='javascript:gotoPage("+pageBean.previousPage()+")'>&lt;</a></li>");// less than 小于号
//    sb.append(" <li class='page-item'><a class='page-link' href='#'>1</a></li>");
//    sb.append(" <li class='page-item'><a class='page-link' href='#'>2</a></li>");
    sb.append(" <li class='page-item active'><a class='page-link' href='#'>"+pageBean.getPage()+"</a></li>");
    sb.append(" <li class='page-item "+(pageBean.getPage() == pageBean.maxPage() ? "disabled" : "")+"'><a class='page-link' href='javascript:gotoPage("+pageBean.nextPage()+")'>&gt;</a></li>");
    sb.append(" <li class='page-item "+(pageBean.getPage() == pageBean.maxPage() ? "disabled" : "")+"'><a class='page-link' href='javascript:gotoPage("+pageBean.maxPage()+")'>尾页</a></li>");
    sb.append(" <li class='page-item go-input'><b>到第</b><input class='page-link'");
    sb.append(" type='text' id='skipPage' name='' /><b>页</b></li>");
    sb.append(" <li class='page-item go'><a class='page-link'");
    sb.append(" href='javascript:skipPage()'>确定</a></li>");
    sb.append(" <li class='page-item'><b>共"+pageBean.getTotal()+"条</b></li>");
    sb.append("</ul>");
//    分页执行的JS代码
    sb.append("<script type='text/javascript'>");
    sb.append(" function gotoPage(page) {");
    sb.append("   document.getElementById('pageBeanForm').page.value = page;");
    sb.append("   document.getElementById('pageBeanForm').submit();");
    sb.append(" }");
    sb.append(" function skipPage() {");
    sb.append("   var page = document.getElementById('skipPage').value;");
    sb.append("   if (!page || isNaN(page) || parseInt(page) < 1 || parseInt(page) > "+pageBean.maxPage()+") {");
    sb.append("     alert('请输入1~"+pageBean.maxPage()+"的数字');");
    sb.append("     return;");
    sb.append("   }");
    sb.append("   gotoPage(page);");
    sb.append(" }");
    sb.append("</script>");
    return sb.toString();
  }
}

3.配置文件

3.1   mvc.xml文件

这个代码里面name就是增删改查方法里对应的返回的名字，根据这个去判断是否需要重定向还是转发，并跳转页面

<?xml version="1.0" encoding="UTF-8"?>
<config>
  <action path="/book" type="com.sy.Servlet.BookAction">
<!--   查询：BookList.jsp    返回值：list -->
<!--   * 增删改确定：book.action?methodName=list    返回值：toList -->
<!--   * 增加修改跳转对应界面：bookEdit.jsp      返回值：toEdit -->
    <forward name="list" path="/book.jsp" redirect="false" />
    <forward name="toList" path="/book.action?methodName=list" redirect="true" />
    <forward name="toEdit" path="/BookEdit.jsp" redirect="false" />
  </action>
</config>

3.2 web.xml文件

       这个里面放入中央控制器，就是架包里面的东西

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
  id="WebApp_ID" version="3.1">
  <display-name>mvc_crud</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
    <servlet-name>mvc</servlet-name>
    <servlet-class>com.zking.framework.DispatchServlet</servlet-class>
    <init-param>
      <param-name>configurationLocation</param-name>
      <param-value>/mvc.xml</param-value>
    </init-param>
  </servlet>
  <servlet-mapping>
    <servlet-name>mvc</servlet-name>
    <url-pattern>*.action</url-pattern>
  </servlet-mapping>
</web-app>

3.3 .tld文件

       这个就是分页的标签

<?xml version="1.0" encoding="UTF-8" ?>
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
    version="2.0">
  <description>shenyan 1.1 core library</description>
  <display-name>shenyan core</display-name>
  <tlib-version>1.1</tlib-version>
  <short-name>s</short-name>
  <uri>http://shenyan</uri>
  <tag>
    <name>page</name>
    <tag-class>com.shenyan.Tag.PageTag</tag-class>
    <body-content>JSP</body-content>
    <attribute>
        <name>pageBean</name>
        <required>true</required>
        <rtexprvalue>true</rtexprvalue>
    </attribute>
  </tag>
</taglib>

4.编写前端代码

4.1. 数据显示主界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib uri="http://shenyan" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link
  href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css"
  rel="stylesheet">
<script
  src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.js"></script>
<title>书籍列表</title>
<style type="text/css">
.page-item input {
  padding: 0;
  width: 40px;
  height: 100%;
  text-align: center;
  margin: 0 6px;
}
.page-item input, .page-item b {
  line-height: 38px;
  float: left;
  font-weight: 400;
}
.page-item.go-input {
  margin: 0 10px;
}
</style>
</head>
<body>
  <form class="form-inline"
    action="${pageContext.request.contextPath }/book.action?methodName=list"
    method="post">
    <div class="form-group mb-2">
      <input type="text" class="form-control-plaintext" name="bname"
        placeholder="请输入书籍名称">
      <!--      <input name="rows" value="20" type="hidden"> -->
      <!-- 不想分页 -->
      <input name="pagination" value="false" type="hidden">
    </div>
    <button type="submit" class="btn btn-primary mb-2">查询</button>
    <a class="btn btn-primary mb-2"
      href="${pageContext.request.contextPath }/book.action?methodName=toEdit">新增</a>
  </form>
  <table class="table table-striped ">
    <thead>
      <tr>
        <th scope="col">书籍ID</th>
        <th scope="col">书籍名</th>
        <th scope="col">价格</th>
        <th scope="col">操作</th>
      </tr>
    </thead>
    <tbody>
      <c:forEach var="b" items="${books }">
        <tr>
          <td>${b.bid }</td>
          <td>${b.bname }</td>
          <td>${b.price }</td>
          <td><a
            href="${pageContext.request.contextPath }/book.action?methodName=toEdit&bid=${b.bid}">修改</a>
            <a
            href="${pageContext.request.contextPath }/book.action?methodName=delete&bid=${b.bid}">删除</a>
          </td>
        </tr>
      </c:forEach>
    </tbody>
  </table>
  <!-- 这一行代码就相当于前面分页需求前端的几十行了 -->
  <s:page pageBean="${pageBean}"></s:page>
</body>
</html>

4.2. 新增、修改共用页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib uri="http://shenyan" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link
  href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css"
  rel="stylesheet">
<script
  src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.js"></script>
<title>书籍新增/修改</title>
</head>
<body>
  <form class="form-inline"
    action="${pageContext.request.contextPath }/book.action?methodName=${empty b ? 'add' : 'edit'}"
    method="post">
    书籍ID：<input type="text" name="bid" value="${b.bid }"><br>
    书籍名称：<input type="text" name="bname" value="${b.bname }"><br>
    书籍价格：<input type="text" name="price" value="${b.price }"><br>
    <input type="submit">
  </form>
</body>
</html>

5.最后 效果展示：

 

文章标签：
CDN
前端开发
关键词：
自定义mvc
mvc框架
mvc自定义
自定义mvc框架
相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
艳艳耶
目录
相关文章
明弟有理想
|
1月前
|
前端开发 Java 数据库
springBoot:template engine&自定义一个mvc&后端给前端传数据&增删改查 (三)
本文介绍了如何自定义一个 MVC 框架，包括后端向前端传递数据、前后端代理配置、实现增删改查功能以及分页查询。详细展示了代码示例，从配置文件到控制器、服务层和数据访问层的实现，帮助开发者快速理解和应用。
明弟有理想
24 0
Codelinghu
|
1月前
|
前端开发 Java
【案例+源码】详解MVC框架模式及其应用
【案例+源码】详解MVC框架模式及其应用
Codelinghu
49 0
wljslmz
|
3月前
|
设计模式 存储 前端开发
MVC 框架的主要问题是什么？
【8月更文挑战第30天】
wljslmz
66 0
今天是几号
|
5月前
|
安全 前端开发 测试技术
安全开发-PHP应用&模版引用&Smarty渲染&MVC模型&数据联动&RCE安全&TP框架&路由访问&对象操作&内置过滤绕过&核心漏洞
安全开发-PHP应用&模版引用&Smarty渲染&MVC模型&数据联动&RCE安全&TP框架&路由访问&对象操作&内置过滤绕过&核心漏洞
今天是几号
40 0
青玉白露
|
6月前
|
前端开发 Java Spring
Java Web ——MVC基础框架讲解及代码演示（下）
Java Web ——MVC基础框架讲解及代码演示
青玉白露
62 1
Zhangr132
|
6月前
|
前端开发 Java 应用服务中间件
Spring MVC框架概述
Spring MVC 是一个基于Java的轻量级Web框架，采用MVC设计模型实现请求驱动的松耦合应用开发。框架包括DispatcherServlet、HandlerMapping、Handler、HandlerAdapter、ViewResolver核心组件。DispatcherServlet协调这些组件处理HTTP请求和响应，Controller处理业务逻辑，Model封装数据，View负责渲染。通过注解@Controller、@RequestMapping等简化开发，支持RESTful请求。Spring MVC具有清晰的角色分配、Spring框架集成、多种视图技术支持以及异常处理等优点。
Zhangr132
82 1
土木林森
|
6月前
|
前端开发 安全 Java
使用Java Web框架：Spring MVC的全面指南
【4月更文挑战第3天】Spring MVC是Spring框架的一部分，用于构建高效、模块化的Web应用。它基于MVC模式，支持多种视图技术。核心概念包括DispatcherServlet（前端控制器）、HandlerMapping（请求映射）、Controller（处理请求）、ViewResolver（视图解析）和ModelAndView（模型和视图容器）。开发流程涉及配置DispatcherServlet、定义Controller、创建View、处理数据、绑定模型和异常处理。
土木林森
343 1
使用Java Web框架：Spring MVC的全面指南
青玉白露
|
6月前
|
设计模式 前端开发 网络协议
Java Web ——MVC基础框架讲解及代码演示（上）
Java Web ——MVC基础框架讲解及代码演示
青玉白露
50 0
Cool架构
|
6月前
|
前端开发 JavaScript Java
MVC框架：SpringMVC（三）
MVC框架：SpringMVC
Cool架构
60 0
Cool架构
|
6月前
|
JSON 前端开发 JavaScript
MVC框架：SpringMVC（二）
MVC框架：SpringMVC
Cool架构
65 0