SSM+maven實現答題管理系統（一）
阿新 • • 發佈：2019-10-01
##1.前期準備 SSM架構的相關知識(Spring+Springmvc+mybatis) IDEA/eclipse/myeclipse編譯器 layui文件的bang助:layui開發使用文件 預設的maven配置 Navicat/mysql workbench等資料庫視覺化管理工具
##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"?-->
<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實現答題管理系統二:模板刪除功能
專案已經部署上線:點我(訪客使用者名稱zhangsan 密碼123456)
好啦 還有兩小時就下班啦，我要去休息啦，喜歡就給顆小