目  录

摘要

1 绪论

1.1 课题背景

1.2 选题意义

1.3研究方案

1.4论文章节安排

2相关技术介绍

2.1 B/S结构

2.2 Spring Boot框架

2.3 Java语言

2.4 MySQL数据库

3系统分析

3.1 可行性分析

3.2 系统功能性分析

3.3.非功能性分析

3.4 系统用例分析

3.5系统流程分析

3.5.1 用户登录流程

3.5.2 数据删除流程

3.6本章小结

4 系统总体设计

4.1 系统架构设计

4.2 系统功能模块设计

4.2.1 系统整体功能模块设计

4.2.2系统用户模块设计

4.2.3历史信息管理模块设计

4.3 数据库设计

4.3.1 数据库概念结构设计

4.3.2 数据库逻辑结构设计

3.4本章小结

5 系统详细设计与实现

5.1注册用户功能模块

5.1.1 用户注册界面

5.1.2 用户登录界面

5.1.3首页界面

5.1.4网站公告界面

5.1.5 历史资讯界面

5.1.6 历史信息界面

5.1.7个人中心界面

5.2管理员功能模块

5.2.1系统用户界面

5.2.2历史类型管理管理界面

5.2.3历史信息管理界面

5.2.4系统管理界面

5.2.5网站公告管理界面

5.2.6资源管理界面

5.2.7权限管理界面

6系统测试

6.1 测试目的

6.2测试用例

6.3 测试结果

7 总结

参考文献

致  谢

摘要

中国历史源远流长，博大精深，其中不乏许多脍炙人口、寓意深刻的历史故事。这些故事是中华民族智慧的结晶，是传承中华文化的重要载体。然而，受限于时间、空间等因素，这些历史故事并没有得到广泛的传播和了解。如何在现代科技手段的帮助下，让这些历史故事焕发新的生命力，成为了一个亟待解决的问题。随着互联网技术的飞速发展，基于Web的应用逐渐成为了人们获取和分享信息的重要途径。为此，本文提出了一种中国历史故事展播系统。

系统是采用基于Java语言的Spring Boot框架进行开发。Spring Boot作为Java领域的一种轻量级、简便的Web应用框架，具有很高的扩展性和灵活性。采用Spring Boot框架开发中国历史故事展播系统是一个理想的选择。本系统主要包括前端展示和后端管理两个部分。前端展示部分主要采用HTML、CSS和JavaScript等技术，实现对中国历史故事的有效展示和互动；后端管理部分则采用Spring Boot框架，实现对历史故事内容的添加、修改、删除和查询等功能。

关键词：历史故事；Web；Spring Boot

Abstract

Chinese history has a long and profound history, with many popular and profound historical stories. These stories are the crystallization of the wisdom of the Chinese nation and an important carrier for inheriting Chinese culture. However, due to factors such as time and space, these historical stories have not been widely disseminated and understood. How to revitalize these historical stories with the help of modern technology has become an urgent issue to be solved. With the rapid development of Internet technology, Web based applications have gradually become an important way for people to obtain and share information. Therefore, this article proposes a system for showcasing Chinese historical stories.

The system is developed using the Spring Boot framework based on the Java language. Spring Boot, as a lightweight and convenient web application framework in the Java field, has high scalability and flexibility. Developing a Chinese historical story broadcasting system using the Spring Boot framework is an ideal choice. This system mainly includes two parts: front-end display and back-end management. The front-end display mainly adopts technologies such as HTML, CSS, and JavaScript to effectively display and interact with Chinese historical stories; The backend management part adopts the Spring Boot framework to implement functions such as adding, modifying, deleting, and querying historical story content.

Keywords:Historical stories; Web; Spring Boot

1 绪论

1.1 研究背景

中国历史悠久，源远流长，拥有无数感人至深、寓意深刻的历史故事。这些故事是中华民族优秀传统文化的瑰宝，蕴含着丰富的道德观念、人文精神和社会智慧。然而，传统的历史教育方式往往侧重于书本知识，缺乏生动性和直观性，使得很多年轻人对历史学习的兴趣不高。为了更好地传承和弘扬中华优秀传统文化，让更多的人了解、热爱和传承历史故事，我们需要借助现代科技手段，创新历史故事的传播方式。

随着信息技术的快速发展，在教育领域，信息化、数字化已成为一种趋势。传统的教育模式正在逐步向在线教育、混合式教学等新型模式转变。Spring Boot作为一种全新的框架，旨在简化Spring应用的初始搭建以及开发过程，它集成了大量的第三方库和工具，使得开发人员可以更加专注于业务逻辑的实现，而无需花费大量时间在配置和整合各种技术上。采用Spring Boot框架开发中国历史故事展播系统可以为用户提供一个高效、稳定、易用的学习平台。

1.2 选题意义

中国有着悠久的历史，丰富的故事传说，这些都是我们宝贵的文化遗产。然而，这些文化遗产在现代社会却面临着传承的困境。年轻人对于中国历史的了解越来越浅薄，这对于我们民族文化的传承和发展无疑是一种挑战。因此，开发设计一个中国历史故事展播系统具有重要的意义，其意义主要体现在以下几个方面。

首先，有利于传承中华优秀传统文化。中国历史悠久，文化底蕴深厚。然而，在快节奏的现代生活中，人们对于历史的了解和传承显得尤为重要。中国历史故事展播系统将丰富多彩的中国历史故事以数字化、信息化的方式呈现给观众，有助于增强人们对中国历史的了解，激发对中国传统文化的兴趣。通过这一系统，观众可以随时随地学习历史，感受历史的魅力，从而传承和发扬中华优秀传统文化。

其次，可以助力中国历史教育普及。历史教育是国民教育的重要组成部分，对于培养青少年的民族认同感和历史责任感具有重要意义。中国历史故事展播系统可以提供生动、形象的历史故事展现方式，帮助青少年更好地理解历史、认识历史，从而增强他们的爱国情怀和历史文化素养。

最后，有利于文化交流与国际传播。通过中国历史故事展播系统，可以将中国的历史故事传播到更广泛的受众群体中，包括国内的不同地区和不同年龄段的人群，以及国外的友好人士。这有助于加强国内外文化交流与理解，促进国际文化合作，提升中国的文化软实力。

1.3研究方案

1. 需求分析：通过在图书馆或者网上查找与系统相关的资料，对系统进行需求分析以了解系统的基本特征和想要实现目标，确定系统功能需求。
2. 系统设计：根据需求分析的结果，设计出符合用户需求的中国历史故事展播系统。这包括系统的架构设计、功能模块设计、数据库设计等。
3. 功能实现：在系统设计的基础上，利用Spring Boot等开发工具，实现系统的各项功能。主要包括用户管理、医药信息管理、资源信息管理、公告信息管理等功能。
4. 完成系统界面的设计：从用户需求出发，设计一个简洁友好且易于操作的系统界面，以提升用户体验。
5. 完成系统的实现：完成各个功能模块的具体编程实现，将设计结果转化为计算机可运行的程序。
6. 完成系统的测试与完善：结合实际对系统的运行进行测试分析，包括功能测试、性能测试、安全性测试等，如果发现系统有存在的问题将对问题进行分析并解决问题，确保系统的稳定性和可靠性。

1.4论文章节安排

论文将分层次进行编排，除去论文摘要致谢文献参考部分，正文部分主要结构如下：

第一章：绪论，此章节对所设计和实现的系统的研究背景、意义及研究方案进行详细的论述以及说明，同时进行了论文整体框架的结构的简要介绍。

第二章：主要对系统开发所采用的相关技术进行介绍。

第三章：系统分析，此章节所做的主要的工作是对系统进行了技术、经济等方面可行性的分析；对系统实行了总体功能的需求、用例分析。

第四章：系统总体设计，主要是对系统架构、功能结构进行设计，并对系统数据库的概念结构设计进行了分析。

第五章：系统详细设计与实现，根据系统功能的划分，分别的对系统所需要实现的前台用户端功能和后台管理端功能进行了分析和说明。

第六章：系统测试，主要介绍了系统测试目的和对系统的部分功能界面进行测试并对测试结果作出总结。

第七章：总结。对整个研究工作进行了总结。

2相关技术介绍

2.1 B/S结构

B/S结构（浏览器/服务器）是当前应用最为广泛的一种架构，能够使系统的开发变得容易、易操作、易于维护。当你在你的电脑上安装一个数据库和几个非常常见的浏览器时，你就可以使用这个结构。B/S结构可以直接用于 B/S系统，并且 B/S架构可以在实际应用中大大降低了系统的运行维护。在 B/S平台上，各数据库彼此独立，具有很高的安全性。由于 B/S架构可以清晰地观察到系统所处理的业务，使管理者可以及时做出决定，从而避免了企业的亏损。B/S架构的本质特征是集中式管理，用户通过系统产生的数据，将其存入数据库，便于以后的应用，从而达到了各种需要。

B/S模型由一个浏览器、一个网络服务器、一个数据库服务器三个层级构成。数据管理采用了当前大部分现有B/S系统的表现层、应用层和数据层，Web浏览器是为了满足用户的要求而设计的，在数据处理和逻辑过程中使用的中间应用层，从而形成分布式的运行模式。B/S体系结构的逻辑是：在前端完成的处理，将主要的业务逻辑交给后台，而前端只负责少量的请求、渲染等。由于因特网技术的迅速发展，B/S体系结构使得任何时间、任何地点都能访问到该系统。

图2-1 B/S模式三层结构图

2.2 Spring Boot框架

Spring Boot是一个用于创建独立的、基于Spring的应用程序的框架。它简化了基于Java的应用程序的开发过程，提供了一种快速构建可部署的生产级应用程序的方式。它的主要特点是自动配置和约定优于配置。它通过使用默认值和自动配置来减少开发人员的配置工作量，使开发过程更加简单和高效。它还提供了一个起步依赖（Starter POM）的概念，可以一站式引入相关的依赖库和配置，以快速搭建项目。

它还具有内嵌的Web服务器，如Tomcat或Jetty，这使得应用程序可以作为一个独立的可执行JAR文件运行。此外，它还提供了健康检查、度量指标、安全性等方面的功能，帮助开发人员更好地管理和监控应用程序。它采用了Spring框架的核心功能，如依赖注入、面向切面编程等，并结合了其他开源项目，如Spring Data、Spring Security等，提供了丰富的功能和扩展性。

综上所述，Spring Boot是一个简化了Spring应用程序开发的框架，它提供了自动配置、约定优于配置、起步依赖等特性，使得开发人员可以更加便捷地构建可部署的应用程序。它的出现极大地简化了Java开发过程，提高了开发效率和项目的可维护性。

2.3 Java语言

早在上个世纪90年代，Java就由詹姆斯·高斯林进行开发，自诞生之日起，Java就一直深深的受到了程序开发者的广泛喜爱，它作为计算机主要的编程语言，一直到今。Java语言是真的是一种纯面向对象的计算机语言，在Java的世界中，所有的方法、数据类型、符号等都是以类的方式存在的，最顶层的就是Object，所有的类都是对object的继承。继承是Java中的核心思想，与C语言不同的是，子类只有一个父类，这样的好处就是操作更加的简便，让人更容易理解，在代码的书写上也会容易较多。Java另外一个特性就是多态性，调用父类接口的方法可以实现子类的实现，这样的好处就是很好的对实现方法进行了隐藏（封装），而且又能够把API进行公开，一举两得。接口思想很好的诠释了想象对象的思想，让面向对象编程渐渐转向面向接口编程。如今，随着编程思想的继续发展，Java也加入了一些函数式编程的思想，这样的好处就是让编程代码更加的简洁与方便。本管理系统采用Java编程语言进行后台的开发，一是鉴于标准化制定以后，Java语言常用于大型商业应用程序后台系统中，生态稳定；二是也希望通过本系统的开发提高自己编写Java代码的能力。

2.4 MySQL数据库

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

3系统分析

系统分析是开发一个项目的先决条件，通过系统分析可以很好的了解系统的主体用户的基本需求情况，同时这也是项目的开发的原因。进而对系统开发进行可行性分析，通常包括技术可行性、经济可行性等，可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析，分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。

3.1 可行性分析

（1）技术可行性

Spring Boot框架作为一个成熟的Java开发框架，具有简洁、快速、易于部署等特点，非常适合用于构建Web应用程序。它简化了Spring应用的初始搭建以及开发过程，通过自动配置和默认配置减少了大量的配置工作。此外，Spring Boot还提供了丰富的插件和工具，支持快速开发、测试和部署应用程序。因此，从技术层面来说是可行的。

（2）经济可行性

Spring Boot的自动配置功能可以根据应用程序的依赖和环境来进行自动配置，减少了大量的手动配置工作，可以降低开发成本；另外，Spring Boot的代码质量和可维护性较高，可以降低后期维护成本。因此，从经济角度分析是可行的。

（3）操作可行性

系统采用B/S架构，用户只需要通过浏览器即可访问系统，无需安装额外的软件。同时，系统的操作界面简洁明了，易于理解和使用，用户无需具备专业的计算机知识即可进行操作。因此，从操作角度分析是可行的。

（4）社会可行性

推广和传播中国历史文化，有助于增强民族自豪感，培养爱国情怀。尤其是在当前国际环境下，弘扬民族文化，提升国家软实力，显得尤为重要。中国历史故事展播系统，可以为用户提供一个便捷、高效的学习平台，让更多人了解中国历史文化，从而实现这一目标。因此，从社会角度分析是可行的。

3.2 系统功能性分析

按照中国历史故事展播系统的角色，主要包括注册用户和管理员这两大功能模块，各模块功能内容如下：

1. 注册用户功能

1. 注册登录：新用户可以通过注册成为系统用户，注册后可以使用账号密码登录。
2. 首页：系统首页界面是用户访问系统的入口页面，用户可以查看首页展示的轮播图、历史资讯等信息。
3. 网站公告：用户可以查看系统发布的网站公告、关于我们、联系方式、网站介绍等信息。
4. 历史资讯：用户可以查看历史资讯列表中某个资讯的详情并可以点赞、收藏和评论。
5. 历史信息：用户可以查看历史信息列表中某个历史信息的详情并可以点赞、收藏和评论。在信息详情页面点击“查看视频”可以在线浏览历史视频或下载视频。
6. 我的：用户点击我的头像的下拉按钮“我的账户”进入页面可以修改密码和个人资料；点击“个人中心”进入页面可以查看和管理个人中心中的个人首页和收藏信息；点击“退出”即可退出系统的登录。

1. 管理员功能

1. 登录：管理员的账号和密码是事先在数据库中设定好的，管理员可以通过在后台输入正确的账号和密码进行登录。
2. 后台首页：管理员可以查看后台首页展示的相关信息。
3. 系统用户：管理员可以查看系统用户（管理员、注册用户）列表中某个用户的详情，可以对用户信息进行增删改查操作。
4. 历史类型管理：管理员可以查看历史类型列表中某个类型的详情，可以对历史类型信息进行增删改查操作。
5. 历史信息管理：管理员可以查看历史信息列表中某个历史信息的详情和评论，可以对历史信息进行增删改查操作。
6. 系统管理：管理员在“系统管理”这一菜单下对轮播图进行管控，可以对轮播图信息进行增删改查操作。
7. 网站公告管理：网站公告管理界面是管理员用来管理系统中的网站公告的界面，管理员可以对网站公告信息进行增删改查操作。
8. 资源管理：在“资源管理”菜单管理员对历史资讯和资讯分类进行管控，可以对历史资讯、资讯分类信息进行增删改查操作。
9. 权限管理：管理员可以查看所有用户的权限并可以对用户权限进行增删改查操作。
10. 我的：管理员可以修改个人信息和登录密码；可以浏览网站首页；点击“退出”即可退出系统的登录。

3.3.非功能性分析

中国历史故事展播系统的非功能性需求比如系统的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

表3-1中国历史故事展播系统非功能需求表

安全性	主要指中国历史故事展播系统数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指中国历史故事展播系统能够安装用户的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响中国历史故事展播系统占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着中国历史故事展播系统的页面展示内容进行操作，就可以了。
可维护性	中国历史故事展播系统开发的可维护性是非常重要的，经过测试，可维护性没有问题

3.4 系统用例分析

通过3.2功能的分析，得出了本系统的用例图：

注册用户用例图如下图3-1所示。

图3-1 注册用户用例图

管理员用例图如下图3-2所示。

图3-2 管理员用例图

3.5系统流程分析

系统流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程，在进行系统分析的时候，业务流程可以帮助开发人员更好的理解业务，发现错误，完善系统。

3.5.1 用户登录流程

用户通过登录才能访问系统及权限以内的功能，对此将实现各种应用及管理等功能，用户登录流程图如下图3-3所示。

图3-3 用户登录流程图

3.5.2 数据删除流程

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

图3-4  数据删除流程图

3.6本章小结

本章主要通过对中国历史故事展播系统的可行性分析、流程分析、功能需求分析、系统用例分析，确定整个中国历史故事展播系统要实现的功能。同时也为系统的代码实现和测试提供了标准。

4 系统总体设计

本章主要讨论的内容包括中国历史故事展播系统的架构设计、功能模块设计、数据库系统设计。

4.1 系统架构设计

本中国历史故事展播系统从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

图4-1系统架构设计图

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

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

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

4.2 系统功能模块设计

4.2.1 系统整体功能模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本系统中的用例。那么接下来就要开始对本系统的主要功能和数据库开始进行设计。中国历史故事展播系统根据前面章节的需求分析得出，其总体设计模块图如图4-2所示。

图4-2 系统功能模块图

4.2.2系统用户模块设计

系统用户模块是系统中一个重要的功能模块，它涉及用户的注册、登录、个人信息管理等操作。在用户模块设计中，我们将定义用户数据的结构和属性，包括用户名、密码、邮箱等。同时，还需要实现用户注册、登录、修改密码等功能，并对用户输入进行验证和处理。用户模块的结构图如下图4-3所示：

图4-3 系统用户模块结构图

4.2.3历史信息管理模块设计

历史信息管理模块是本系统中的重要功能之一。该模块的设计旨在提供历史信息的发布、编辑、删除和查看等管理功能，以便及时、准确地向系统用户发布相关的历史信息。其模块功能结构图如下图4-4所示：

图4-4 历史信息管理模块结构图

4.3 数据库设计

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

4.3.1 数据库概念结构设计

下面是整个中国历史故事展播系统中主要的数据库表总E-R实体关系图。

图4-5 系统总E-R关系图

4.3.2 数据库逻辑结构设计

通过上一小节中中国历史故事展播系统中总E-R关系图上得出一共需要创建很多个数据表。在此主要罗列几个主要的数据库表结构设计。

表access_token (登陆访问时长)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	token_id	int	10	0	N	Y		临时访问牌ID
2	token	varchar	64	0	Y	N		临时访问牌
3	info	text	65535	0	Y	N
4	maxage	int	10	0	N	N	2	最大寿命：默认2小时
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	user_id	int	10	0	N	N	0	用户编号:

表article (文章：用于内容管理系统的文章)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	article_id	mediumint	8	0	N	Y		文章id：[0,8388607]
2	title	varchar	125	0	N	Y		标题：[0,125]用于文章和html的title标签中
3	type	varchar	64	0	N	N	0	文章分类：[0,1000]用来搜索指定类型的文章
4	hits	int	10	0	N	N	0	点击数：[0,1000000000]访问这篇文章的人次
5	praise_len	int	10	0	N	N	0	点赞数
6	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
8	source	varchar	255	0	Y	N		来源：[0,255]文章的出处
9	url	varchar	255	0	Y	N		来源地址：[0,255]用于跳转到发布该文章的网站
10	tag	varchar	255	0	Y	N		标签：[0,255]用于标注文章所属相关内容，多个标签用空格隔开
11	content	longtext	2147483647	0	Y	N		正文：文章的主体内容
12	img	varchar	255	0	Y	N		封面图
13	description	text	65535	0	Y	N		文章描述

表article_type (文章分类)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	smallint	5	0	N	Y		分类ID：[0,10000]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]决定分类显示的先后顺序
3	name	varchar	16	0	N	N		分类名称：[2,16]
4	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
5	description	varchar	255	0	Y	N		描述：[0,255]描述该分类的作用
6	icon	text	65535	0	Y	N		分类图标：
7	url	varchar	255	0	Y	N		外链地址：[0,255]如果该分类是跳转到其他网站的情况下，就在该URL上设置
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表collect (收藏)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	collect_id	int	10	0	N	Y		收藏ID：
2	user_id	int	10	0	N	N	0	收藏人ID：
3	source_table	varchar	255	0	Y	N		来源表：
4	source_field	varchar	255	0	Y	N		来源字段：
5	source_id	int	10	0	N	N	0	来源ID：
6	title	varchar	255	0	Y	N		标题：
7	img	varchar	255	0	Y	N		封面：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

表historical_information (历史信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	historical_information_id	int	10	0	N	Y		历史信息ID
2	history_title	varchar	64	0	Y	N		历史标题
3	historical_type	varchar	64	0	Y	N		历史类型
4	historical_poster	varchar	255	0	Y	N		历史海报
5	historical_videos	varchar	255	0	Y	N		历史视频
6	urban_areas	varchar	64	0	Y	N		城市地区
7	historical_year	varchar	64	0	Y	N		历史年份
8	release_date	date	10	0	Y	N		发布日期
9	publishing_company	varchar	64	0	Y	N		出版公司
10	historical_details	longtext	2147483647	0	Y	N		历史详情
11	hits	int	10	0	N	N	0	点击数
12	praise_len	int	10	0	N	N	0	点赞数
13	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
14	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表historical_type (历史类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	historical_type_id	int	10	0	N	Y		历史类型ID
2	type_name	varchar	64	0	Y	N		类型名称
3	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表registered_users (注册用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	registered_users_id	int	10	0	N	Y		注册用户ID
2	user_name	varchar	64	0	Y	N		用户姓名
3	user_gender	varchar	64	0	Y	N		用户性别
4	mobile_phone_number	varchar	16	0	Y	N		手机号码
5	examine_state	varchar	16	0	N	N	已通过	审核状态
6	user_id	int	10	0	N	N	0	用户ID
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表slides (轮播图)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	slides_id	int	10	0	N	Y		轮播图ID：
2	title	varchar	64	0	Y	N		标题：
3	content	varchar	255	0	Y	N		内容：
4	url	varchar	255	0	Y	N		链接：
5	img	varchar	255	0	Y	N		轮播图：
6	hits	int	10	0	N	N	0	点击量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表upload (文件上传)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	upload_id	int	10	0	N	Y		上传ID
2	name	varchar	64	0	Y	N		文件名
3	path	varchar	255	0	Y	N		访问路径
4	file	varchar	255	0	Y	N		文件路径
5	display	varchar	255	0	Y	N		显示顺序
6	father_id	int	10	0	Y	N	0	父级ID
7	dir	varchar	255	0	Y	N		文件夹
8	type	varchar	32	0	Y	N		文件类型

表user (用户账户：用于保存用户登录信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_id	mediumint	8	0	N	Y		用户ID：[0,8388607]用户获取其他与用户相关的数据
2	state	smallint	5	0	N	N	1	账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
3	user_group	varchar	32	0	Y	N		所在用户组：[0,32767]决定用户身份和权限
4	login_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	上次登录时间：
5	phone	varchar	11	0	Y	N		手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
6	phone_state	smallint	5	0	N	N	0	手机认证：[0,1](0未认证|1审核中|2已认证)
7	username	varchar	16	0	N	N		用户名：[0,16]用户登录时所用的账户名称
8	nickname	varchar	16	0	Y	N		昵称：[0,16]
9	password	varchar	64	0	N	N		密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
10	email	varchar	64	0	Y	N		邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
11	email_state	smallint	5	0	N	N	0	邮箱认证：[0,1](0未认证|1审核中|2已认证)
12	avatar	varchar	255	0	Y	N		头像地址：[0,255]
13	open_id	varchar	255	0	Y	N		针对获取用户信息字段
14	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
15	vip_level	varchar	255	0	Y	N		会员等级
16	vip_discount	double	11	2	Y	N	0.00	会员折扣

表user_group (用户组：用于用户前端身份和鉴权)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_id	mediumint	8	0	N	Y		用户组ID：[0,8388607]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]
3	name	varchar	16	0	N	N		名称：[0,16]
4	description	varchar	255	0	Y	N		描述：[0,255]描述该用户组的特点或权限范围
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	register	smallint	5	0	Y	N	0	注册位置:
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

3.4本章小结

整个中国历史故事展播系统的需求分析主要对系统的架构设计以及功能模块的设计，通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

5 系统详细设计与实现

5.1注册用户功能模块

5.1.1 用户注册界面

用户注册界面用于新用户进行账号注册，用户需要填写必要的个人信息并选择合适的用户名和密码。注册界面应该进行输入验证和数据格式检查，确保用户提供有效的信息。系统会对输入的信息进行验证，验证通过后即可完成注册。其界面展示如下图5-1所示。

图5-1 用户注册界面图

注册的代码如下：

    /**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

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

        Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));

        query.put("username",user.getUsername());

        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);

}   

5.1.2 用户登录界面

用户登录界面用于已注册用户进行账号登录，用户需要输入正确的用户名、密码和验证信息才能成功登录系统。登录界面应对用户的输入进行验证，并提供密码找回或重新注册的选项。其界面如下图5-2所示。

图5-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.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());

            Duration duration = Duration.ofSeconds(7200L);

            redisTemplate.opsForValue().set(accessToken.getToken(), accessToken,duration);

            // 返回用户信息

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

        }

}

5.1.3首页界面

系统首页界面是用户访问系统的入口页面，它展示系统的主要功能和特色。用户可以查看首页展示的轮播图、历史资讯等信息。其主界面展示如下图5-3所示。

图5-3 首页界面图

5.1.4网站公告界面

用户可以查看系统发布的网站公告、关于我们、联系方式、网站介绍等信息。点击网站公告进入页面可以查看该公告的详细信息。其界面如下图5-4所示。

图5-4网站公告界面图

5.1.5 历史资讯界面

用户可以查看历史资讯列表中某个资讯的详情并可以点赞、收藏和评论；支持通过关键字搜索、局部搜索、筛选等方式搜索查看资讯信息。其界面如下图5-5所示。

图5-5历史资讯界面图

5.1.6 历史信息界面

用户可以查看历史信息列表中某个历史信息的详情并可以点赞、收藏和评论。在信息详情页面点击“查看视频”可以在线浏览历史视频或下载视频。支持通过关键字搜索、下拉搜索方式搜索查看自己所想了解的历史信息。其界面如图5-7所示。

图5-7 历史信息界面图

5.1.7个人中心界面

用户点击我的头像下方的“个人中心”进入页面可以查看和管理个人中心中的个人首页和收藏信息。点击“收藏”进入页面可以查看或删除收藏列表信息。其界面如下图5-7所示：

图5-7个人中心界面图

删除的代码如下：

    @RequestMapping(value = "/del")

    @Transactional

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

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

        return success(1);

    }

    public void delete(Map<String,String> query,Map<String,String> config){

        QueryWrapper wrapper = new QueryWrapper<E>();

        toWhereWrapper(query, "0".equals(config.get(FindConfig.GROUP_BY)),wrapper);

        baseMapper.delete(wrapper);

        log.info("[{}] - 删除操作：{}",wrapper.getSqlSelect());

    }

5.2管理员功能模块

5.2.1系统用户界面

管理员可以查看系统用户（管理员、注册用户）列表中某个用户的详情，可以对用户信息（如账号、昵称、状态等）进行增删改查操作。其界面如下图5-8所示。

图5-8系统用户界面图

5.2.2历史类型管理管理界面

管理员点击“历史类型列表”可以查看列表中某个类型的详情，可以对列表信息进行查询、重置和删除操作。点击“历史类型添加”进入页面填写类型名称后点击“提交”即可完成历史类型的添加。其界面如下图5-9所示。

图5-9历史类型管理界面图

添加的代码如下：

    @PostMapping("/add")

    @Transactional

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

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

        return success(1);

    }

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

    service.insert(map);

     return success(1);

 }

5.2.3历史信息管理界面

管理员点击“历史信息列表”可以查看历史信息列表中某个信息的详情和评论，可以对列表信息进行查询、重置和删除操作；点击“历史信息添加”进入页面填写历史标题、历史类型、历史年份等信息并上传历史视频信息后点击“提交”即可完成历史信息的添加。其界面如下图5-10所示。

图5-10历史信息管理界面图

文件上传的代码如下：

   @PostMapping("/upload")

    public Map<String, Object> upload(@RequestParam("file") MultipartFile file) {

        log.info("进入方法");

        if (file.isEmpty()) {

            return error(30000, "没有选择文件");

        }

        try {

            //判断有没路径，没有则创建

            String filePath = System.getProperty("user.dir") + "/src/main/resources/static/";

            File targetDir = new File(filePath);

            if (!targetDir.exists() && !targetDir.isDirectory()) {

                if (targetDir.mkdirs()) {

                    log.info("创建目录成功");

                } else {

                    log.error("创建目录失败");

                }

            }

            String fileName = file.getOriginalFilename();

            File dest = new File(filePath + fileName);

            log.info("文件路径:{}", dest.getPath());

            log.info("文件名:{}", dest.getName());

            file.transferTo(dest);

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("url", "/api/upload/" + fileName);

            return success(jsonObject);

        } catch (IOException e) {

            log.info("上传失败：{}", e.getMessage());

        }

        return error(30000, "上传失败");

    }

5.2.4系统管理界面

管理员在“系统管理”这一菜单下对轮播图进行管控，可以查看轮播图列表中某一轮播图的详情，可以对轮播图信息进行查询、重置、添加和删除操作。其界面如下图5-11所示。

图5-11系统管理界面图

5.2.5网站公告管理界面

网站公告管理界面是管理员用来管理系统中的网站公告的界面。管理员可以通过该界面进行网站公告的创建、编辑、发布和删除等操作，以便向用户传达各种重要信息、公告、更新或事件等内容。其界面如下图5-12所示。

图5-12网站公告管理界面图

5.2.6资源管理界面

在“资源管理”菜单管理员对历史资讯和资讯分类进行管控。管理员可以查看资讯列表中某个资讯的详情和评论，可以对历史资讯、资讯分类信息进行查询、重置、添加和删除操作。其界面如下图5-13所示。

图5-13资源管理界面图

5.2.7权限管理界面

在“权限管理”界面管理员负责对不同的用户角色在访问系统时设置不同的访问权限，避免用户使用超出自己权限的功能，管理员可以查看所有用户的权限并可以对用户权限进行查询、添加、修改或删除操作。其界面如下图5-14所示。

图5-14权限管理界面图

6系统测试

6.1 测试目的

无论什么样的系统，测试都至关重要，通过测试可以检查出潜藏的缺陷，从而确保系统的性能和稳定性，避免Bug的出现，并确保系统的功能和性价比达到预期的要求。

6.2测试用例

系统测试包括：用户登录功能测试、网站公告查看功能、历史信息添加功能、密码修改功能测试，如表6-1、6-2、6-3、6-4所示：

用户登录功能测试：

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

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

网站公告查看功能测试：

表6-2 网站公告查看功能测试表

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

历史信息添加界面测试：

表6-3 历史信息添加界面测试表

用例名称	历史信息添加测试用例
目的	测试历史信息添加功能
前提	管理员正常登录情况下
测试流程	1）管理员点击历史信息管理管理下方的“历史信息添加”，然后进入页面填写相关信息。 2）填写完成后点击“提交”。
预期结果	提交以后，历史信息列表会显示新的历史信息，同时会显示在前台课程信息界面
实际结果	实际结果与预期结果一致

密码修改功能测试：

表6-4 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试注册用户密码修改功能
前提	注册用户正常登录情况下
测试流程	1）点击我的头像下拉菜单“我的账户”进入页面点击修改密码。 2）修改后点击确认。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

6.3 测试结果

通过编写中国历史故事展播系统的测试用例，已经检测完毕用户登录功能测试、网站公告查看功能、历史信息添加功能、密码修改功能测试，通过这四大模块的测试为中国历史故事展播系统的后期推广运营提供了强力的技术支撑。

7 总结

在中国历史故事展播系统开发之前，需要先对用户的具体需求进行分析。包括系统的可行性分析、功能需求分析以及其他需求等。在可行性分析过程中，对系统实现的技术性、经济性等方面进行了分析。总体上证明了系统实施的可行性。

本文总结了中国历史故事展播系统开发背景与意义，然后阐述了系统的具体业务需求，并根据系统需求对系统结构以及功能模块等进行了详细地设计，将整个系统划分为多个不同的功能模块。在分析系统功能需求时，对整个系统的总体架构以及功能模块等进行了分析，并选择合适的系统开发技术完成了对各个模块的开发工作。系统开发完成之后进行了部署，同时进行了系统的测试过程，通过测试证明了系统在功能以及性能等方面都达到了预期的要求，具有较高的稳定性与可靠性。