重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

如何用SSM+maven实现答题管理系统

这篇文章主要讲解了“如何用SSM+maven实现答题管理系统”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何用SSM+maven实现答题管理系统”吧!

创新互联公司-专业网站定制、快速模板网站建设、高性价比水城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式水城网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖水城地区。费用合理售后完善,十载实体公司更值得信赖。

最近项目比较忙,然后又生病了,都没时间写博客了QAQ。这次我带来了SSM框架搭建的一个答题管理系统,之前我用的tp框架构建的答题管理系统,这次我用SSM框架重构了一下 如何用SSM+maven实现答题管理系统

##1.前期准备 SSM架构的相关知识(Spring+Springmvc+mybatis) IDEA/eclipse/myeclipse编译器 layui文档的bang助:layui开发使用文档 默认的maven配置 Navicat/MySQL workbench等数据库可视化管理工具

使用IDEA创建maven项目

##2.架构设计(mvc) 如何用SSM+maven实现答题管理系统

首先将resources包设置为Resource Root 将webapp包设置为Web项目目录

指定Web目录: 如何用SSM+maven实现答题管理系统

指定Spring配置文件目录: 如何用SSM+maven实现答题管理系统

model层采用mybatis进行持久化处理 mybatis generator插件进行逆向工程, 以下说明几个配置文件: applicationContext:Springmvc配置文件




    
    

    
    


    


applicationContext-datasource.xml:数据库连接池配置文件




    

    
        
        
        
            
                classpath:datasource.properties
            
        
        
    



    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

        
        
        
        
        
        
    

    
        
        

        
        
            
                
                    
                        
                            dialect=mysql
                        
                    
                
            
        

    

    
        
    

    
    
    
    
        
        
        
    


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逆向工程时的配置文件





    
    
    
    
    


    

    
    

    

        
        
            
            
        

        
        
        


        
        
            
        


        
        
            
            
            
            
            
            
            
            
        

        
        
            
        

        

        
        
            
            
        

        
        

        
        
        
        
        
        
        
        
    

然后controller包下对应控制器 dao包下是逆向生成的DAO数据层 pojo包下是逆向生成的实体类 service是我们写的业务层 util是我们的工具类

如何用SSM+maven实现答题管理系统

最后的最后,我们数据库设计: ####既然是答题管理系统。 ####一套题(即一个模板)(model表)对应多个题目(qsn表) ####一个题目(qsn表)对应多个答案(detail表)

然后Navicat表设计如下: model表:(t_gr_是前缀 rmkX是备用字段都不用管) 如何用SSM+maven实现答题管理系统

qsn表:(这里我没有设置外键 实际上qsn表的model_id应该设置外键) 如何用SSM+maven实现答题管理系统

detail表:(同上) 如何用SSM+maven实现答题管理系统

好了 说了那么多 终于做好所有的准备了,可以正式进入我们的开发了。

##3.本章目标 ###与thinkphp实现答题管理系统对应,我们依旧先实现model表(答题模板的增加功能模块的实现)

##4.View层实现(Jquery+layui)

首先是添加模板的View层实现。

如何用SSM+maven实现答题管理系统

引用了layui的按钮组样式 id为btn-add的按钮 即为添加模板按钮 如何用SSM+maven实现答题管理系统

点击添加模板 我们用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: "添加模板"
                });
            });

如下

如何用SSM+maven实现答题管理系统

input框有三个,分别对应数据库的create_name,time,name。

 
    
        
            
                创建人名字
                
                    
                
            
                             创建时间                                                       
                                          模板名称                                                                                                                       立即添加                     重置                                            

然后,我们数据点击立即添加按钮,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 returnJson(int code,String msg){
        Map map=new HashMap();
        map.put("code",code);
        map.put("msg",msg);
        return map;
    }

    public Map returnJson(int code, String msg, List data){
        Map map=new HashMap();
        map.put("code",code);
        map.put("msg",msg);
        map.put("data",data);
        return map;
    }

    public Map 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 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 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 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实现答题管理系统
浏览路径:http://cqcxhl.com/article/pjeceh.html