基于ssm的课程思政资源众包系统的设计与实现毕业设计源码020838

最新推荐文章于 2024-04-23 18:52:22 发布

专业程序开发源

最新推荐文章于 2024-04-23 18:52:22 发布

阅读量184

点赞数 2

文章标签： java vue.js mysql idea mybatis

本文链接：https://blog.csdn.net/m0_73244011/article/details/126362251

版权

ssm课程思政资源众包系统

摘要

科技进步的飞速发展引起人们日常生活的巨大变化，电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流，人类发展的历史正进入一个新时代。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设课程思政资源众包系统。

本设计主要实现集人性化、高效率、便捷等优点于一身的课程思政资源众包系统，完成用户管理、已接任务、思政任务、发布课程、思政标签、通知管理等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。作业管理系统使用Java语言，采用基于 MVVM模式的SSM技术进行开发，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，配合前台HTML+CSS 技术完成系统的开发。

关键词：课程思政资源众包系统；Java语言；

Crowdsourcing system of Ideological and political resources in SSM courseAbstract

The rapid development of scientific and technological progress has caused great changes in people's daily life. The rapid development of electronic information technology has popularized and applied the application level of electronic information technology in various fields. The advent of the information age has become an irresistible fashion trend, and the history of human development is entering a new era. In practical application, according to the working rules and development steps of application software, Java technology is used to build the crowdsourcing system of curriculum ideological and political resources.

This design mainly realizes the crowdsourcing system of curriculum ideological and political resources with the advantages of humanization, high efficiency and convenience, and completes the functional modules such as user management, received tasks, ideological and political tasks, publishing courses, ideological and political labels, notification management and so on. The system communicates with the server through the browser to realize the interaction and change of data. Through scientific management and convenient service, the system improves work efficiency and reduces errors and omissions in data storage. The job management system uses Java language and SSM technology based on MVVM mode for development. In terms of data, Microsoft MySQL relational database is mainly used as the data storage medium, and the system development is completed with the foreground HTML + CSS technology.

Key words: Crowdsourcing system of curriculum ideological and political resources; Java language;

目录

绪论
1. 研究意义

对课程思政资源众包系统的开发研究，无论从理论上还是实践上看都具有深远的意义。

(一)理论意义

基于国内外学者对课程资源、学生课程资源的研究基础，针对“学生课程资源开发利用的研究不足，笔者将学生课程与高中思想政治具体结合，拓展了高中思想政治课程的研究范围与领域，深化了政治学科本身的发展。力争通过对“课程思政资源众包系统及其开发”的系统、深入研究，为高中思想政治课教学提供理论指导。

(二)实践意义

通过此项研究，能促使自己将学生理论研究与教育实践探索统一起来。一方面梳理、总结自己在开发课程思政资源众包系统中已取得的成绩与经验，反思仍存在的不足，完善捕捉与开发课程思政资源众包系统的策略。另方面，有利于转变自身的课程教学观、学生观，改变自身教学行为，提高教师专业化发展水平。

1. 研究方法

本文的研究重点是课程思政资源众包系统开发的策略。本文的创新之处在于:把课程资源的开发置于高中思想政治课程视野中，积极探索该课程课堂教学中以及前后学生课程资源开发的策略。

采用的研究方法有: (1) 文献研究法。查阅国内外学者关于课程资源和课程资源及其开发与利用的各种研究成果，为界定课程思政资源众包系统的概念及探讨其开发奠定理论和写作基础。(2) 调查研究法。通过课程观察以及采用开放式或半开放式访谈，与师生进行交流，获得研究所需的价值性信息。(3)经验总结法。对自己开发课程思政资源众包系统的方法、途径进行总结与反思,并引入有关案例分析说明，不断完善开发课程思政资源众包系统的策略。

1. 主要工作及论文结构

本文的主要工作是研究如何将计算机和信息管理进行有机结合，从而利用Java语言以及Mysql数据库技术在Dreamweaver中实现了系统的功能模块，切实的开发出一套贴近课程思政资源众包系统的实际，有效管理课程思政资源众包系统。

论文结构如下：

第一章绪论：主要对课程思政资源众包系统的开发背景,研究现状，目的,及意义进行了分析。

第二章开发技术及软件：主要把系统开发工具进行介绍，另外讲解开发系统所用到的一些特殊功能技术。

第三章系统分析：主要是对课程思政资源众包系统进行需求分析，以及对其数据流程与功能进行分析。

第四章系统设计：主要根据系统需求对系统的设计进行介绍，以及对数据的开发与功能模块设计的过程。

第五章系统实现：本章主要结合系统界面截图，介绍了系统各个功能实现的结果。

第六章系统测试：本章系统进行功能模块的测试，撰写测试用例，确保系统各大功能准确无误。

第七章总结与展望：对整个论文的研究内容进行总结，概括整个论文的特点，指出不足之处，为下步深究指明方向。

相关技术介绍
1. 开发技术

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的ssm框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用ssm作为开发框架，同时集成MyBatis、Redis等相关技术

1. MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

1. Mysql数据库

Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。

针对本文中设计的在线考试系统在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对在线考试系统后台数据进行存储操作。

数据库管理系统的总体结构图如下图所示。

图2-1 数据库组成结构

1. B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果，不需要考虑不停装软件的问题。

1. SSM框架

SSM即SpringMVVM+Spring+MySQL，这三个框架有各自最独有的优势，那么将它们组合在一起能够碰撞出很强的火花。设计者在不需消耗大量功夫，能做出Web应用程序，而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点。这个复合框架形成一个有着结构完整、功能强大和结构良好的体系：SpringMVVM使各板块分离，Spring使开发更灵活方便，让开发者直接对对象进行操纵，各层次分工明细，并实现各个层次间的解耦，让代码更加的灵活精简。这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏，也能在后期应对客户对产品提出的新需求。

1. ssm框架各层关系：

DAO层、Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。

Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切显得非常清晰简单。

系统分析
1. 可行性分析

开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。

1. 1. 技术可行性

技术可行性主要考虑当前项目所用的技术是否能够符合，在设备上是否能够满足，及各种辅助工具是否提供帮助。本系统用的是Java开发语言，调试相对简单，当前的计算机硬件配置也完全能满足开发的需求，因此在技术上是绝对可行的。软件方面：由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低，完全能满足系统的需求。采用Java编程语言，已无技术上的问题。

1. 1. 经济可行性

系统所采用的Myeclipse开发平台和Mysql后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式，也是选用了成本较低的B/S模式，所以经济上几乎没任何问题。

1. 1. 社会可行性

本系统是自行开发的系统，以方便高效管理课程思政资源众包系统为出发点，是具有实际意义的系统，开发的环境软件和用到的数据库也都是开源代码，不存在侵权等问题，所以在社会方面也是可行的。

1. 性能分析

对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高用户的工作效率，进行开发一套基于计算机和网络技术的课程思政资源众包系统。

课程思政资源众包系统的开发设计时一个独立的系统，以之前数据库进行数据的存储开发，主要是为了实现课程思政资源众包系统的用户角色及相对应的功能模块，让课程思政资源众包系统的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反，课程思政资源众包系统的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。

3.3系统流程分析

3.3.1添加信息流程

添加信息,编号系统使用自动编号模式,没有用户填写,用户添加信息输入信息,系统将自动确认的信息和数据,验证的成功是有效的信息添加到数据库,信息无效,重新输入信息。添加信息流程如图3-3所示。

图3-3 添加信息流程图

3.3.2操作流程

用户想进入系统，首先进入系统登录界面，通过正确的用户名、密码，选择登录类型登录，系统会检查登录信息，信息正确，然后输入相应的功能界面，提示信息错误，登录失败。系统操作流程如图3-4所示。

图3-4操作流程图

3.3.3删除信息流程

用户选择要删除的信息并单击Delete按钮。系统提示是否删除信息。如果用户想要删除信息，系统将删除信息。系统数据库删除信息。删除信息流程图如图3-5所示。

图3-5 删除信息流程图

系统设计
1. 系统架构设计

课程思政资源众包系统的系统项目的概述设计分析，主要内容有课程思政资源众包系统的具体分析，进行数据库的是设计，数据采用mysql数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。

基于课程思政资源众包系统的设计基于现有的电脑，可以实现用户管理、已接任务、思政标签、通知管理、发布课程、思政任务等详细的了解及统计分析。根据系统功能需求建立的模块关系图如下图：

图4-1管理员功能模块图

1. 开发流程设计

课程思政资源众包系统的开发对管理模块和系统使用的数据库进行分析，编写代开发，规划和操作是构建信息管理应用程序的必要三步曲，它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中，每个阶段必须严格按照线性顺序进行开发，并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的，不会造成下一阶段拖拽现象，使系统完成设计功能后得到保证。

从课程思政资源众包系统的成功开发经验来看，上述方法效果最为明显，最大程度地降低了系统开发的复杂性。如图4-2所示。

图4-2开发系统流程图

1. 数据库设计

数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。

4.3.1实体ER图

数据库是整个软件编程中最重要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。

概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：

（1）发布课程管理E-R图，如图4-3所示：

图4-3发布课程实体属性图

(2)思政任务管理E-R图如图4-4所示：

图4-4思政任务管理实体图

这些功能可以充分满足课程思政资源众包系统的需求。此系统功能较为全面如下图系统功能结构如图4-5所示。

图4-5系统功能结构图

4.3.2数据表

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中，数据关系由数据表组成，但是表的结构表现在表的字段上。

teacher_user表

名称	类型	长度	不是null	主键	注释
teacher_user_id	int	11	是	是	教师用户ID
full_name	varchar	64	否	否	姓名
gender	varchar	64	否	否	性别
age	varchar	64	否	否	年龄
title	varchar	64	否	否	职称
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

received_task表:

名称	类型	长度	不是null	主键	注释
received_task_id	int	11	是	是	已接任务ID
publisher	int	11	否	否	发布人
receiver	int	11	否	否	接取人
course_name	varchar	64	否	否	课程名称
chapter	varchar	64	否	否	章节
chapter_name	varchar	64	否	否	章节名称
label_name	varchar	64	否	否	标签名称
picture_content	varchar	255	否	否	图片内容
task_status	varchar	64	否	否	任务状态
chapter_content	text	0	否	否	章节内容
ideological_and_political_content	text	0	否	否	思政内容
task_requirements	text	0	否	否	任务要求
reply_message	text	0	否	否	回复信息
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

publish_courses表:

名称	类型	长度	不是null	主键	注释
publish_courses_id	int	11	是	是	发布课程ID
publisher	int	11	否	否	发布人
course_name	varchar	64	否	否	课程名称
chapter	varchar	64	否	否	章节
chapter_name	varchar	64	否	否	章节名称
label_name	varchar	64	否	否	标签名称
picture_content	varchar	255	否	否	图片内容
state	varchar	64	否	否	状态
chapter_content	text	0	否	否	章节内容
ideological_and_political_content	text	0	否	否	思政内容
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

book_information表:

名称	类型	长度	不是null	主键	注释
notification_management_id	int	11	是	是	通知管理ID
title_name	varchar	64	否	否	标题名称
notice_content	text	0	否	否	通知内容
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

ideological_and_political_tasks表：

名称	类型	长度	不是null	主键	注释
ideological_and_political_tasks_id	int	11	是	是	思政任务ID
publisher	int	11	否	否	发布人
course_name	varchar	64	否	否	课程名称
chapter	varchar	64	否	否	章节
chapter_name	varchar	64	否	否	章节名称
label_name	varchar	64	否	否	标签名称
picture_content	varchar	255	否	否	图片内容
chapter_content	text	0	否	否	章节内容
ideological_and_political_content	text	0	否	否	思政内容
task_requirements	text	0	否	否	任务要求
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

ideological_and_political_label表：

名称	类型	长度	不是null	主键	注释
ideological_and_political_label_id	int	11	是	是	思政标签ID
label_name	varchar	64	否	否	标签名称
label_description	text	0	否	否	标签描述
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

grade_leader表：

名称	类型	长度	不是null	主键	注释
grade_leader_id	int	11	是	是	年级组长ID
full_name	varchar	64	否	否	姓名
gender	varchar	64	否	否	性别
age	varchar	64	否	否	年龄
title	varchar	64	否	否	职称
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

系统实现
1. 数据库连接模块的实现

从web系统查询数据的根本的查询步骤：

Step1: 进行检查并且过滤来自用户的系统数据；

Step2: 成立起一个合适的数据库进行连接；

Step3: 进行查询系统数据库；

Step4: 获得查询的结构；

Step5: 把查询的结果展示给用户。

Step6: 数据库连接断开，释放资源。

数据库连接原理如下图所示。

图5-1数据库连接原理

数据库连接关键代码如下所示。

/**

* 临时访问牌(AccessToken)表实体类

@TableName("access_token")

@Data

@EqualsAndHashCode(callSuper = false)

public class AccessToken implements Serializable {

private static final long serialVersionUID = 913269304437207500L;

/**

* 临时访问牌ID

@TableId(value = "token_id", type = IdType.AUTO)

private Integer tokenId;

/**

* 临时访问牌

@TableField(value = "token")

private String token;

/**

* 最大寿命：默认2小时

@TableField(value = "maxage")

private Integer maxage;

/**

* 创建时间：

@TableField(value = "create_time")

private Timestamp createTime;

/**

* 更新时间：

@TableField(value = "update_time")

private Timestamp updateTime;

/**

* 用户信息

@TableField(value = "user_id")

private Integer user_id;

}

1. 登录模块的实现

为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。

用户登录流程图如下所示。

图5-1用户登录流程图

登录界面如下图所示。

图5-1登录界面

登录代码如下：

/**

* 登录

* @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;

}

1. 发布课程模块的实现

如果发布课程数据的信息需要修改，管理员可以通过查询发布课程数据的基本信息来查询发布课程数据，查询发布课程数据是通过ajax技术来进行查询的，需要传递发布课程数据的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据数据库中存在就修改，否则就保存。

发布课程数据展示界面如下图所示。

图5-1发布课程界面

1. 思政任务模块的实现

此页面的关键是编写思政任务信息，包括思政编号，名称，详情等。单击提交按钮以完成信息的添加。如果未写入完整的思政任务信息，例如，如果未写入思政编号，系统将给出相应的错误提示，并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm（）”的形式写入以进行检查，checkForm（）函数是一种用于写入数据的不同类型的校对方法，是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。

管理员点击左侧菜单“思政任务管理”，页面跳转到思政信息管理外观，调用后台测量查询所有课程信息。并将信息密封到数据集合List，绑定到请求对象，然后页面跳转到相应的Java，显示出思政任务信息，单击删除按钮完成思政信息的删除。

思政任务流程图如下图所示。

图5-1思政任务流程图

思政任务界面如下图所示。

图5-1思政任务界面

思政任务管理关键代码如下所示。

@RequestMapping(value = "/del")

@Transactional

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

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

return success(1);

}

1. 教师用户管理模块的实现

教师在yhzhgl查看教师信息，先使用sql语句查询出所有教师表的数据，然后调用PageManager.getPages(url,4,sql, request )，返回一个ArrayList的对象，在for循环里，使用jsp得到每个ArrayList对象的数据，在jsp页面中解析ArrayList对象，得到其各个键值对的值。

教师用户管理界面如下图所示。

图5-1教师用户界面图

教师用户管理关键代码如下所示。

@RequestMapping("/get_list")

public Map<String, Object> getList(HttpServletRequest request) {

Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

return success(map);

}

1. 已接任务管理模块的实现

用户已接任务后后台会自动生成已接列表。从session中取出该用户信息，前台发起请求，将对应的用户信息、baozhangpId参数信息从前台传递BaozhangController类里，匹配到create()方法，create()方法调用BaozhangServiceImpl类的createBaozhang()方法获取数据，调用本类的getCartBaozhangItem()方法得到已接任务列表。

已接任务推荐界面如下所示。

图5-1已接任务界面

已接任务管理关键代码如下：

@RequestMapping(value = "/del")

@Transactional

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

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

return success(1);

}

1. 思政标签管理模块的实现

此页面的关键是编写思政标签信息，包括思政标签编号，名称，详情等。单击提交按钮以完成信息的添加。如果未写入完整的思政标签信息，例如，如果未写入思政标签编号，系统将给出相应的错误提示，并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm（）”的形式写入以进行检查，checkForm（）函数是一种用于写入数据的不同类型的校对方法，是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。

管理员点击左侧菜单“思政标签管理”，页面跳转到思政标签信息管理外观，调用后台测量查询所有课程信息。并将信息密封到数据集合List，绑定到请求对象，然后页面跳转到相应的Java，显示出思政标签信息，单击删除按钮完成思政标签信息的删除。

思政标签流程图如下图所示。

图5-1思政标签信息流程图

思政标签界面如下图所示。

图5-1思政标签信息界面

思政标签添加关键代码如下所示。

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;

}

1. 通知管理模块的实现

通知功能整体流程：用户浏览通知信息时，同时会显示通知的状态，系统会在其显示详细信息的页面时便会判断通知的状态，若图书状态为可通知，则会显示通知信息的链接按钮。在用户点击通知按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写通知信息的页面，填写好通知信息之后，点击提交按钮，通知成功之后返回提示信息，告知用户通知成功。

通知管理界面如下图所示。

图5-1通知管理界面图

通知管理关键代码如下所示。

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;

}

系统测试
1. 测试环境

1、服务器端

操作系统：Windows 7

Web服务器：Tomcat7.0

数据库：Mysql

开发语言：Java

2、客户端

浏览器：Internet Explorer10

界面布局：DIV+CSS

分辨率：最佳效果1027*768以上像素

3、开发工具

Visual Studio Code

Myeclipse

1. 测试目标

系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性，降低软件的出错率，降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改，使之更加符合用户需求。

1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。

2.好的测试方案是可以检验出还未被发现的错误的方案。

3.好的测试是发现了到目前为止还未被发现的错误的测试。

4.该系统能够完成用户管理、已接任务、思政标签、通知管理、发布课程、思政任务等功能，做到所开发的系统操作简单，尽量使系统操作不受用户对电脑知识水平的限制。

1. 功能测试

下表是课程思政资源众包系统功能的测试用例，检测了课程思政资源众包系统中对精品推荐信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；管理员登录系统。

表6-1思政任务管理的测试用例

功能描述	用于思政任务管理
测试目的	检测思政任务管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加思政任务，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加思政任务，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改思政任务，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改思政任务，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除思政任务，选择思政任务删除	提示删除成功	与预期结果一致
点击搜索思政任务，输入存在的思政任务名	查找出思政任务	与预期结果一致
点击搜索思政任务，输入不存在的思政任务名	不显示思政任务	与预期结果一致

下表是思政标签管理功能的测试用例，检测了思政标签管理的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；管理员登录系统。

表6-2 思政标签管理的测试用例

功能描述	用于思政标签管理
测试目的	检测思政标签管理时各种操作的情况
测试数据以及操作	预期结果	实际结果
未选择思政标签，点击提交	提示请选择思政标签	与预期结果一致
未上传附件，点击提交	提示请选择附件	与预期结果一致
未选择原因，点击提交	提示请选择原因	与预期结果一致

1. 测试结果

根据以上测试情况，测试结果如下表所示。

表6-1测试结果表

测试项目	测试结果
登录测试	成功
修改密码测试	成功
思政标签管理测试	成功
思政任务测试	成功
通知管理	成功
已接任务管理测试	成功
发布课程测试	成功
用户管理测试	成功

总结与展望

本研究针对课程思政资源众包系统地需求建模，数据建模及过程建模分析设计并实现课程思政资源众包系统的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现课程思政资源众包系统的前后端代码。最终给出系统集成整合方法，完成课程思政资源众包系统地设计与实现。

在此项目的开发中，先要按照产品经理做出的产品模型铺出大体的页面，并在其中找好页面的逻辑关系，并且中途总结一些页面上的问题重新反馈给产品经理，当静态页面的搭建的大体已经完善时，就需要和负责后台开发的技术开发者联系，来接好前后台的数据接口，可以让后台的信息在前台显示出来，在这个项目实现中，不光明白了前端开发和产品经理的联系，也明白了后台在整个系统中起到了什么作用，因为前后台的连接，用户可以对系统进行操作，可以在输入自己的相关信息后，通过后台加工，完成对数据库的查找、修改、添加，而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建，在学校所学的知识基础上，此次的项目，让我对于一个系统的前端开发，以及后台的作用都有了一个更深切的认知。

参考文献

[1]王常珏,段尧清,朱泽.基于SSM的政府数据治理联盟链框架构建[J/OL].情报科学:1-18[2022-03-16].http://kns.cnki.net/kcms/detail/22.1264.g2.20220309.1213.002.html

[2]许爱琪,柳松. 一种MySQL数据库全流量镜像系统及方法[P]. 上海市：CN114064767A,2022-02-18.

[3]李艳杰.基于JAVA与MySQL数据库的移动端题库练习系统的设计与实现[J].黑龙江科学,2022,13(02):56-57.

[4]李双,郭晨晨,李佳虎,张慧娥.基于SSM框架的智能驾校系统的设计与开发[J].电脑知识与技术,2022,18(03):62-63+65.

[5]王一竹.基于MySQL的图书馆信息管理系统设计[J].电脑编程技巧与维护,2022(01):93-95+116.

[6]郭静.基于SSM框架的高校新生预报到系统的设计与实现[J].电子技术与软件工程,2022(02):232-235.

[7]冯凯.“MySQL数据库”课程教学中常见问题探析[J].无线互联科技,2021,18(24):158-159.

[8]陈洁.“MySQL数据库安全”课程教学方法优化分析[J].无线互联科技,2021,18(24):160-161.

[9]徐旭,李明明,夏辉,陈曦,王天宇,肖硕,雍旭.基于SSM框架的互联网+多元监管下构建医疗设备质量控制管理服务平台研究[J].中国医学装备,2021,18(12):106-110.

[10]李春生,李朝霞,刘涛,胡亚楠.基于SSM的科研室管理系统的研究与设计[J].计算机技术与发展,2021,31(12):148-154.

[11]胡世洋,赖森林.浅论SSM框架在构建“微农”信息服务中的应用[J].电脑知识与技术,2021,17(34):4-6.

[12]李耀,李路兰,王明宇,杨广,王伟,孙新杰.基于SSM框架的创新创业申报系统的构建——以六盘水师范学院为例[J].电脑知识与技术,2021,17(33):47-48+52.

[13]王晨. 基于JAVA的教室查询系统研究[C]//.第三十五届中国（天津）2021’IT、网络、信息技术、电子、仪器仪表创新学术会议论文集.,2021:16-19.

[14]Jun Ma, Jun Mao, Long Chen , Lili Yin. Design and Implementation of Multi-terminal Debugging System based on SSM Framework[J]. International Core Journal of Engineering,2021,7(7).

[15]Xiaojie Guo,Tingmei Wang*. Design and Implementation of Graduate Information Management System Based on SSM Framework[J]. Journal of Simulation,2020,8(2).

[16]Ping Wanxin,Chen Yuankun,Hou Xiaoyan. Design of Campus Bicycle Rental Management System Based on SSM Framework[J]. Journal of Physics: Conference Series,2019,1314.

[17]李莹, 电子信息　易云云数据库MySQL上线. 翟立新主编,中关村年鉴,北京出版集团公司北京出版社,2018,205,年鉴.

[18]Taizhi Lv, Juan Zhang. Non-Book Resource Management of Library based SSM Framework[J]. Scientific Journal of Economics and Management Research,2019,1(4).

[19]肖睿,程宁,田崇峰,金志雄,杜毅. MySQL数据库应用技术及实战[M].人民邮电出版社:, 201801.177.

[20]陈小兵,钱伟,郭旭,李铁铮. MySQL数据库攻击与安全防范技术研究[C]//.第六届全国网络安全等级保护技术大会论文集.,2017:89-93.

致谢

在此论文完成之际，感谢我的指导老师。在指导老师的网页设计课上，当时我学到了很多东西，这对于我实习过程中也打了一定的基础，而且指导老师对于我的设计也提出许多建议，并予以悉心的指导，对于一些细小的问题都耐心的指导我去完善，授予我写论文的好友，时常的鼓励我，另外感谢教导我完善此项目的前端同学，对于这个项目，我是边学习边实现完成的，有许多东西开始并不是很明白，但前端开发的同学非常耐心的引导我去将这个项目完成，在系统的后端开发中，所用到的后台开发技术也时常会给我讲解，助于我更好的将论文完成，在此对帮助到我的同学和一直予以教导的指导老师致以衷心的感谢，祝事业有成。