JavaWeb（叁）——SSM集成小小Demo

HyoJoo-Gitee-03

——Web技术课程SSM项目

参与贡献

@HyoJoo-W
@张皓轩
@wjy-coding

Gitee项目地址

Gitee仓库地址

1 项目介绍

1.1 gitee-03-ssm-JavaWeb

本模块是基于JavaBean、Servlet、JSP等技术实现的一个MVC开发模式的程序模块。

1.2 gitee-03-ssm-SSM

本模块是基于Spring、SpringMVC、MyBatis等技术实现的一个MVC开发模式的程序模块。

2 项目一 （Servlet、JSP、JavaBean）

2.1 项目概述

2.1.1 业务描述

• 基于JavaWeb相关技术编写一个Web应用程序，实现用户的开户、编辑、查询、销户功能模块。

2.2.2 相关实现技术说明

• 前端
  • JSP制作服务器端页面、并控制网页行为。使用JSTL标签库协助开发。
  • BootStrap协助实现页面样式优化、响应式布局开发。
• 后端
  • JavaBean技术实现ORM(对象关系映射)思想，构建实体类User与MySQL数据库服务器交互映射。
  • Java Servlet技术实现后端响应前端请求，与前端交互，同时与后端处理业务逻辑
  • 数据库设计：MySQL数据库创建单表user表（本项目仅涉及单表操作）
• 数据库
  • MySQL数据库
  • Druid连接池
  • Spring JdbcTemplate 简化开发
• 开发模式
  • 基于MVC(Model、View、Controller)开发模式进行整体项目的开发
• 项目管理工具
  • 使用Maven工具管理项目

2.2.3 项目架构

说明：

• Java子包

  • entity层：实体类，映射数据库的实体表

  • dao层：负责与数据交互

  • service层：负责处理业务逻辑

  • web层：即Servlet层，调用Service层服务处理前端请求

  • util包：工具包，自定义JDBCUtils工具类，便于开发

• resource子包

  • 项目需要的资源：如Druid数据库连接池的配置文件等

• webapp子包

  • css、js包：本项目引入BootStrap框架简化开发，这里放置BootStrap相关资源
  • jsp包：包含所有JSP界面
  • WEB-INF包：包含本Web项目的配置文件web.xml
  • index.jsp：欢迎页

2.2.4 UML类图

2.2 效果截图

2.2.1 主界面mainMenu.jsp

2.2.2 CRUD——查询

2.2.3 CRUD——修改

2.2.4 CRUD——删除

2.2.5 CRUD——添加

3 项目二 （Spring、SpringMVC、MyBatis）

3.1 项目概述

3.1.1 业务需求（小小Demo）

• 完成用户的CRUD
• 完成用户存取款、转账

3.1.2 开发环境

• 操作系统：windows10 家庭版
• IDE：IntelliJ IDEA集成开发环境（Version: 2020.3.1）
• JDK: JDK-11
• Web服务器: Tomcat (Version: 8.5.64)
• 项目管理工具：Maven （Version：3.6.3）
• 数据库：MySQL（Version: 8.0.23）

3.1.3 相关技术链

• 前端

  • HTML、CSS、JavaScript（不再赘述）
  • jQuery（简化开发）
  • BootStrap（简化开发）

• 前后端交互

  • ajax：Asynchronous Javascript And XML（异步JavaScript和XML)
  • 数据交互格式：Json

• 后端

  • Java

  • Spring：管理对象的容器（Version: 5.3.5）

  • SpringMVC: 分发请求（Version: 5.3.5）

  • MyBatis: 持久层框架（Version: 3.5.6）

3.1.4 相关依赖包

详见pom.xml文件

• pagehelperMyBatis分页插件

• Spring、SpringMVC、Mybatis

• mysql-connector-java

• fastJson（alibaba的Json解析工具）

• hibernate-validator（数据校验工具）

• …

3.2 项目构建

3.2.1项目结构

说明

• java子包
  • entity：实体层
  • mapper：dao映射层
  • service：业务逻辑
  • controller：控制层
• resources子包
  • com/nut/mapper：*.xml（即MyBatis映射文件）
  • druid.propertites：Druid连接池资源文件
  • applicationContext.xml：Spring配置文件
  • spring-mvc.xml：SpringMVC配置文件
  • mybatis-config.xml：MyBatis配置文件
• webapp子包
  • css：HyoJoo.css（当然是笔者自定义的啦）
  • html：相关页面
  • js：使用jQuery控制网页动态行为
  • WEB-INF：包含Web应用配置文件web.xml
  • index.html：欢迎页

3.2.2 配置详解

3.3 效果截图

3.3.1 主界面

3.3.2 管理员登录

3.3.3 用户管理主界面

• 响应式
  

3.3.4 CRUD

3.3.5 存取款

3.3.6 转账

3.4 测试

• test子包下
  • MapperTest：测试Druid、MyBatis是否连接成功等相关CRUD基础测试
  • MVCRequestTest：模拟SpringMVC发送请求测试前后端通信成功

3.5 数据校验

• 前端
  • 使用JavaScript前端对提交的数据进行初步校验，如数据格式等
• 后端
  • 使用JSR303数据校验

3.6 Spring声明式事务管理

• 转账业务是经典事务案例
• 项目中配置了两种事务管理
  • 基于XML的声明式事务管理
  • 基于注解的声明式事务管理
    

4 完结撒花

• 欢迎指正批评
• Talk is easy.Show me the code.

5 Last but not least

传说五大秘术：点赞、评论、分享、收藏、打赏！
mua~~