最近项目比较忙,然后又生病了, 都没时间写博客了 QAQ。这次我带来了 SSM 框架搭建的一个答题管理系统,之前我用的 tp 框架构建的答题管理系统,这次我用 SSM 框架重构了一下
1. 前期准备
SSM 架构的相关知识 (Spring+Springmvc+mybatis)
IDEA/eclipse/myeclipse 编译器
layui 文档的 bang 助:layui 开发使用文档
默认的 maven 配置
Navicat/mysql workbench 等数据库可视化管理工具
使用 IDEA 创建 maven 项目
2. 架构设计(mvc)
首先将 resources 包设置为 Resource Root
将 webapp 包设置为 Web 项目目录
指定 Web 目录:
指定 Spring 配置文件目录:
model 层采用 mybatis 进行持久化处理
mybatis generator 插件进行逆向工程,
以下说明几个配置文件:
applicationContext:Springmvc 配置文件
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop"
xmlns:tx="http://www.springframework.org/schema/tx" xmlns:jdbc="http://www.springframework.org/schema/jdbc"
xmlns:context="http://www.springframework.org/schema/context"
xsi:schemaLocation="
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd
http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">
<!-- 扫描包下的注解 -->
<context:component-scan base-package="com.sl.example" annotation-config="true"/>
<!--<context:annotation-config/>-->
<aop:aspectj-autoproxy/>
<import resource="applicationContext-datasource.xml"/>
</beans>
applicationContext-datasource.xml: 数据库连接池配置文件
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop"
xmlns:tx="http://www.springframework.org/schema/tx" xmlns:jdbc="http://www.springframework.org/schema/jdbc"
xmlns:context="http://www.springframework.org/schema/context"
xsi:schemaLocation="
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd
http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd">
<context:component-scan base-package="com.sl.example" annotation-config="true"/>
<bean id="propertyConfigurer"
class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
<property name="order" value="2"/>
<property name="ignoreUnresolvablePlaceholders" value="true"/>
<property name="locations">
<list>
<value>classpath:datasource.properties</value>
</list>
</property>
<property name="fileEncoding" value="utf-8"/>
</bean>
<bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close">
<property name="driverClassName" value="${db.driverClassName}"/>
<property name="url" value="${db.url}"/>
<property name="username" value="${db.username}"/>
<property name="password" value="${db.password}"/>
<!-- 连接池启动时的初始值 -->
<property name="initialSize" value="${db.initialSize}"/>
<!-- 连接池的最大值 -->
<property name="maxActive" value="${db.maxActive}"/>
<!-- 最大空闲值. 当经过一个高峰时间后,连接池可以慢慢将已经用不到的连接慢慢释放一部分,一直减少到 maxIdle 为止 -->
<property name="maxIdle" value="${db.maxIdle}"/>
<!-- 最小空闲值. 当空闲的连接数少于阀值时,连接池就会预申请去一些连接,以免洪峰来时来不及申请 -->
<property name="minIdle" value="${db.minIdle}"/>
<!-- 最大建立连接等待时间。如果超过此时间将接到异常。设为-1 表示无限制 -->
<property name="maxWait" value="${db.maxWait}"/>
<!--# 给出一条简单的 sql 语句进行验证 -->
<!--<property name="validationQuery" value="select getdate()" />-->
<property name="defaultAutoCommit" value="${db.defaultAutoCommit}"/>
<!-- 回收被遗弃的(一般是忘了释放的)数据库连接到连接池中 -->
<!--<property name="removeAbandoned" value="true" />-->
<!-- 数据库连接过多长时间不用将被视为被遗弃而收回连接池中 -->
<!--<property name="removeAbandonedTimeout" value="120" />-->
<!-- #连接的超时时间,默认为半小时。-->
<property name="minEvictableIdleTimeMillis" value="${db.minEvictableIdleTimeMillis}"/>
<!--# 失效检查线程运行时间间隔,要小于 MySQL 默认 -->
<property name="timeBetweenEvictionRunsMillis" value="40000"/>
<!--# 检查连接是否有效 -->
<property name="testWhileIdle" value="true"/>
<!--# 检查连接有效性的 SQL 语句 -->
<property name="validationQuery" value="SELECT 1 FROM dual"/>
</bean>
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource"/>
<property name="mapperLocations" value="classpath*:mappers/*Mapper.xml"></property>
<!-- 分页插件 -->
<property name="plugins">
<array>
<bean class="com.github.pagehelper.PageHelper">
<property name="properties">
<value>
dialect=mysql
</value>
</property>
</bean>
</array>
</property>
</bean>
<bean name="mapperScannerConfigurer" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="basePackage" value="com.sl.example.dao"/>
</bean>
<!-- 使用 @Transactional 进行声明式事务管理需要声明下面这行 -->
<tx:annotation-driven transaction-manager="transactionManager" proxy-target-class="true" />
<!-- 事务管理 -->
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<property name="dataSource" ref="dataSource"/>
<!-- 提交失败是否回滚 -->
<property name="rollbackOnCommitFailure" value="true"/>
</bean>
</beans>
datasource.properties:数据库配置文件
# 配置下载的驱动包的位置
db.driverLocation = C:/java/mysql-connector-java-5.1.41.jar
# db.driverClassName = oracle.jdbc.driver.OracleDriver
db.driverClassName = com.mysql.jdbc.Driver
# db.url=jdbc:mysql:// 数据库 IP: 数据库 Port/database?characterEncoding=utf-8
db.url = jdbc:mysql://xxxx:3306/tp5?characterEncoding=utf-8
db.username =XXX
db.password =XXXXX
db.initialSize = 20
db.maxActive = 50
db.maxIdle = 20
db.minIdle = 10
db.maxWait = 10
db.defaultAutoCommit = true
db.minEvictableIdleTimeMillis = 3600000
generatorConfig.xml:mybatis generator 逆向工程时的配置文件
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE generatorConfiguration
PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
"http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd">
<generatorConfiguration>
<!--1.jdbcConnection 设置数据库连接 -->
<!--2.javaModelGenerator 设置类的生成位置 -->
<!--3.sqlMapGenerator 设置生成 xml 的位置 -->
<!--4.javaClientGenerator 设置生成 dao 层接口的位置 -->
<!--5.table 设置要进行逆向工程的表名以及要生成的实体类的名称 -->
<properties resource="datasource.properties"></properties>
<!-- 指定特定数据库的 jdbc 驱动 jar 包的位置 -->
<classPathEntry location="${db.driverLocation}"/>
<context id="default" targetRuntime="MyBatis3">
<!-- optional,旨在创建 class 时,对注释进行控制 -->
<commentGenerator>
<property name="suppressDate" value="true"/>
<property name="suppressAllComments" value="true"/>
</commentGenerator>
<!--jdbc 的数据库连接 -->
<jdbcConnection
driverClass="${db.driverClassName}"
connectionURL="${db.url}"
userId="${db.username}"
password="${db.password}">
</jdbcConnection>
<!-- 非必需,类型处理器,在数据库类型和 java 类型之间的转换控制 -->
<javaTypeResolver>
<property name="forceBigDecimals" value="false"/>
</javaTypeResolver>
<!-- Model 模型生成器, 用来生成含有主键 key 的类,记录类 以及查询 Example 类
targetPackage 指定生成的 model 生成所在的包名
targetProject 指定在该项目下所在的路径
-->
<javaModelGenerator targetPackage="com.sl.example.pojo" targetProject="./src/main/java">
<!-- 是否允许子包,即 targetPackage.schemaName.tableName -->
<property name="enableSubPackages" value="false"/>
<!-- 是否对 model 添加 构造函数 -->
<property name="constructorBased" value="true"/>
<!-- 是否对类 CHAR 类型的列的数据进行 trim 操作 -->
<property name="trimStrings" value="true"/>
<!-- 建立的 Model 对象是否不可改变 即生成的 Model 对象不会有 setter 方法,只有构造方法 -->
<property name="immutable" value="false"/>
</javaModelGenerator>
<!--mapper 映射文件生成所在的目录 为每一个数据库的表生成对应的 SqlMap 文件 -->
<sqlMapGenerator targetPackage="mappers" targetProject="./src/main/resources">
<property name="enableSubPackages" value="false"/>
</sqlMapGenerator>
<!-- 客户端代码,生成易于使用的针对 Model 对象和 XML 配置文件 的代码
type="ANNOTATEDMAPPER", 生成 Java Model 和基于注解的 Mapper 对象
type="MIXEDMAPPER", 生成基于注解的 Java Model 和相应的 Mapper 对象
type="XMLMAPPER", 生成 SQLMap XML 文件和独立的 Mapper 接口
-->
<!-- targetPackage:mapper 接口 dao 生成的位置 -->
<javaClientGenerator type="XMLMAPPER" targetPackage="com.sl.example.dao" targetProject="./src/main/java">
<!-- enableSubPackages: 是否让 schema 作为包的后缀 -->
<property name="enableSubPackages" value="false" />
</javaClientGenerator>
<!-- tablenName: 数据库表名
domainObjectName: 生成的类名
enableCountByExample: 是否可以通过对象查数量
enableUpdateByExample: 是否可以通过对象进行更新
-->
<table tableName="t_gr_user" domainObjectName="User" enableCountByExample="false" enableUpdateByExample="false" enableDeleteByExample="false" enableSelectByExample="false" selectByExampleQueryId="false"></table>
<table tableName="t_gr_qsn_model" domainObjectName="Model" enableCountByExample="false" enableUpdateByExample="false" enableDeleteByExample="false" enableSelectByExample="false" selectByExampleQueryId="false">
</table>
<table tableName="t_gr_qsn" domainObjectName="Qsn" enableCountByExample="false" enableUpdateByExample="false" enableDeleteByExample="false" enableSelectByExample="false" selectByExampleQueryId="false">
</table>
<table tableName="t_gr_qsn_detail" domainObjectName="Detail" enableCountByExample="false" enableUpdateByExample="false" enableDeleteByExample="false" enableSelectByExample="false" selectByExampleQueryId="false">
</table>
<table tableName="t_gr_psg_qsn_r" domainObjectName="Choose" enableCountByExample="false" enableUpdateByExample="false" enableDeleteByExample="false" enableSelectByExample="false" selectByExampleQueryId="false">
</table>
</context>
</generatorConfiguration>
然后 controller 包下对应控制器
dao 包下是逆向生成的 DAO 数据层
pojo 包下是逆向生成的实体类
service 是我们写的业务层
util 是我们的工具类
最后的最后, 我们数据库设计:
既然是答题管理系统。
一套题(即一个模板)(model 表)对应多个题目(qsn 表)
一个题目(qsn 表)对应多个答案(detail 表)
然后 Navicat 表设计如下:
model 表:(t_gr_是前缀 rmkX 是备用字段都不用管)
qsn 表:(这里我没有设置外键 实际上 qsn 表的 model_id 应该设置外键)
detail 表:(同上)
好了 说了那么多 终于做好所有的准备了,可以正式进入我们的开发了。
3. 本章目标
与 thinkphp 实现答题管理系统对应,我们依旧先实现 model 表(答题模板的增加功能模块的实现)
4.View 层实现(Jquery+layui)
首先是添加模板的 View 层实现。
引用了 layui 的按钮组样式 id 为 btn-add 的按钮 即为添加模板按钮
点击添加模板 我们用 Jquery 设置其弹出了一个 layui 的弹出层 id 为 set-add-put
// 弹出添加窗口
$('#btn-add').click(function() {
layer.open({
type: 1,
skin: 'layui-layer-rim', // 加上边框
area: ['660px', '350px'], // 宽高
content: $('#set-add-put'),
title: "添加模板"
});
});
如下
input 框有三个,分别对应数据库的 create_name,time,name。
<!-- 添加弹出层 -->
<div id="set-add-put" style="display:none; width:550px; padding:20px;">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label"> 创建人名字 </label>
<div class="layui-input-block">
<input type="text" name="create_name" required lay-verify="required" placeholder="请输入创建人姓名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"> 创建时间 </label>
<div class="layui-input-block">
<input type="text" name="time" required lay-verify="required" placeholder="请输入创建时间" autocomplete="off" class="layui-input" id="time">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"> 模板名称 </label>
<div class="layui-input-block">
<input type="text" name="name" required lay-verify="required" placeholder="请输入模板名称" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="button" class="layui-btn" lay-submit lay-filter="formDemo" id="add"> 立即添加 </button>
<button type="reset" class="layui-btn layui-btn-primary"> 重置 </button>
</div>
</div>
</form>
</div>
然后,我们数据点击立即添加按钮,id 为 add。我们对其用 Jquery 进行 ajax 请求。
// 添加数据
$('#add').click(function() {var create_name = $('input[name="create_name"]').val(); // 获取值
var name = $('input[name="name"]').val();
var time = $('input[name="time"]').val();
if (create_name !== '') {
// 打开正在加载中弹出层
layer.msg('加载中', {
icon: 16,
shade: 0.01,
time: '9999999'
});
var url = "survey/add_model";// 这里的 url 是相较与 tp5 的路由不同的地方
var data = {
create_name: create_name,
name: name,
time: time
}
$.post(url, data, function(data) { // 使用 ajax 提交
layer.closeAll();
if (data.code == 1) { // 这里的 code 对应返回的状态码
layer.msg(data.msg, {icon: 6});
location.reload();} else {
layer.msg(data.msg, {icon: 5});
}
}, "json");
}
});
提交的 data,就是我们输入框获取的三个值,create_name,name,time。
提交到 Controller 层,如果返回的数据状态码为代表成功的 1,则刷新整个页面,否则,提示错误。
然后我们看看 Controller 层的代码。
5.Controller 层实现
首先我在 util 包下定义了一个 Api 类用来存放我们的工具类,主要用于返回给前端 json 数据
package com.sl.example.util;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
//code=1 success 2 fail 3 warning
public class Api {public Map<String,Object> returnJson(int code,String msg){Map map=new HashMap();
map.put("code",code);
map.put("msg",msg);
return map;
}
public Map<String,Object> returnJson(int code, String msg, List<Map> data){Map map=new HashMap();
map.put("code",code);
map.put("msg",msg);
map.put("data",data);
return map;
}
public Map<String,Object> returnJson(int code, String msg, Map data){Map map=new HashMap();
map.put("code",code);
map.put("msg",msg);
map.put("data",data);
return map;
}
}
返回的数据重载可选,三个为,code 状态码,msg 信息,data 返回的数据。
两个为,code 状态码,msg 信息。
然后对应的 controller 层代码
// 增加 model
@RequestMapping(value="Index/survey/add_model")
@ResponseBody
public Map<String,Object> addModel(HttpServletRequest req) throws IOException{String name = req.getParameter("name");
String createName=req.getParameter("createName");
String strtime=req.getParameter("time");// 有注解,默认转换
if (createName==null){return api.returnJson(3,"warning");
}
UUID uuid=UUID.randomUUID();
String modelId=uuid.toString();
Model model=new Model();
Date time=string2Date.DateChange(strtime);
model.setCreateName(createName);
model.setName(name);
model.setTime(time);
model.setModelId(modelId);
int is_add=modelService.InsertModel(model);
if (is_add!=0){return api.returnJson(1,"添加成功");
}else{return api.returnJson(2,"添加失败");
}
}
这里使用了 UUID 来创建一个相对唯一的模板 ID,调用 modelService 层的 InsertModel 方法 传入 model 对象,来添加模板
6.Service 层实现:
ModelService.java
package com.sl.example.service;
import com.sl.example.pojo.Model;
import java.util.List;
public interface ModelService {public List<Model> findAllModel();
public int deleteModelById(String modelId);
public int deleteModelByIds(String[] arr);
public int InsertModel(Model model);
public Model selectModelById(String modelId);
}
ModelService.Impl:
package com.sl.example.service;
import com.sl.example.pojo.Model;
import java.util.List;
public interface ModelService {public List<Model> findAllModel();
public int deleteModelById(String modelId);
public int deleteModelByIds(String[] arr);
public int InsertModel(Model model);
public Model selectModelById(String modelId);
}
7. 功能一览
然后我们查看下我们的功能实现了没
此外还有对应的
SSM+maven 实现答题管理系统二: 模板删除功能
SSM+maven 实现答题管理系统三: 题目及选项增删功能
SSM+maven 实现答题管理系统四: 答题功能
SSM+maven 实现答题管理系统五: 统计功能
项目已经部署上线: 点我(访客用户名 zhangsan 密码 123456)
好啦 还有两小时就下班啦,我要去休息啦,喜欢就给颗小???????? 还有 star 吧~
项目仅供测试学习使用,拒绝任何形式的商业用途,转侵删。
项目源码关注公众号 Code In Java,回复 ” 答题管理系统 ” 即可获取。除此之外,还有 Java 学习图谱,数据结构与算法资料等各种资料都可以在后台获取。
关注公众号:Code In Java
资源,项目,面试题一网打尽
希望与你成为 Java 技术的同路人