您好,登錄后才能下訂單哦!
這篇文章主要講解了“如何用SSM+maven實現答題管理系統”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“如何用SSM+maven實現答題管理系統”吧!
最近項目比較忙,然后又生病了,都沒時間寫博客了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"?--> <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" > <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實現答題管理系統這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。