基于BS架构“学习强国”爱国主义学习系统
基于 S B/S 架构
学习系统的设计与实现
内容摘要
本毕业设计课题应用了 VUE 框架，前端基于 HTML5，后端基于 PHP开发技术，实现了广大用户在网上能够使用专注于“家事国事天下事，事事关心”的系统。系统的前端平台以供系统用户使用和游客浏览，系统用户可通过此具有爱国主义性质的网站系统可以实时地跟踪了解国家时政热点，学习政治思想，还可以进行评论、回复、收藏、答题等一系列操作来获取相应的学习积分。系统管理员对后台管理平台拥有最高的管理权限。系统管理员可以有效地管理系统用户发布的信息和数据，及时维护和优化整个系统环境 。
论文首先详细介绍基于 B/S 架构 的“学习强国”爱国主义学习系统的开发背景以及研究现状。其次，总结系统开发环境中的各项技术。然后，讨论了系统的设计目标、系统要求和总体设计。再而，对系统各个模块功能进行设计、开发以及集成。最后，对“基于 B/S 架构 的‘学习强国’爱国主义学习系统”项目进行了系统测试。
本项目采用 B/S 架构，前端页面使用 VUE 框架+HTML5 并且开发动态页面，后端则应用 PHP７.０开发技术以及选择 MY SQL 数据库作为系统数据库。
关键词 ：VUE 框架
HTML5
PHP7.0
MYSQL 数据库
爱国主义学习系统
Abstract
This graduation project project applied the VUE framework, front-end based on HTML5, back-end based on PHP development technology, to achieve the majority of users on the Internet to focus on the "family affairs, state affairs, everything" system.The front-end platform of the system is for the system users to use and tourists to browse. The system users can track and understand the current political hot spots of the country in real time and learn political thoughts through this patriotic website system. They can also carry out a series of operations such as comment, reply, collection and answer to obtain the corresponding learning points.The system administrator has the highest administrative authority to the background management platform.The system administrator can effectively manage the information and data released by the system users, and timely maintain and optimize the whole system environment. Firstly, the paper introduces the development background and research status of the patriotic learning system based on B/S.Secondly, summarize the technology in the system development environment.Then, the design objectives, system requirements and overall design of the system are discussed.Then, the system of each module function design, development and integration.Finally, a systematic test is carried out on the project of "patriotic learning system based on B/S structure". This project adopts B/S architecture, the front page USES VUE framework +HTML5 and develops dynamic pages, and the back end USES PHP7.0 development technology and selects MY SQL database as the system database.
Key words：VUE framework
HTML5
PHP7.0
MYSQL database Patriotism learning system
目录
第一章
前言
................................ .............
1 1
1.1 项目研究背景及意义
................................. .
1 1
1.2 课题意义
................................ ...........
1 1
3 1.3 国内外研究现状
................................ ......
1 1
4 1.4 项目研究内容
................................ ........
2 2
第二章
系统可行性分析
................................ ...
3 3
1 2.1 可行性分析
................................ ..........
3 3
2.1.1 技术可行性 ...................................... 3 2.1.２操作可行性 ...................................... 3 2.1.３经济可行性 ...................................... 4 2.1.４法律可行性 ...................................... 4 第三章
系统主要开发技术
................................. .
5 5
3.1
E VUE 框架
................................ ............
5 5
3. 2 L HTML 概述
................................ ...........
5 5
3. 3 S CSS 介绍
................................ ............
6 6
3. 4 P PHP 梗概
................................ ............
7 7
3. 5 L MySQL 数据库
................................ ........
7 7
3. 6 B/S S 架构
................................ ............
8 8
第四章
需求分析与系统设计
...............................
9 9
1 4.1 需求分析
................................ ............
9 9
2 4.2 系统结构设计
................................ ........
9 9
4.2.1 游客模式 ....................................... 10 4.2.2 系统用户模式 ................................... 10 4.2.3 系统管理员模式 ................................. 11 3 4.3 系统流程分析
................................ .......
11
4.3.1 系统开发流程分析 ............................... 11 4.3.2 系统操作流程分析 ............................... 11 4.3.3 系统用户登录流程分析 ........................... 12 4.3.4 系统后端操作流程分析 ........................... 13 4.3.5 系统数据删除流程分析 ........................... 14 4 4.4 数据库结构设计
................................ .....
15
４.4.１数据库的设计原则 .............................. 15 ４.4.2 数据库概念模型 ................................ 16 ４.4.3 数据库表的设计 ................................ 17 第五章
系统设计与实现
................................ ..
20
1 5.1 系统前台设计与实现
................................. .
20
5.1.1 系统用户注册登录界面 ........................... 21 5.1.2 系统用户留言信息和收藏信息界面 ................. 23 5.1.3 系统用户答题界面 ............................... 24 5.1.4 系统用户学习积分界面 ........................... 25
5.1.4 用户修改信息界面 ............................... 26 5.1.5 用户管理界面 ................................... 28 2 5.2 系统后端实现
................................ .......
29
5.2.1 系统数据库的实现 ............................... 29 5.2.2 后台管理中心界面 ............................... 29 第六章
系统测试
................................ ........
31
1 6.1 系统测试的意义
................................ .....
31
2 6.2 系统的功能测试
................................ .....
31
3 6.3 系统的性能测试
................................ .....
32
4 6.4 系统测试结果
................................ .......
32
第七章
总结与展望
................................ ......
34
1 7.1 总结
................................ ...............
34
2 7.2 展望
................................ ...............
34
参考文献
................................ ...............
35
致谢
................................ ....
错误!未定义书签。
广东东软学院本科生毕业设计（论文）
1
第一章
前言 1.1 项目研究背景及意义
21 世纪，计算机网络的爆发式发展影响着人们生活的方方面面，带来了许多便利。曾几何时，我们了解知识的方式往往源自于纸上，而随着网络的技术日新月异的发展，网络在线学习知识成了新一代人们开拓视野必不可少的途径。互联网终究是一把双刃剑，网络给人们带来了别具一格的生活，同时出现了信息泛滥造成传播信息虚假交织的现象，让许多人难以清楚地判断哪些才是“营养信息”，导致一些人被“泡沫信息”误导，这些看似精彩的网络信息充斥着闲暇时光。不可否认，许多网络信息的多样化给我们带来了许多欢乐，但是即使在信息眼花缭乱扑面而来之时，我们也一定要了解国家发展的趋势，掌握国际发展动态，学习新思想来武装自己头脑。
1.2 课题意义
世界的科技水平在不断提升，智慧的人们利用计算机科技让生活多姿多彩，是人类社会快速发展的必然因素，强大的计算机功能也就成为了人类社会发展必不可少的组成部分。网络信息势不可挡，“学习强国”爱国主义学习网站是以“学习强国”APP 的为例上进一步打造学习型社会，让信息多元化真实而有效率地传达给人们。基于 B/S 架构的爱国主义学习系统便充分利用了网络的强大功能存储管理信息，让人们线上准确、直接学习新思想的方式成为日常，这是传统信息传播方式所无法比拟的。学习平台不局限于党员干部全民都可以利用它学习，扩充人们的视野和思想境界，提高明辨是非的能力，坚持正确的政治方向。因此，网络爱国主义的学习的便利容易被大众所吸纳。
3 1.3 国内外研究现状 随着全球网络通信技术的高速发展，计算机网络扮演着重要角色，已成为一个国家的经济基础和命脉，对社会和经济发展具有强大的推动力。客户端/服务器（C/S）结构软件具有数据分发的特性，C/S 结构的软件需要安装多个服务器，还要同步服务器间的数据信息。
由点到面的效应，每个数据点都能涉及到系统的安全问题。
因此， C/S 结构化软件的安全性对于广大开发员而言是不被接受的。
Web 技术日新月异，日渐成熟，以 C/S 为基础研发，诞生了 C/S 升级版
广东东软学院本科生毕业设计（论文）
2
本，也就是我们所说的 Browse/Server(简称 B/S)。相对 C/S 而言，B/S 架构操作简易化、数据集中化、商业化等。简而言之，基于 C/S 结构的 B/S 体系结构的升级已开始逐渐成为取代 C/S 结构。B/S 架构作为一款主流的软件系统构建技术，客户端执行业务处理只需要在浏览器上实现。所以，这种体系结构很快为广大开发者应用，成为当今应用程序软件的首选体系结构，成为当今的发展技术的流行代表。
目前, 国内外大型企业对系统的开发大多数已经是 B/S 结构, 不然就是正在经历从 C/S 到 B/S 结构转型。从国内多数软件开发企业积极投资 B/S 架构软件的趋势来看, 在未来几年中，B/S 架构的管理系统势必占据管理系统领域的主导地位。
4 1.4 项目研究内容 基于 B/S 架构 的“学习强国”爱国主义学习系统发挥了许多优势，大量减少了客户端的电脑负载，充分压缩了工作人员升级与维护系统的工作量和成本, 并且降低了用户的总拥有成本(TCO)。该项目应用了当下流行的 VUE 框架、HTML5、PHP7.0 和 MY SQL 等技术，实现了用户在线学习爱国主义知识、时政热点和新思想的网站并且开发出系统管理员维护系统等多样功能。
论文首先围绕基于 B/S 架构 的“学习强国”爱国主义学习系统所应用的核心技术进行阐述，紧接着进行本项目的系统分析。要把系统设计得更加完善、合理化，系统分析是必不可少的过程，该过程能更加明确我们的功能需求。以此基础上我们进行深入地探索系统功能，我们离一个完整的系统设计就越来越接近。
在系统开发中，从系统实用性的角度出发，使用当下比较流行、成熟、普遍应用的 PHP7.0 和 MY SQL 数据库来进行系统分析。PHP7.0 能设计开发与实现系统管理平台，然而 MY SQL 数据库能为系统的数据储存管理，实现系统的稳定性、安全性和可靠性，为我们快速做好扎实的技术基础。
广东东软学院本科生毕业设计（论文）
3
第二章
系统可行性分析 1 2.1 可行性分析 基于 B/S 架构的爱国学习系统是一种学习信息管理系统，可以让用户了解当前的政治问题、国情和新思想。系统的实现首先需要采用适当的开发技术，并挖掘、分析用户的需求，然后确定系统的开发目标。通过以上工作，我们可以从以下几个方面来讨论项目的可行性。
2.1.1
技术可行性
本项目是基于 B/S 架构的“学习强国”爱国主义学习网站，主要使用了 VUE框架+HTML5+PHP7.0+My SQL 数据库相结合的开发技术，实现前端页面的设计、后端数据库的调用、开发和管理。Vue 方便于第三方项目结合，这是它被流行使用的主要原因。PHP 语言发展较为成熟、性能稳定、开发速度快并且易于管理。所以在前端开发中，HTML5 嵌入 PHP 技术有利于实现界面友好型、功能完备型和操作简易型的系统。此外 PHP 技术具有数据库连接广泛性，利用编译的不同函数可以与许多主流的数据库建立连接，例如 My SQL 数据库。而基于 My SQL 建立的数据库，能做出数据完整、数据稳定以及数据安全的系统特性。随着 B/S 架构的开发模式日益完善，B/S 架构将系统功能的核心部分都聚集在服务器上，受到广泛应用。将上述...
下一篇：跟岗学习总结,(2)
