“实战经验总结:构建灵活、可维护的自定义MVC应用程序”(下)

简介: “实战经验总结:构建灵活、可维护的自定义MVC应用程序”

6.完成BookAction

package com.yuan.web;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.yuan.dao.BookDao;
import com.yuan.entity.Book;
import com.yuan.framework.Action;
import com.yuan.framework.ModelDrivern;
import com.yuan.util.PageBean;
public class BookAction extends Action implements ModelDrivern<Book> {
  private Book book = new Book();
  private BookDao bd = new BookDao();
  public String list(HttpServletRequest req, HttpServletResponse resp) throws Exception {
    PageBean pageBean = new PageBean();
    pageBean.setRequest(req);
    List<Book> list = bd.queryAll(book, pageBean);
    req.setAttribute("pageBean", pageBean);
    req.setAttribute("list", list);
    return "list";
  }
  public String toAdd(HttpServletRequest req, HttpServletResponse resp) throws Exception {
    bd.toAdd(book);
    return "toList";
  }
  public String toDel(HttpServletRequest req, HttpServletResponse resp) throws Exception {
    bd.toDel(book);
    return "toList";
  }
  public String toEdit(HttpServletRequest req, HttpServletResponse resp) throws Exception {
    if(book.getBid()!=0) {
      List<Book> queryAll = bd.queryAll(book, null);
      req.setAttribute("b", queryAll.get(0));
    }
    return "toEdit";
  }
  public String edit(HttpServletRequest req, HttpServletResponse resp) throws Exception {
    bd.toEdit(book);
    return "toList";
  }
  public Book getModel() {
    return book;
  }
}
• 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
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56

7.完成mvc.xml的配置

<?xml version="1.0" encoding="UTF-8"?>
<config>
  <action path="/book" type="com.yuan.web.BookAction">
    <forward name="list" path="/bookList.jsp" redirect="false" />
    <forward name="toList" path="/book.action?methodName=list" redirect="true" />
    <forward name="toEdit" path="/bookEdit.jsp" redirect="false" />
  </action>
</config>
• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

8.完成前台代码的编写

显示所有书籍的主界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib uri="http://jsp.veryedu.cn" prefix="z"%> 
<%@ 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>
<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="${list }">
      <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=toDel&bid=${b.bid}">删除</a>
        </td>
      </tr>
      </c:forEach>
    </tbody>
  </table>
  <!-- 这一行代码就相当于前面分页需求前端的几十行了 -->
  <z:page pageBean="${pageBean }"></z:page>
</body>
</html>
• 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
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75

增加修改界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib uri="http://jsp.veryedu.cn" prefix="z"%> 
<%@ 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 ? 'toAdd' : '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>
• 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

五、模型(Model)的实现细节

模型(Model)的实现细节:

  • 数据存储和管理:模型负责处理数据的存储和管理。这可以通过使用数据库、文件系统或内存等持久化手段来实现。模型类应该包含读取、写入、更新和删除数据的方法。
  • 业务逻辑处理:模型类应该包含处理业务逻辑的方法。这些方法可以根据具体的需求来实现,例如数据验证、计算统计数据、执行复杂的业务规则等。
  • 数据访问:模型类可以通过数据访问对象(如DAO、Repository)来访问底层数据存储。数据访问层应该提供标准的CRUD(创建、读取、更新、删除)操作,并处理与数据存储相关的细节,如连接数据库、执行SQL语句等。
  • 业务领域的封装:模型类可以通过聚合关系、继承或其他方式来封装业务领域的相关概念。这样可以将业务逻辑和数据操作组织成更具可读性和可维护性的代码结构。
  • 事件和通知:模型类可以使用事件和通知机制来通知其他组件(如控制器或观察者)关于数据的变化。这样可以实现松耦合和即时的数据更新。

六、视图(View)的实现细节

  • 界面设计:视图负责定义和设计用户界面。这包括确定布局、选择合适的控件和组件、设定样式和主题等。视图应该与用户交互舒适,并提供良好的用户体验。
  • 数据展示:视图负责将模型中的数据展示给用户。这可以通过显示文本、图形、表格或其他形式的界面元素来实现。视图应该负责对数据进行格式化和显示,以便用户能够理解和使用。
  • 用户交互:视图应该能够处理用户的输入,如按钮点击、菜单选择、文本输入等。视图可以通过事件监听、回调函数或其他方式来捕获用户交互事件,并将其传递给控制器进行处理。
  • 视图更新:当模型中的数据发生变化时,视图应该能够及时更新展示。这可以通过使用观察者模式、绑定机制或其他方式来实现。视图应该根据数据的变化来更新界面元素,以反映最新的数据状态。
  • 错误处理:视图应该能够处理异常和错误情况,并向用户提供有意义的错误信息。这包括捕获和处理异常、显示错误提示、弹出对话框等操作,以提供良好的用户体验和错误恢复机制。
  • 国际化和本地化:视图应该支持国际化和本地化,在不同的语言和地区提供适当的界面文本、日期时间格式、货币符号等。这可以通过使用资源文件、多语言支持库或其他方式来实现。

七、控制器(Controller)的实现细节

  • 7.1 控制器类的创建:创建一个控制器类来实现控制器接口或继承一个抽象的控制器类。控制器类负责处理用户的输入、调度模型方法和更新视图。
  • 7.2 用户输入处理:控制器需要获取用户的输入以执行相应的操作。这可以通过各种方式实现,如监听用户界面的事件、接收用户的请求或从视图对象中获取输入。
  • 7.3 调度模型方法:控制器通过调用模型的方法对数据和业务逻辑进行处理。可以通过依赖注入或其他方式获取模型对象,并调用合适的方法来操作数据、执行业务逻辑或访问后端服务。
  • 7,4 更新视图:控制器负责将处理结果反馈给视图,以更新用户界面。通过调用视图中的方法,将获取到的数据传递给视图进行展示,或者通知视图进行特定的操作。
  • 7.5 业务逻辑处理:控制器可以执行一些额外的业务逻辑,例如验证用户的输入、处理异常或决定执行哪个模型方法。这样可以将视图和模型之间的复杂细节封装在控制器中,提高代码的可维护性和可复用性。
  • 7.6 控制器与视图交互:控制器需要与视图进行交互来获取用户输入并更新视图。可以通过依赖注入或其他方式获取视图对象,并调用视图的方法来获取用户输入、更新展示内容或触发其他操作。
  • 7.7 错误处理:控制器应该能够处理异常和错误情况,以提供良好的用户体验。可以通过捕获异常、显示错误信息或执行适当的恢复操作来处理错误。
  • 7.8 控制器的生命周期:控制器的生命周期通常与视图的生命周期相关联。在视图创建时创建控制器实例,在视图销毁时销毁控制器实例。这样可以确保控制器始终与视图保持一致,并且资源的管理更加清晰。

八、自定义MVC的设计模式和最佳实现有哪些?

8.1 原理

自定义MVC(Model-View-Controller)是一种软件架构模式,将应用程序分为模型、视图和控制器三个部分,实现数据、展示和用户交互的分离。模型负责处理数据和业务逻辑,视图负责展示数据给用户,控制器负责协调模型和视图之间的交互。

  • 8.1.1 设计模式:在自定义MVC中,可以使用以下设计模式来优化架构和提高灵活性:
  • 8.1.2 观察者模式:模型可以使用观察者模式来通知视图更新,当模型数据发生变化时,视图可以自动更新展示。
  • 8.1.3 策略模式:控制器可以使用策略模式来选择合适的业务处理逻辑,根据用户的操作和需求来决定调用哪个具体的模型方法。
  • 8.1.4 工厂模式:可以使用工厂模式来创建模型和视图的实例,使得代码更具可扩展性和灵活性。
  • 8.1.5 模板方法模式:视图可以使用模板方法模式来定义通用的展示逻辑,而具体的展示细节可以由子类来实现。

8.2 最佳实践

在设计和实现自定义MVC时,可以采用以下最佳实践来提升代码质量和可维护性:

  • 8.2.1 单一职责原则(SRP):每个类、接口和方法应该只负责一个明确的责任,避免功能耦合和责任过重。
  • 8.2.2 依赖倒置原则(DIP):依赖抽象,而不是依赖具体实现。使用接口或抽象类来定义模型、视图和控制器之间的依赖关系,以提高代码的灵活性和可测试性。
  • 8.2.3 松耦合和高内聚:模型、视图和控制器之间应该通过接口或抽象类进行交互,减少彼此的直接依赖,以实现松耦合。同时,每个部分内部的代码应该是高内聚的,只处理与自身相关的逻辑。
  • 8.2.4 适当的分层和模块化:按照职责对代码进行合理的分层和模块化,使得不同部分的代码互相隔离,并且易于理解、修改和维护。
  • 8.2.5 可扩展性和可测试性:通过使用接口、设计模式和最佳实践,使得自定义MVC架构具有良好的可扩展性和可测试性。这样,可以轻松添加新的模型、视图或控制器,并编写单元测试来验证各个部分的功能。

九、架构和扩展性考虑

探讨如何基于自定义MVC架构构建可扩展和易维护的应用程序。讨论接口和抽象的使用,模块化开发的思想,以及如何支持功能扩展和业务变化。

性能和安全性优化

强调性能和安全性在自定义MVC应用程序中的关键,提供一些实践建议,如最小化网络请求、数据缓存、安全的用户认证和授权等。

十、总结

自定义MVC框架就像是一场华丽的舞会,每个成员都有自己的角色:

  • 模型(Model)就像是舞会中的舞者,负责展示自己的独特技巧和美丽外表,让人们眼前一亮。
  • 视图(View)就像是舞会的舞台,为舞者们提供一个展现自己的舞台,让观众们赞叹不已。
  • 控制器(Controller)就像是舞会的舞曲,它通过指挥舞者和音乐的节奏,使整个舞会变得有序而有魅力。
    而框架配置和路由,就像是舞会的礼宾部门,负责引导每个舞者的角色和方向,让整个舞会充满喜悦和欢乐。

总之,自定义MVC原理就是让舞者们在舞台上翩翩起舞,让观众们目不转睛,留下美好的回忆。记住,用代码来编排这场华丽的舞蹈吧!


相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
4月前
|
前端开发 Java 开发者
Spring MVC:构建高效、可维护、可扩展的Web应用程序
Spring MVC:构建高效、可维护、可扩展的Web应用程序
41 0
|
3月前
|
设计模式 存储 前端开发
MVC(Model-View-Controller)是一种软件设计模式,用于将应用程序的输入逻辑、业务逻辑和用户界面逻辑分离
【6月更文挑战第17天】**MVC模式**是软件设计模式,用于分离输入逻辑、业务逻辑和用户界面。模型处理数据和业务,视图展示数据,控制器协调两者响应用户请求。优点包括:关注点分离、提高开发效率、简化测试、支持多视图及便于大型项目管理。
40 3
|
2月前
|
设计模式 前端开发 数据库
深入理解MVC设计模式:构建高效Web应用程序的基石
【7月更文挑战第4天】在软件工程领域,设计模式是解决常见问题的一系列经过验证的方法。其中,Model-View-Controller(MVC)设计模式自诞生以来,便成为了构建用户界面,特别是Web应用程序的黄金标准。MVC通过将应用程序逻辑分离为三个核心组件,提高了代码的可维护性、可扩展性和重用性。本文将深入探讨MVC设计模式的原理,并通过一个简单的代码示例展示其应用。
64 0
|
4月前
|
前端开发 Java 测试技术
Java一分钟之Spring MVC:构建Web应用
【5月更文挑战第15天】Spring MVC是Spring框架的Web应用模块,基于MVC模式实现业务、数据和UI解耦。常见问题包括:配置DispatcherServlet、Controller映射错误、视图解析未设置、Model数据传递遗漏、异常处理未配置、依赖注入缺失和忽视单元测试。解决这些问题可提升代码质量和应用性能。注意配置`web.xml`、`@RequestMapping`、`ViewResolver`、`Model`、`@ExceptionHandler`、`@Autowired`,并编写测试用例。
325 3
|
15天前
|
前端开发 安全 Java
技术进阶:使用Spring MVC构建适应未来的响应式Web应用
【9月更文挑战第2天】随着移动设备的普及,响应式设计至关重要。Spring MVC作为强大的Java Web框架,助力开发者创建适应多屏的应用。本文推荐使用Thymeleaf整合视图,通过简洁的HTML代码提高前端灵活性;采用`@ResponseBody`与`Callable`实现异步处理,优化应用响应速度;运用`@ControllerAdvice`统一异常管理,保持代码整洁;借助Jackson简化JSON处理;利用Spring Security增强安全性;并强调测试的重要性。遵循这些实践,将大幅提升开发效率和应用质量。
40 7
|
4月前
|
前端开发 JavaScript 开发者
深入理解MVC和MVVM:构建现代Web应用的利器
深入理解MVC和MVVM:构建现代Web应用的利器
|
4月前
|
存储 设计模式 前端开发
请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
【2月更文挑战第26天】【2月更文挑战第89篇】请解释 Web 应用程序的 MVC(模型-视图-控制器)架构。
34 0
|
4月前
|
存储 开发框架 前端开发
MVVM 模式与 MVC 模式:构建高效应用的选择
MVVM 模式与 MVC 模式:构建高效应用的选择
MVVM 模式与 MVC 模式:构建高效应用的选择
|
4月前
|
前端开发 Java Maven
Spring-Spring MVC + Spring JDBC + Spring Transaction + Maven 构建web登录模块
Spring-Spring MVC + Spring JDBC + Spring Transaction + Maven 构建web登录模块
76 0
|
4月前
|
前端开发 Java
自定义mvc的增删改查
自定义mvc的增删改查
49 0