摘要

1 绪论

1.1系统背景

1.2课题背景及目的 2

1.3系统开发技术的特色 3

1.4 springboot框架介绍 3

1.5论文结构与章节安排 4

2 在线雅思学习平台系统分析 5

2.1 可行性分析 5

2.2 系统流程分析 5

2.2.1数据增加流程 5

2.2.2数据修改流程 6

2.2.3数据删除流程 6

2.3 系统功能分析 7

2.3.1 功能性分析 7

2.3.2 非功能性分析 7

2.4 系统用例分析 8

2.5本章小结 8

3   在线雅思学习平台总体设计

3.1 系统架构设计 8

3.2 系统功能模块设计 9

3.2.1整体功能模块设计

3.2.2用户模块设计

3.2.3评论管理模块设计

3.2.4课程购买管理模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结 20

4 在线雅思学习平台详细设计与实现 21

4.1用户功能模块 21

4.1.1 前台首页界面 21

4.1.2 用户登录界面 21

4.1.3学习资讯界面

4.1.4 我的账户界面

4.1.5雅思课程详情界面

4.1.6 购买课程界面

4.2管理员功能模块

4.2.1 登录界面

4.2.2 系统用户界面

4.2.3 公告消息管理界面 32

4.2.4 资源管理界面 34

4.2.5 模块管理界面 35

5系统测试 36

5.1系统测试的目的 36

5.2 系统测试用例 36

5.3 系统测试结果 37

结论 38

参考文献 39

致  谢 40

信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于站在的角度存在偏差，人们经常能够获得不同类型信息，这也是技术最为难以攻克的课题。针对在线雅思学习平台等问题，对在线雅思学习平台进行研究分析，然后开发设计出在线雅思学习平台以解决问题。

在线雅思学习平台主要功能模块包括首页、系统用户管理、公告消息管理、雅思课程、课程购买、课程购换、竞赛报名、竞赛考试、竞赛成绩，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用springboot框架、Java技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对在线雅思学习平台的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现在线雅思学习平台和部署运行使用它。

关键词：springboot技术；MYSQL；在线雅思学习平台

Abstract

In the information society, there is a need for targeted access to information, but the expansion of the access is basically the direction of people's efforts. Because of the deviation in the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Aiming at the online IELTS learning platform and other problems, the online IELTS learning platform is researched and analyzed, and then the online IELTS learning platform is developed and designed to solve the problems.

The main functional modules of the online IELTS learning platform include home page, system user management, announcement message management, IELTS courses, course purchase, course exchange, competition registration, competition examination, and competition results. The object-oriented development mode is adopted for software development and hardware installation, which can well meet the actual use needs, and improve the corresponding software installation and program coding, MySQL is used as the main storage unit of the background data, and the spring boot framework, Java technology and Ajax technology are used to code and develop the business system, realizing all the functions of the system. This report first analyzes the background, role and significance of the research, laying a foundation for the rationality of the research work. This paper analyzes the requirements and technical problems of the online IELTS learning platform, proves the necessity and technical feasibility of the system, and then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the online IELTS learning platform and deploys and runs it.

Keywords: Spring boot technology; MYSQL； Online IELTS learning platform

计算机的迅猛发展，使它在现实生活中的应用也在迅速蔓延。因为工作或其他原因，很多人没有时间和机会到学校接受教育，于是更多的人们开始选择网络教学，随之带来的是对网络教学要求的提高。为了克服传统教学上课时间、地点固定，课程设置不灵活的缺点，网络教学上课时间、地点不固定的优势，成为大家日常学习工作中不可缺少的一部分。它的开发为已工作的人员提供一个再学习的机会，也为解答日常工作中的问题的提供一个场所。 相比之下，传统教学存在很多弊端，如:. 上课时间地点固定、 课程设置不灵活等。

随着人们对知识的需求不断提高，网络应用技术的普及，其使用的方便性和拥有海量信息的优点已广 为人知，并在各个领域并发挥着不可替代的作用。

1.2课题背景及目的

随着时代的进步，我国社会经济水平不断提高，人们生活质量也有了显着提升。为了更好地满足现代社会对人才素质的需求，各大高校都在积极进行教学改革与创新。在线雅思学校平台正是顺应这一潮流而开发出来的新型教学模式，其主要是利用互联网技术以及移动通信技术为基础来开展教学工作的。这种新型教学方式能够有效激发学生的学习兴趣，从而实现高效课堂。它具有非常高的应用价值：可以让教师及时了解最新信息；帮助学生掌握更多知识技能；还能促进师生之间的交流沟通等方面发挥了重要作用。

1.3系统开发技术的特色

（1）在线雅思学习平台中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术，而是使用当前主流的springboot框架，它减少java配置代码，简化编程代码，目前springboot框架也是很多企业选择的框架之一。

（2）在线雅思学习平台中的web后台管理中的前端使用的是JavaScript框架，它配合ajax和jquery可以美化页面设计。

（3）在线雅思学习平台中数据库用的mysql5.7，它执行效率高。

1.4springboot框架介绍

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

1.5论文结构与章节安排

论文将分层次经行编排，除去论文摘要致谢文献参考部分，正文部分还会对网站需求做出分析，以及阐述大体的设计和实现的功能，最后罗列部分调测记录，论文主要架构如下：

第一章：引言。第一章主要介绍了课题的系统背景，系统开发的现状和本文的背景与主要工作。

第二章：系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。

第三章：系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。

第四章：系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。

第五章：系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试

数据修改时的流程和上面介绍的数据增加时的流程差不多，如图2-2所示。

图2-2  数据修改流程图

2.2.3 数据删除流程

如果系统里面存在一些没有用的数据的话，相关的管理人员还可以对这些数据进行删除，图2-3就是数据删除时的流程图。

图2-3  数据删除流程图

按照在线雅思学习平台的角色，我划分为了普通用户管理模块、画师管理模块和管理员管理模块这三大部分。

普通用户管理模块：

（1）用户登录：用户登录在线雅思学习平台；用户对个人信息的增删改查，比如个人资料，密码修改。

（2）查看在线雅思学习平台的首页信息：在线雅思学习平台的首页信息包含了首页、公告消息、学习资讯、雅思课程、竞赛考试、我的（我的收藏、我的账户、个人中心）等。

（3）公告消息：用户在公告消息这一菜单下对用户提交的查看、同时也可以发布、评论。

（4）雅思课程：普通用户可以查看雅思课程，在查询到自己想要了解的雅思课程的时候，可以进入查看详细的介绍，点击“购买课程”这一按钮以后会跳转到购买课程信息填写的界面，根据提示填写好购买课程的信息，点击“提交”以后购买课程就完成了；点击“购换课程”这一按钮以后会跳转到购换课程填写的界面，根据提示填写好购换课程的信息，点击“提交”以后购换课程就完成了，在雅思课程详情这个界面，同时支持用户对喜欢的雅思课程进行收藏、点赞的功能。

（5）学习资讯：用户可以查看学习资讯信息，在查询到自己想要了解的学习资讯的时候，可以进入查看详细的介绍进行评论、点赞、收藏操作。

（6）个人中心：当用户点击右上角“我的”这个按钮，就会进入到对应的后台进行信息的管理了；

（7）我的账户：在前台点击“我的”下面的“我的账户”可以对个人资料+密码修改+自己收藏的信息进行管控。

管理员管理模块：

（2）公告消息管理：当点击“公告消息管理”这一菜单的时候，会出现公告这一个子菜单，可以对这一个模块进行增删改查操作；

（3）系统用户：当点击“系统用户”这一菜单的时候，会出现管理员+普通用户+雅思课程用户三个子菜单，可以对这三个模块进行增删改查操作；

（5）资源管理：当点击“资源管理”这一菜单的时候，会出现学习资讯+资讯分类+雅思题库这三个子菜单，能够对用户在前台提交的学习资讯进行管理，同时对前台展示的学习资讯进行增删改查操作；

（6）模块管理：当点击“模块”这一菜单的时候，会出现雅思课程+课程购买+课程购换+竞赛考试+竞赛报名+竞赛成绩这八子菜单，能够对这八个模块进行增删改查操作；

2.3.2 非功能性分析

在线雅思学习平台的非功能性需求比如 在线雅思学习平台的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

通过2.3功能的分析，得出了本在线雅思学习平台的用例图：

普通用户角色用例如图2-3所示。

本在线雅思学习平台从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

图3-1在线雅思学习平台架构设计图

表现层（UI）：又称UI层，主要完成本在线雅思学习平台的UI交互功能，一个良好的UI可以打打提高用户的用户体验，增强用户使用本在线雅思学习平台时的舒适度。UI的界面设计也要适应不同版本的在线雅思学习平台以及不同尺寸的分辨率，以做到良好的兼容性。UI交互功能要求合理，用户进行交互操作时必须要得到与之相符的交互结果，这就要求表现层要与业务逻辑层进行良好的对接。

业务逻辑层（BLL）：主要完成本在线雅思学习平台的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层，系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

数据层（DL）：由于本在线雅思学习平台的数据是放在服务端的mysql数据库中，因此本属于服务层的部分可以直接整合在业务逻辑层中，所以数据层中只有数据库，其主要完成本在线雅思学习平台的数据存储和管理功能。

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本在线雅思学习平台中的用例。那么接下来就要开始对本在线雅思学习平台的架构、主要功能和数据库开始进行设计。在线雅思学习平台根据前面章节的需求分析得出，其总体设计模块图如图3-2所示。

图3-2在线雅思学习平台功能模块图

本网站的用户包括管理员和注册用户模块。两种用户模块的功能基本是相同的，注册用户模块比管理员多了一个注册功能，所以以用户模块的结构图为例进行分析，如下图：

图3-3用户用户模块结构图

 在线雅思学习平台是一个交流性质的公开网站，用户和用户之间可以对网站上的内容，比如交流中心、资讯等进行点评，增加用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的言论的功能，所以需要专门设计一个评论管理模块，具体的结构图如下：

图3-4评论模块结构图

在线雅思学习平台最重要的一个功能就是购买，其模块功能结构，具体的结构图如下：

图3-5课程购买模块结构图

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

下面是整个在线雅思学习平台中主要的数据库表总E-R实体关系图。

图3-6 在线雅思学习平台总E-R关系图

下面根据在线雅思学习平台的数据库总E-R关系图可以得出在线雅思学习平台需要很多E-R图，在此罗列出来一些主要的数据库E-R模型图。

图3-7普通用户E-R关系图

图3-8竞赛成绩E-R关系图

图3-9竞赛考试E-R关系图

通过前面E-R关系图可以看到项目需要创建很多个数据表。以下是项目中的主要数据库表的关系模型：

3.4本章小结

当进入在线雅思学习平台的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

 在线雅思学习平台中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到在线雅思学习平台的首页中；否则将会提示相应错误信息，用户登录界面如下图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;

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

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

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

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

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

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

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }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.select(groupMap, new HashMap<>()).getResultList();

        if (groupList.size()<1){

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

        }

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

        //查询用户审核状态

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

            String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

            String res = String.valueOf(service.runCountSql(sql).getSingleResult());

            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, "账号或密码不正确");

        }

4.1.3学习资讯界面

当访客点击在线雅思学习平台中导航栏上的“学习资讯”后将会进入到该“学习资讯”列表的界面，然后选择想要看的学习资讯信息，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作，学习资讯界面如下图4-3所示。

图4-3学习资讯界面图

4.1.4 我的账户界面

当用户点击右上角“我的”这个按钮，会出现子菜单，点击“我的账户”可以对个人的资料以及登录系统的密码进行设置，我的账户界面如下图4-5所示。

图4-4我的账户界面图

当访客点击了任意的雅思课程后将会进入该雅思课程的详情界面，可以了解到该雅思课程的课程名称、课程类型、购买金额、购换积分、课程教师、教师姓名等，同时可以对该课程购买进行购买课程+购换课程+收藏+点赞，雅思课程详情展示页面如图4-5所示。

图4-5雅思课程详情界面图

点击导航栏上的“购买课程”，可以选择课程名称、课程时间、教师姓名、封面图片、预约类型、课程类型、课程教师、购买金额，然后点击“提交”按钮进行提交购买课程，购买课程界面如下图4-7所示。

图4-6购买课程界面图

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

   /**

     * 找回密码

     * @param form

     * @return

     */

    @PostMapping("forget_password")

    public Map<String, Object> forgetPassword(@RequestBody User form,HttpServletRequest request) {

        JSONObject ret = new JSONObject();

        String username = form.getUsername();

        String code = form.getCode();

        String password = form.getPassword();

        // 判断条件

        if(code == null || code.length() == 0){

            return error(30000, "验证码不能为空");

        }

        if(username == null || username.length() == 0){

            return error(30000, "用户名不能为空");

        }

        if(password == null || password.length() == 0){

            return error(30000, "密码不能为空");

        }

        // 查询用户

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

        query.put("username",username);

        Query select = service.select(query, service.readConfig(request));

        List list = select.getResultList();

        if (list.size() > 0) {

            User o = (User) list.get(0);

            JSONObject query2 = new JSONObject();

            JSONObject form2 = new JSONObject();

            // 修改用户密码

            query2.put("user_id",o.getUserId());

            form2.put("password",service.encryption(password));

            service.update(query, service.readConfig(request), form2);

            return success(1);

        }

        return error(70000,"用户不存在");

}

4.2.2系统用户界面

管理员可以对系统中所有的用户角色进行管控，包含了管理员、普通用户以及教师用户这三种角色，如果需要添加新的用户，点击页面中的“添加”按钮根据提示输入上用户信息，点击“提交”以后在对应的用户界面就可以查看到了，可以点击用户后面的“删除”按钮直接删除某一用户，这里以教师用户为例。界面如下图4-8所示。

图4-8系统用户界面图

系统用户关键代码如下所示。

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