65.少儿英语微信小程序

Java语言的发展距今已有二十多年的历史，Java在众多编程开发语言中依然稳居排名前三，这离不开Java技术体系的众多开发优势，相对比于其他编程开发语言而言，Java语言的入门使用非常简单，Java集成了丰富的类库和封装类，能够使开发者非常方便调用，拥有强大的技术基础作为支撑，非常适合大型软件的开发。由于Java语言是一门面向对象的编程语言，因此程序员只需要掌握基本的语法规则和清晰的编程思路便可以较好地开发应用程序。除此之外，由于Java语言具有跨平台和可移植性强的开发优点，因此可以在Android的应用程序开发中发挥其重要作用。在大型的软件项目开发中应用Java技术较为广泛，能够为企业项目需求提供成熟的解决方案。

常用的计算机程序编程语言有Java语言、Python语言、C语言以及C++语言。由于Java语言具有成熟的技术架构以及较为广泛的应用范围，因此深得编程人员的喜爱。

Java语言提供了try-catch异常处理、垃圾自动回收、内存动态分配等强大功能机制，Java语言具备简单性、健壮性、可移植性、多线程等优点，Java语言的强大特性能够降低软件后期的维护成本以及有效缩短软件研发周期，节省了企业的软件开发成本。本研究的案例项目正是以成熟的Java编程语言为基础的项目开发语言。

2. 2 springboot框架

Spring Boot是由Pivotal团队提供的轻量级框架，其"开箱即用"及"约定优于配置"的策略可以使开发者全身心地投入到业务逻辑代码的编写中，极大地提高了软件开发项目的效率。相比于Spring框架而言，Spring Boot框架更加能够节省程序员配置XML的时间，Spring Boot项目允许开发者使用它的所有模块和开发功能，此外， Spring Boot内置了服务器，简化了开发者启用服务器的整体流程，Spring Boot还可以自动适配不同类型的数据库以满足用户快速连接后台数据库管理的需求，这极大地方便了用户快速搭建应用程序的实现过程。 2014年4月，Spring Boot 1.0.0发布，截至2022年2月，发布的Spring Boot版本为Spring Boot 3.0.0-M1。在系统的设计与开发中，为了能够快速搭建软件后台服务的开发环境，从技术实现的难度以及平台开发的成本两个方面考虑，Spring Boot框架能够使开发者更关注平台功能的业务逻辑代码实现，可采用Spring Boot框架搭建系统为前端提供数据服务。因此，本案例项目后台开发选择Spring Boot框架。

2.3 IDEA介绍

IDEA全称IntelliJ IDEA，是java计算机语言开发的集成环境。IntelliJ是业内认可的较好的java开发专用工具，尤其是它在智能化代码小助手、代码全自动提醒、构建、J2EE适用及其各种各样版本号专用工具（git、svn等）层面的作用、JUnit、CVS集成、代码剖析、自主创新的GUI设计。IDEA是总公司坐落于捷克布拉格的JetBrains企业的商品。它的开发者主要是以认真细致而出名的东欧其他国家程序员。其旗舰型还适用HTML、CSS、PHP、MySQL、Python等。

2.4 B/S 架构

本系统采用的是B/S架构，在这种架构下，系统的操作页面在网络上去显示，操作页面提交操作信息给到代码逻辑三层结构架构如图2-1所示：

图2-1 三层结构架构工作原理

2. 5 MySQL数据库介绍

MySql作为瑞典公司MySql AB开发的中小型开源数据库智能管理系统，具备配备低、低成本、运作速度更快的优势。与此同时，因为社区版的开源系统性，变成了许多网址减少开发成本费的最佳选择。被甲骨文回收后，MySQL也发布了商业版。另外Mysql具有以下特性：

（1）使用C和C++编写，并使用了多种编译器进行测试，保证源代码的可移植性。

（2）为C、C++、Eiffel、Java、Perl、PHP、Python、Ruby和Tcl等多种编程语言提供了API。

（3）采用多线程并行的方法提高了CPU的利用率。

（4）改善算法，有效地提高查询速度。

2. 6 小程序开发工具

小程序开发工具是专为微信小程序及其他平台小程序开发而设计的集成化环境，旨在帮助开发者高效地完成小程序的编码、调试、测试以及发布等一系列开发流程。这类工具通常提供了代码编辑器、实时预览、模拟器、调试器、性能监测和项目管理等功能，使得开发者可以在单一环境中完成从项目创建到上线的全过程。代码编辑器支持多种语言，如 JavaScript、CSS 和 XML，同时提供自动补全、语法高亮和代码格式化等便利功能，以提高编码效率。实时预览和模拟器让开发者能够在本地模拟小程序运行环境，直观看到修改效果，而不必每次都要在手机上进行测试。调试器则允许开发者检查和控制代码执行过程，便于发现和修复程序中的错误。性能监测工具可以帮助开发者了解小程序运行时的性能状况，优化用户体验。随着小程序生态的不断壮大，市面上出现了多个小程序开发工具，如微信官方的微信开发者工具、阿里的支付宝小程序IDE、字节跳动的抖音小程序开发者工具等，它们在功能上各有侧重，以满足不同平台开发者的需求。总的来说，小程序开发工具的出现极大地降低了小程序开发的门槛，提升了开发效率，促进了小程序生态的繁荣发展。

3系统分析

3.1整体分析

系统的分析主要分为两种，一种是需求分析，需求分析的意义在于能更快地把这个系统的架构逻辑都整理分析清楚，另一种是功能分析，功能分析的意义在于分析如何更快地处理整个系统的细节部分。

该系统的设计与实现主要是为了解决当前英语口语管理繁杂的问题，实现高效率的规范化管理。本系统的设计实现不仅要满足当前的需要，还需具备良好的可发展性以满足未来发展的需要。

本系统通过分模块设计，主要实现用户、分类、听力信息、单词信息、课程分类、口语课程、商品信息、课程订阅、积分兑换、英语交流、系统管理、个人资料等功能的一体化管理。该系统属于B/S结构，简单易上手，只需体验几次，用户就可以很熟练地使用各种功能。

3.2功能需求分析

英语口语小程序是现如今信息交流中一个重要的组成部分，本文将从英语口语管理的需求和现状进行分析，使得本系统的设计实现具有可使用的价值。做出一个实用性好的英语口语小程序，使其能满足用户的需求，并可以让用户更方便快捷地实现英语口语信息。英语口语小程序的设计开发，目的主要是为了简化英语口语信息的管理，使管理员更好地完成工作，在工作中实现高效快捷的管理效率。

本文从英语口语管理的实际需要出发，为降低系统的耦合性，采用SPRING BOOT框架集完成了系统总体架构的设计，以提高系统的重用性、可适用性及可维护性。

系统包括管理员和用户两个角色；

管理员用例如下所示：

图3-1 管理员用例图

用户用例如下所示：

图3-2用户用例图

3.3系统可行性分析

3.3.1技术可行性

技术可行性研究通过是否，在于对目前技术和硬件设备的剖析。系统软件开发应用的计算机语种是Java。Java语言从问世到现在不断强化，已经十分完善。运用覆盖面广，合乎开发必须。应用MySQL数据库作为数据储存，十分具有安全性，对配备规定低。这是一个经常使用的数据库。前端采用Java技术，就可以进行开发设计，让平台页面看上去又漂亮又大方，还方便维护。最终，开发环境是IDEA，因为其中包含框架和函数等等，可以立即应用。因此在技术方面是可行的。

3.3.2经济可行性

经济发展的可行性分析要从开发商的经济发展能力和用户必需的成本费2个层面来剖析。为了更好地减少项目成本，系统软件应用IDEA作为开源版本。数据库查询是开源MySQL数据库和配置好操作系统的电子计算机。用户通常挑选Tomcat 7.0作为系统软件所处的网络服务器，而电脑浏览器应用出色的IE、火狐和Google更全方位地展现CSS网页页面，进而推动系统升级维护保养，控制成本。如此看来，出于经济层面的考虑，进行开发没有阻碍。

3.3.3操作可行性

本英语口语小程序选用B/S构造，用户不用安装其他软件就可以轻轻松松掌握和娴熟应用。与此同时，因为系统是基于Web的，可以实现客户端的请求和服务器的端口组件，解决数据库文件的数据并回到结论。为了更好地组建和储存数据，数据库可以确保数据的一致性。一旦对数据开展操作，工作会越来越更简易，工作量也会降低。全部操作都由系统自身操纵。该系统大大减少了有关工作人员的工作量，也更便捷地让工作人员掌握具体操作全过程。既加速了工作效率，又下降了错误率。在操作上是可行的。

经过总结，该系统在经济、技术和操作方面都符合要求，并且是具有可行性的。

3.4系统流程分析

3.4.1操作流程

首先为系统登录页面。进入页面后，用户可进行登录和注册的操作。点击登录后，页面就会出现一个登录提示框，向用户传达信息：要进行用户名和密码的输入，完成后才可以进行下一步的操作。用户输入完成后，系统会将输入的信息提交给后台，与数据库中的信息记录进行比较判断。判断比较内容主要分为三个方面：从用户名是否为空、输入的密码是否为空、用户名和密码是否匹配三方面进行判断。只有上述三个条件同时满足，数据库中的信息匹配正确，才视为登录成功，方可完成后续的操作。若以上三种情况有一条不满足，则会提示该次登录错误，就需要进行重新登录。系统登录流程图如图3-3所示：

图3-3登录流程图

3.4.2添加信息流程

然后是添加信息的页面。进入该页面后，页面会出现一个提示框，示意操作者可以进行信息的添加，从而进行下一步的操作。用户输入想要添加的信息后提交，系统会对输入的内容进行检测。如果检测后输入的信息正确，则会出现"添加成功"的提示框，从而可以进行下一步操作；如果系统检测后检测到想要添加的信息不符合规范要求，则会提示报错，需要进行修改后重新添加。添加信息流程图如图3-4所示：

图3-4添加信息流程图

3.4.3删除信息流程

最后为删除信息页面。进入该页面后，用户可以对所要删除的信息进行选择，选择好删除的内容后，会有一个"是否确认删除"的提示框，操作者可以根据自己的意愿来选择"是"或"否"。完成上述操作，系统会自动地对删除的内容进行判断，如果符合删除要求则会成功删除数据记录，并且更新数据库的内容信息；如果删除的数据记录不符合要求，则会有一个"删除失败"的提示框，操作人员需要根据提示来进行修改，修改完成后重新删除。删除信息流程图如图3-5所示：

图3-5删除信息流程图

4 系统设计

4.1系统总功能结构设计

系统按照用户的实际需求开发而来，贴近生活。管理员通过正确的账号和密码进入系统，可以使用相关的系统应用。管理员总体负责整体系统的运行维护，统筹协调。

系统整体模块设计：系统分为管理员和用户两大角色，系统管理员有最大的权限，总体功能展示如图4-1所示。

图4-1系统总体功能图

4.2数据库设计

数据库设计（Database Design）是针对特定的数据库管理体系，针对特定的数据库进行结构和构建的流程。

在信息系统的开发与推荐中，数据库的设计是实现数据库与应用的关键技术。因为数据库应用系统的复杂性，使得数据库的开发工作非常复杂，所以优化的设计不是一朝一夕就可以完成的，而是一个"循序渐进"的过程，即将数据库中的数据目标和它们的相互关系进行计划和组织。

E-R图即实体-联系图，主要作用是提供了解显示数据类型存在的联系的途径，是藐视现实世界的概念模型，其关键要素是实体型、属性、联系。在系统中将对"用户、分类、听力信息、单词信息、课程分类、口语课程、商品信息、课程订阅、积分兑换、英语交流、系统管理、个人资料"等作为实体，本系统的主要功能实体图如下图所示：

图4-2局部E-R图

4.3数据表

把按照数据库理念建立的E-R图，转换为国际关系信息库。在关联数据库中，统计关联主要由统计表所构成，但是表的构成主要体现在表格的数文字段上。如下表所示。

表4-1：单词信息

|------------|-----------|------------|--------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| danci | varchar | 200 | 单词 | | |
| dengji | varchar | 200 | 等级 | | |
| tupian | longtext | 4294967295 | 图片 | | |
| zimu | varchar | 200 | 字母 | | |
| yinbiao | varchar | 200 | 音标 | | |
| yinpin | longtext | 4294967295 | 音频 | | |
| xiangqing | longtext | 4294967295 | 详情 | | |
| faburiqi | date | | 发布日期 | | |
| clicktime | datetime | | 最近点击时间 | | |
| clicknum | int | | 点击次数 | | 0 |
| storeupnum | int | | 收藏数 | | 0 |

表4-2：token表

|---------------|-----------|-----|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| userid | bigint | | 用户id | | |
| username | varchar | 100 | 用户名 | | |
| tablename | varchar | 100 | 表名 | | |
| role | varchar | 100 | 角色 | | |
| token | varchar | 200 | 密码 | | |
| addtime | timestamp | | 新增时间 | | CURRENT_TIMESTAMP |
| expiratedtime | timestamp | | 过期时间 | | CURRENT_TIMESTAMP |

表4-3：收藏表

|-----------|-----------|------------|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| userid | bigint | | 用户id | | |
| refid | bigint | | 商品id | | |
| tablename | varchar | 200 | 表名 | | |
| name | varchar | 200 | 名称 | | |
| picture | longtext | 4294967295 | 图片 | | |
| type | varchar | 200 | 类型 | | 1 |
| inteltype | varchar | 200 | 推荐类型 | | |
| remark | varchar | 200 | 备注 | | |

表4-4：配置文件

|-------|---------|-----|--------|----|-----|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| name | varchar | 100 | 配置参数名称 | | |
| value | varchar | 100 | 配置参数值 | | |
| url | varchar | 500 | url | | |

表4-5：听力信息

|---------------|-----------|------------|--------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| biaoti | varchar | 200 | 标题 | | |
| fengmian | longtext | 4294967295 | 封面 | | |
| fenlei | varchar | 200 | 分类 | | |
| shizhang | varchar | 200 | 时长 | | |
| yinpin | longtext | 4294967295 | 音频 | | |
| nanyichengdu | varchar | 200 | 难易程度 | | |
| tinglineirong | longtext | 4294967295 | 听力内容 | | |
| clicktime | datetime | | 最近点击时间 | | |
| clicknum | int | | 点击次数 | | 0 |
| storeupnum | int | | 收藏数 | | 0 |

表4-6：商品信息

|-------------------|-----------|------------|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| shangpinbianhao | varchar | 200 | 商品编号 | | |
| shangpinmingcheng | varchar | 200 | 商品名称 | | |
| shangpintupian | longtext | 4294967295 | 商品图片 | | |
| duihuanjifen | double | | 兑换积分 | | |
| shangpinshuliang | int | | 商品数量 | | |
| faburiqi | date | | 发布日期 | | |
| shangpinxiangqing | longtext | 4294967295 | 商品详情 | | |
| storeupnum | int | | 收藏数 | | 0 |

表4-7：关于我们

|----------|-----------|------------|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| title | varchar | 200 | 标题 | | |
| subtitle | varchar | 200 | 副标题 | | |
| content | longtext | 4294967295 | 内容 | | |
| picture1 | longtext | 4294967295 | 图片1 | | |
| picture2 | longtext | 4294967295 | 图片2 | | |
| picture3 | longtext | 4294967295 | 图片3 | | |

表4-8：英语资讯分类

|----------|-----------|-----|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| typename | varchar | 200 | 分类名称 | | |

表4-9：英语资讯

|--------------|-----------|------------|--------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| title | varchar | 200 | 标题 | | |
| introduction | longtext | 4294967295 | 简介 | | |
| typename | varchar | 200 | 分类名称 | | |
| name | varchar | 200 | 发布人 | | |
| headportrait | longtext | 4294967295 | 头像 | | |
| clicknum | int | | 点击次数 | | 0 |
| clicktime | datetime | | 最近点击时间 | | |
| thumbsupnum | int | | 赞 | | 0 |
| crazilynum | int | | 踩 | | 0 |
| storeupnum | int | | 收藏数 | | 0 |
| picture | longtext | 4294967295 | 图片 | | |
| content | longtext | 4294967295 | 内容 | | |

表4-10：口语课程

|------------------|-----------|------------|--------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| kechengbianhao | varchar | 200 | 课程编号 | | |
| kechengmingcheng | varchar | 200 | 课程名称 | | |
| kechengfenlei | varchar | 200 | 课程分类 | | |
| kechengfengmian | longtext | 4294967295 | 课程封面 | | |
| kechengjiage | double | | 课程价格 | | |
| jifen | double | | 订阅积分 | | |
| fabushijian | date | | 发布时间 | | |
| kechengxiangqing | longtext | 4294967295 | 课程详情 | | |
| clicktime | datetime | | 最近点击时间 | | |
| clicknum | int | | 点击次数 | | 0 |
| storeupnum | int | | 收藏数 | | 0 |

表4-11：课程分类

|---------------|-----------|-----|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| kechengfenlei | varchar | 200 | 课程分类 | | |

表4-12：课程订阅

|------------------|-----------|------------|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| dingyuebianhao | varchar | 200 | 订阅编号 | | |
| kechengmingcheng | varchar | 200 | 课程名称 | | |
| kechengfenlei | varchar | 200 | 课程分类 | | |
| kechengfengmian | longtext | 4294967295 | 课程封面 | | |
| kechengjiage | double | | 课程价格 | | |
| jifen | double | | 积分 | | |
| dingyueshijian | date | | 订阅时间 | | |
| yonghuzhanghao | varchar | 200 | 用户账号 | | |
| yonghuxingming | varchar | 200 | 用户姓名 | | |
| beizhu | longtext | 4294967295 | 备注 | | |
| ispay | varchar | 200 | 是否支付 | | 未支付 |

表4-13：积分兑换

|-------------------|-----------|------------|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| duihuanbianhao | varchar | 200 | 兑换编号 | | |
| shangpinmingcheng | varchar | 200 | 商品名称 | | |
| shangpintupian | longtext | 4294967295 | 商品图片 | | |
| duihuanjifen | int | | 兑换积分 | | |
| duihuanshuliang | int | | 商品数量 | | |
| jifen | double | | 使用积分 | | |
| yonghujifen | double | | 用户积分 | | |
| yonghuzhanghao | varchar | 200 | 用户账号 | | |
| yonghuxingming | varchar | 200 | 用户姓名 | | |
| duihuanshijian | date | | 兑换时间 | | |

表4-14：英语交流

|-----------|-----------|------------|-------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| title | varchar | 200 | 帖子标题 | | |
| content | longtext | 4294967295 | 帖子内容 | | |
| parentid | bigint | | 父节点id | | |
| userid | bigint | | 用户id | | |
| username | varchar | 200 | 用户名 | | |
| avatarurl | longtext | 4294967295 | 头像 | | |
| isdone | varchar | 200 | 状态 | | |
| istop | int | | 是否置顶 | | 0 |
| toptime | datetime | | 置顶时间 | | |

表4-15：用户

|----------------|-----------|------------|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| yonghuzhanghao | varchar | 200 | 用户账号 | | |
| mima | varchar | 200 | 密码 | | |
| yonghuxingming | varchar | 200 | 用户姓名 | | |
| xingbie | varchar | 200 | 性别 | | |
| lianxifangshi | varchar | 200 | 联系方式 | | |
| touxiang | longtext | 4294967295 | 头像 | | |
| jifen | double | | 积分 | | |

表4-16：分类

|---------|-----------|-----|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| addtime | timestamp | | 创建时间 | | CURRENT_TIMESTAMP |
| fenlei | varchar | 200 | 分类 | | |

表4-17：用户表

|----------|-----------|-----|------|----|-------------------|
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | | 主键 | 主键 | |
| username | varchar | 100 | 用户名 | | |
| password | varchar | 100 | 密码 | | |
| image | varchar | 200 | 头像 | | |
| role | varchar | 100 | 角色 | | 管理员 |
| addtime | timestamp | | 新增时间 | | CURRENT_TIMESTAMP |

表4-18：系统简介

5 系统详情设计

5.1小程序前台功能实现

在登录流程中，用户首先在Uni前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端会返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。登录界面如图5-1所示。

图5-1 登录界面

在注册流程中，用户在Uni前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储，注册界面如图5-2所示。

图5-2 注册界面

5.1.1 小程序首页页面

小程序首页是用户注册登录后进入的第一个界面，用户可通过小程序端首页导航栏进入到相应的网页查看信息展示信息进行详情操作。小程序首页界面如图5-3所示。

图5-3 小程序首页界面

5.1.2 "我的"界面

我的：点击"我的"进入我的页面，在我的页面可以对课程订阅、积分兑换、我的收藏、我的发帖、修改密码等进行详情操作，如图5-4所示。

图5-4"我的"界面

5. 2 后台管理员模块实现

在登录流程中，用户首先在UNI前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端会返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。后台登录界面如图5-5所示：

图5-5后台登录界面

管理员进入主页面，主要功能包括对用户、分类、听力信息、单词信息、课程分类、口语课程、商品信息、课程订阅、积分兑换、英语交流、系统管理、个人资料等进行操作。管理员主界面如图5-6所示：

图5-6管理员主界面

用户功能在视图层（view层）进行交互，比如点击"搜索、新增、删除或用户统计用户"按钮或填写用户表单。这些用户表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如详情用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户功能可以看到最新的信息或相应的操作反馈。如图5-7所示：

图5-7用户界面

听力信息功能在视图层（view层）进行交互，比如点击"搜索、新增或删除听力信息"按钮或填写听力信息表单。这些听力信息表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如查看、修改或删除听力信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便听力信息功能可以看到最新的信息或相应的操作反馈。如图5-8所示：

图5-8听力信息界面

单词信息功能在视图层（view层）进行交互，比如点击"搜索、新增或删除单词信息"按钮或填写单词信息表单。这些单词信息表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如查看、修改或删除单词信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便单词信息功能可以看到最新的信息或相应的操作反馈。如图5-9所示：

图5-9单词信息界面

口语课程功能在视图层（view层）进行交互，比如点击"搜索、新增、删除、课程分类统计、课程价格统计或课程订阅积分统计口语课程"按钮或填写口语课程表单。这些口语课程表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如查看、修改或删除口语课程，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便口语课程功能可以看到最新的信息或相应的操作反馈。如图5-10所示：

图5-10口语课程界面

商品信息功能在视图层（view层）进行交互，比如点击"搜索、新增或删除商品信息"按钮或填写商品信息表单。这些商品信息表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如查看、修改或删除商品信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便商品信息功能可以看到最新的信息或相应的操作反馈。如图5-11所示：

图5-11商品信息界面

系统管理功能在视图层（view层）进行交互，比如点击"搜索、新增或删除英语资讯分类"按钮或填写英语资讯分类表单。这些英语资讯分类动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如查看、修改或删除英语资讯分类，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便英语资讯分类功能可以看到最新的信息或相应的操作反馈。如图5-12所示：还可以对轮播图管理、英语资讯、关于我们、系统简介进行操作。

图5-12系统管理界面

6 系统测试

系统测试的好坏直接影响到软件的生存期，一个健全的测试流程可以确保系统的生命期。此章关键详情介绍实际操作条件和检测。

6 .1运行环境

6.1.1软件平台

（1）所用开发工具：IDEA+MySQL数据库；

（2）服务器系统：Windows 10操作系统；

（3）客户端系统：Windows 10 操作系统。

6.1.2硬件平台

英语口语小程序硬件环境需求并不是非常苛刻，服务器端和用户端都不需要太高的配置。目前主流的硬件配置足够满足运行条件。项目的体积不大，所需资源不多，推荐配置为，CPU达到1Ghz，内存达到2GB，磁盘空间达到500G，便可以流畅运行。

6 .2测试过程

6.2.1界面测试

在开发期间对前端界面主要进行以下几方面的测试：

(1）网页页面的合理布局，及其背景色表明是不是恰当，感观是不是简约美观，是不是符合规定，实际操作是不是便捷；

(2）在不一样电脑浏览器上的展现是不是正常的、美观的；

(3）放缩、挪动、更新对话框时表明是不是正常的；

(4）网页页面中的连接部位方式是不是有利于客户搜索和了解。

系统前端经过以上几方面的测试，显示正确，界面简洁美观，未出现问题；用户可以简单上手，测试结果达到了预期效果。

6.2.2功能测试

程序主要针对以下几点功能测试：

（1）登录测试：测试输入不正确的账号和登录密码，账号和密码为空，输入恰当的账号和登录密码时，是不是能正常地进到系统软件；

（2）注册测试：测试在输入不完善的注册信息内容和注册学生信息时，系统软件能不能得出提醒；学生注册取得成功后能不能取得成功登录；

（3）用户信息改动测试：账号登录后，测试私人信息改动是不是取得成功；

6.2.3系统的测试环境

（1）系统测试的性能要求

性能要求指系统需要的存储容量，安全性，运行效率等方面。模块测试，测试每个模块的程序是否有错误；组装测试，测试模块之间的接口是否正确；确认测试，测试整个软件系统是否满足用户功能和性能的要求。

本系统运行环境为网络版，在运行时对系统整体性能要有一定的要求，软硬件最低要求：系统环境winXP＋M yS QL +e clipse硬件系统环境P4 2.4、5 12 MB 内存、80G硬盘结合实际信息及成本方面考虑未作保密因为本系统运行对保密方面没有很高的要求。此外，对其它软件几乎没有依赖性，程序健壮性较好。

（2）测试数据

是白盒测试，主要使用代码检查方法，由测试人员根据业务需求对系统批量程序的代码或脚本进行检查，较容易发现一些直观的问题，比如判断条件中的比较符号写反、判断条件的遗漏、边界值的遗漏等。此外，代码检查有助于加深测试人员对数据处理功能的理解，进行黑盒测试案例设计时更有针对性。

是黑盒测试，即运行批量程序，在运行过程中检查是否出现报错信息与中断，运行结束后对生成的数据表或数据文件，即目标表检查。目标表检查是数据处理类系统测试最主要的内容，通过检查间接验证系统实现的加工逻辑是否正确满足业务需求。目标表检查一般是通过编写SQL语句查询的方式实现。