(附源代码）基于 SSM 的在线培训管理系统的设计与实施 毕业设计 19586

4 线上培训管理系统详细设计与实现

 线上培训管理系统的详细设计与实现主要是根据前面的线上培训管理系统的需求分析和线上培训管理系统的总体设计来设计页面并实现业务逻辑。主要从线上培训管理系统 界面实现、业务逻辑实现这两部分进行介绍。

4.1用户功能模块

4.1.1 前台首页界面

当进入线上培训管理系统的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.2用户登录界面

 线上培训管理系统中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到线上培训管理系统的首页中；否则将会提示相应错误信息，用户登录界面如下图4-2所示。

图4-2用户登录界面图

登录关键代码如下所示。

 /**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String， Object> login(@RequestBody Map<String， String> data， HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        QueryWrapper wrapper = new QueryWrapper<User>();

        Map<String， String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username"， username);

            resultList = service.selectBaseList(service.select(map， new HashMap<>()));

        }

        else if(email != null && "".equals(email) == false){

            map.put("email"， email);

            resultList = service.selectBaseList(service.select(map， new HashMap<>()));

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone"， phone);

            resultList = service.selectBaseList(service.select(map， new HashMap<>()));

        }else{

            return error(30000， "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000， "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000，"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String， String> groupMap = new HashMap<>();

        groupMap.put("name"，byUsername.getUserGroup());

        List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap， new HashMap<>()));

        if (groupList.size()<1){

            return error(30000，"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String res = service.selectExamineState(userGroup.getSourceTable()，byUsername.getUserId());

            if (res==null){

                return error(30000，"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000，"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000，"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-"， ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token"， accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj"，user);

            return success(ret);

        } else {

            return error(30000， "账号或密码不正确");

        }

}

    public String select(Map<String，String> query，Map<String，String> config){

        StringBuffer sql = new StringBuffer("select ");

        sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

        sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query， "0".equals(config.get(FindConfig.LIKE))));

        if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

            sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

        }

        if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

            sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

        }

        if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

            int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

            int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

            sql.append(" limit ").append( (page-1)*limit ).append(" ， ").append(limit);

        }

        log.info("[{}] - 查询操作，sql: {}"，table，sql);

        return sql.toString();

}

    public List selectBaseList(String select) {

        List<Map<String，Object>> mapList = baseMapper.selectBaseList(select);

        List<E> list = new ArrayList<>();

        for (Map<String，Object> map:mapList) {

            list.add(JSON.parseObject(JSON.toJSONString(map)，eClass));

        }

        return list;

}

4.1.3注册界面

线上培训管理系统的用户可以进行注册登录，当用户左上角“注册”按钮的时候，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号，选择身份，然后填写身份信息后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可注册成功。其用注册界面展示如下图4-2所示。

图4-3注册界面图

注册关键代码如下所示。

/**

     * 注册

     * @return

     */

    @PostMapping("register")

    public Map<String， Object> signUp(HttpServletRequest request) throws IOException {

        // 查询用户

        Map<String， String> query = new HashMap<>();

        Map<String，Object> map = service.readBody(request.getReader());

        query.put("username"，String.valueOf(map.get("username")));

        List list = service.selectBaseList(service.select(query， new HashMap<>()));

        if (list.size()>0){

            return error(30000， "用户已存在");

        }

        map.put("password"，service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

}

    public Map<String，Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json， Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

    }

    public void insert(Map<String，Object> body){

        E entity = JSON.parseObject(JSON.toJSONString(body)，eClass);

        baseMapper.insert(entity);

        log.info("[{}] - 插入操作：{}"，entity);

}

4.1.4 密码修改界面

用户使用该线上培训管理系统注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面。密码修改界面如下图4-4所示。

图4-4密码修改界面图

4.1.5新闻资讯界面

当访客点击线上培训管理系统中导航栏上的“新闻资讯”后将会进入到该“新闻资讯”列表的界面，然后选择想要看的新闻资讯，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作，新闻资讯界面如下图4-5所示。

图4-5新闻资讯界面图

4.1.6课程详情界面

用户可以查看课程信息，在查询到自己想要了解的课程信息的时候，可以进入查看详细的介绍，点击“加入课程”这一按钮以后会跳转到加入课程信息填写的界面，根据提示填写好加入课程的信息，在课程信息详情这个界面，同时支持用户对喜欢的课程信息进行收藏、点赞、评论的功能，课程详情展示页面如图4-6所示。

图4-6课程详情界面图

4.2管理员功能模块

4.2.1登录界面

管理员在登录界面输入账号+密码，点击“登录”按钮，系统在用户数据库表中会对管理员，学生用户以及教师用户的账号进行匹配，账号+密码正确的话，就会登录到系统中各个用户的主管理界面，否则提示对应的信息，返回到登录的界面，如果管理人员忘记密码的话，点击“忘记密码”根据提示可以找回密码，然后再进行登录其主界面展示如下图4-7所示。

图4-7登录界面图

4.2.2系统用户管理界面

线上培训管理系统中的管理员在“系统用户”这一菜单是中可以对注册的学生用户、教师用户以及管理员人员进行管控。界面如下图4-8所示。

图4-8系统用户管理界面图

系统用户管理代码如下所示。

 @PostMapping("/add")

    @Transactional

    public Map<String， Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String， Object> addMap(Map<String，Object> map){

        service.insert(map);

        return success(1);

}

4.2.3轮播图管理界面

轮播图管理是对轮播图的设置，只有管理员权限才能进行更新维护。界面如下图4-9所示。

图4-9轮播图管理界面图

轮播图管理关键代码如下所示。

 @RequestMapping("/get_obj")

    public Map<String， Object> obj(HttpServletRequest request) {

        List resultList = service.selectBaseList(service.select(service.readQuery(request)， service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj"，resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

}

4.2.4课程信息管理界面

点击“课程信息”按钮会显示自己添加的课程信息，如果想要添加新的课程信息，点击“添加”按钮根据提示输入课程信息，点击“提交”后在课程信息界面就可以显示了，如果信息有错可以对课程信息进行更新维护，也可以直接删除某一课程信息，也可以对用户提交的课程信息评论/加入课程的信息进行管控。界面如下图4-11所示。

图4-11课程信息界面图

课程信息管理代码如下所示。

  @RequestMapping(value = "/del")

    @Transactional

    public Map<String， Object> del(HttpServletRequest request) {

        service.delete(service.readQuery(request)， service.readConfig(request));

        return success(1);

}

4.2.5课程作业管理界面

点击“课程作业”按钮会显示自己添加的课程作业，如果想要添加新的课程作业，点击“添加”按钮根据提示输入课程作业，点击“提交”后在课程作业界面就可以显示了，如果信息有错可以对课程作业进行更新维护，也可以直接删除某一课程作业，界面如下图4-12所示。

图4-12课程作业管理界面图

4.2.6加入课程管理界面

管理员点击“加入课程”会显示出所有的加入课程信息，支持输入课程编号或者课程名称对加入课程信息进行查询，如果想要添加新的加入课程信息，点击“添加”按钮，输入相关信息，点击“提交”按钮就可以添加了，同时可以选择某一条加入课程信息，点击“删除”进行删除，也可以点击后面的“课程作业”按钮对加入课程的课程作业信息进行维护。界面如下图4-13所示。

图4-13 加入课程管理界面图

5系统测试

5.1系统测试的目的

系统开发到了最后一个阶段那就是系统测试，系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美，再厉害的系统开发工程师也会在系统开发的时候出现纰漏，系统测试能够较好的改正一些bug，为后期系统的维护性提供很好的支持。通过系统测试，开发人员也可以建立自己对系统的信心，为后期的系统版本的跟新提供支持。

5.2 系统测试用例

系统测试包括：用户登录功能测试、课程信息展示功能测试、课程信息添加、课程信息搜索、密码修改功能测试，如表5-1、5-2、5-3、5-4、5-5所示：

用户登录功能测试：

表5-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

课程信息查看功能测试：

表5-2 课程信息查看功能测试表

用例名称	课程信息查看
目的	测试课程信息查看功能
前提	用户登录
测试流程	点击课程信息列表
预期结果	可以查看到所有课程信息
实际结果	实际结果与预期结果一致

管理员添加课程信息界面测试：

表5-3 管理员添加课程信息界面测试表

用例名称	课程信息发布测试用例
目的	测试课程信息发布功能
前提	用户正常登录情况下
测试流程	1）点击课程信息管理就，然后点击添加后并填写信息。 2）点击进行提交。
预期结果	提交以后，页面首页会显示新的课程信息
实际结果	实际结果与预期结果一致

课程信息搜索功能测试：

表5-4课程信息搜索功能测试表

用例名称	课程信息搜索测试
目的	测试课程信息搜索功能
前提	无
测试流程	1）在搜索框填入搜索关键字。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字的课程信息
实际结果	实际结果与预期结果一致

密码修改功能测试：

表5-5 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

5.3 系统测试结果

通过编写线上培训管理系统的测试用例，已经检测完毕用户登录模块、课程信息查看模块、课程信息添加模块、课程信息搜索模块、密码修改功能测试，通过这5大模块为线上培训管理系统的后期推广运营提供了强力的技术支撑。