22f9

图2-1 VUE运行原理图## 2.2 Mysql数据库简介数据库用于存储数据。如果数据库按照存储方式来划分，我们会发现本开发系统大部分采用MySQL数据库来保存数据信息。 MySQL的本质是RDBMS。其源代码高度开放，可以在互联网上的任何地方找到。数据库管理语言采用SQL（结构化查询语言）进行数据管理。下面我们简单介绍一下SQL语句的一些常见用法。通常当我们要创建数据库时，我们会使用“CREATE DATABASE”命令。在使用数据库时，我们会使用“use+数据库名称”命令。如果我们想查看数据库中的数据表，我们会使用“SHOW TABLES”命令。当然，我们在操作数据表的内容时也会用到一定的命令，比如“drop”用于删除，“delete from”用于清除，“update”用于更新数据，“insert into”如果需要添加数据。和其他命令，这些是SQL 查询语句的惯用语法。这次使用mysql数据库，是因为其备受争议的实用性和可靠性。它的大部分功能是普通系统无法使用的。而且mysql体积虽小但功能比较齐全，成为通用系统软件开发的首选。 MySQL的开源代码可以通过360安全浏览器快速下载，程序员可以根据自己的需求定制这些免费代码。为了让我们更好的使用MySQL，我们通常需要做更多的维护工作。当我们有时间的时候，我们应该检查一些二进制日志、错误日志、正则查询日志等日志。他们可以帮助我们进行性能分析和DBA检查。除此之外，我们还需要注意的是，缓冲区和缓存必须按一定的时间间隔更新，这样可以减少碎片，使用OPTIMIZETABLE命令重新组织数据表，节省大量空间，避免浪费空间。 ## 2.3 SSM框架介绍本系统开发在系统框架设计上采用了目前主流的企业级SSM框架。与SSH框架相比，SSM框架在实际应用中也得到了广泛的应用。 SSM框架实际上是Spring Spring MVC和MyBatis这三个缩写的缩写，SSM框架基本上能够构建很多比较大型的企业级系统。 Spring在2003年比较流行，是一个基于Java开发的轻量级开源框架。主要可以简化企业应用开发的复杂步骤。通常大多数Java应用程序开发过程中都会使用Spring。它是基于服务器端开发的。 Spring MVC可以支持Spring特性，使开发更简单、更规范。 Spring MVC 通过简单地分离控制器、调度程序、模型对象和编程对象的角色这四个部分，使它们更容易定制。 MyBatis实际上是一个Java开发的持久层框架。该框架可以帮助开发者进行数据信息的增删改查等管理操作。 SSM与三层架构的关系图如下所示。

图2-2 SSM与三层架构关系图## 2.4 Eclipse简介系统开发平台是在Eclipse开发平台上进行的。 Eclipse的源代码可以在网上随便找到。 Eclipse本身实际上是框架和服务的组合。 Eclipse构建的开发环境是通过插件组件构建的，但是Eclipse也包含了一个相对标准的插件集合，其中也包含了Java开发工具。在Eclipse中，可以说几乎一切都是插件。 Eclipse使用Java语言进行系统开发，但它也提供了对PHP语言、Android编程语言等多种编程语言的插件支持。 Eclipse 框架还可以用作其他应用程序的基础。这些程序与软件开发没有任何关系。内容管理系统等应用程序就是一个例子。 ## 2.5 B/S系统架构B/S（浏览器/服务器）结构是当前主流的网络结构模型。可以将系统的核心功能集中在服务器上，帮助系统开发人员简化操作，方便维护和使用。用户只需在客户端安装360浏览器、谷歌浏览器、QQ浏览器等当前流行的浏览器，并在电脑上安装sqlserver、mysql数据库等数据库。安装的浏览器与服务器端数据库交互以获取信息数据。很多专业软件能做的事情也可以使用B/S结构模型来实现，它可以结合Web浏览器技术、ActiveX技术和多种脚本语言。它可以帮助程序开发人员节省大量的开发成本。目前，B/S结构已经成为程序开发的主流结构。它最好的一点是没有位置限制，也不需要安装特殊的软件。如果笔记本电脑或计算机可以访问Internet，则可以访问该系统。采用B/S方式开发系统，可以省去后期系统维护的麻烦。您不必处理服务器上的所有问题。简单的客户端处理可以解决一些问题。开发出来的程序也将与用户更具互动性。它还可以实时刷新浏览器，以更新程序的本地数据信息。 B/S模式是三层架构。 B/S模式的三层结构图如图2-3所示。

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

3 系统分析

3.1可行性分析

经过上面的简单分析，我们发现不需要担心系统开发和运行，不需要在经济上花钱，技术有保障，还有多余的时间，从而可以进行少儿编程在线培训系统的开发。 ## 3.2 系统性能分析本次开发的系统要求系统数据内容信息具有相应的安全机制。非系统用户无法轻易进入系统。数据信息的添加、修改、查看、删除也必须严格控制和管理。用户使用系统查找数据信息的时间不宜太长，最好在一秒以内。任何系统从产生到消亡的这段时间称为它的寿命。系统稳定正常使用时间应超过五年。还有一点就是系统必须能够体现经济价值。如果用户能使用它并产生依赖是最好的。系统投入运行后，首次访问者可以在短时间内学会操作并快速理解。至于程序内容，即使我们的程序通过了测试，但需要注意的是，任何系统的安全性都不能掉以轻心。一个好的程序是一个能够保证数据安全的系统。 ## 3.3 系统运行环境系统开发选用win7操作系统，开发平台为eclipse配合Mysql数据库进行开发，系统采用B/S模式编写，比C/S模式简单。编码语言采用Java完成系统功能的编写。系统架构采用SSM架构进行系统开发运营。系统接口设计满足大众需求、稳定性和数据内容安全等系统问题。我们在开发期间会有相应的技术手段来保证。 ## 3.4 系统流程分析系统流程分析是对系统运行过程中各个环节的业务流程进行分析。将从用户登录、数据查询等功能进行数据流程分析，最终以流程图的形式展示。 ### 3.4.1 用户登录流程系统投入使用。每个函数都有一个流程操作。例如，登录时如果用户名和密码填写正确，会得到什么样的反馈？如果填写错误会得到什么样的反馈？后台执行有相应的操作。过程。本次开发的系统的登录流程执行如下图所示。用户登录流程如下：

图3-1 用户登录流程图### 3.4.2 信息修改流程信息修改流程是用户对数据信息进行简单修改操作时需要遵循的流程。具体流程图如下：

图3-2 信息修改流程图### 3.4.3 信息添加流程信息录入也有一定的流程。从开始录入到成功添加信息的流程如下：

图3-3 信息添加流程图### 3.4.4 信息查询流程信息查询需要输入关键字，然后回车进行搜索，找到用户需要的信息并显示出来。具体执行流程如下

图3-4 信息查询流程图

此次计划开发的少儿编程在线培训系统的操作过程并不困难。用户只需一点指导就可以开始使用。该系统可以管理新闻和公告信息以及业主和业主信息。工作方式计算机信息化。我们简单说一下这个少儿编程在线培训系统的开发需要遵循的开发目标：

(1)首先系统界面设计要美观，操作要求简单。设计过程应采用控制布局，以简化操作员使用系统时的信息输入。用户每次操作内容时，系统都会有相应的提示信息，帮助用户随时了解自己在做什么。

(2)即时可视性：用户正在执行修改操作、删除操作、简单的信息添加操作等，每次操作后，应在系统对应的主页面上显示操作的效果，例如删除某条信息一条信息，则被删除的信息将无法再出现在页面上。添加一条信息时，主页面会同时显示新添加的内容。

(3)功能完善：系统开发是为了让用户用起来舒服。功能必须充分满足用户的功能需求。操作流程和功能匹配必须既完善又合理。

(4)移植方便：一个系统开发出来并不是一成不变的。后期随着物业规模的扩大，相应的变化是系统内容也会根据物业的需要进行完善或扩展。只需修改程序内容即可使其独一无二。简化软件系统开发、系统更新和维护。

(5)动态管理：系统数据每天运行，数据信息都会发生动态变化。这些动态变化的信息必须在系统中实时更新。比如查询业主和业主的房产信息，那么业主和业主的房产信息一定是最新的信息。查询、修改和删除操作所需的数据内容始终保持最新。 ## 3.5 功能需求UML 也称为统一建模语言。这种语言相当有力，也不难表达。使用它进行系统分析没有任何限制。更重要的是，UML集成了软件领域的许多方面。思想和技术也包括在内。通常，我们在系统开发前的分析阶段会用它来画图。使用它可以更加简单、清晰地描述我们即将开发的系统的功能。

在本次开发的少儿编程在线培训系统中，我们主要分为信息管理部分、基础信息部分、站长信息管理部分和登录部分，下面将分别进行说明。

4 系统设计

4.1系统结构设计

少儿编程在线培训系统采用Web应用中最流行的B/S结构。这种结构的唯一要求是用户可以选择一天中的任何时间段来执行该系统，无论什么场合。访问需要用户的计算机连接到网络。只要有网络，用户就可以随意访问程序和服务器。系统结构如图4-1所示：

图4.1 系统结构图## 4.2 系统功能模块设计在系统设计阶段，我们要设计系统架构。这部分主要是对系统功能进行细分，最后将所有的小功能组合在一起的过程。系统架构步骤如下：

1、将要开发的系统划分为很多小模块

2.预先设计划分为第一步操作的小模块。

3.设计小模块之间的逻辑关系

4.设计小模块的接口以及模块之间的信息传输

在设计过程中，我们首先需要了解系统需求，然后根据需求报告进行初步设计，然后进行后期优化，最后出具可以实施的系统框架图

少儿编程在线培训系统

用户信息管理

公告信息管理

课程信息管理

课程类型管理

商科教师信息管理

修改用户信息

添加用户信息

已添加商科老师信息

业务教师信息删除

业务教师信息修改

新增商务课程类型

商科课程类型修改

商业课程类型删除

添加业务公告信息

业务公告信息删除

删除业务公告信息

添加了商业课程信息

商科课程信息修改

删除商科课程信息

新的

公告类型管理

新公告类型修改

新公告类型已删除

添加了新的公告类型

图4-2 管理员功能结构图### 4.3 数据库设计

表4.1 词典表

序列号

列表

数据类型

阐明

允许为空

INT

不

迪克代码

细绳

场地

是的

迪克名称

细绳

字段名称

是的

代码索引

整数

编码

是的

索引名称

细绳

编码名称

是的

超级id

整数

父字段ID

是的

北珠

细绳

是的

创建时间

日期

创建时间

是的

表4.2 论坛表

序列号

列表

数据类型

阐明

允许为空

基于ssm框架+vue的少儿编程在线培训系统

INT

不

论坛名称

细绳

帖子标题

是的

yonghu_id

整数

用户

是的

jiaoshi_id

整数

老师

是的

用户ID

整数

行政人员

是的

论坛内容

细绳

帖子内容

是的

超级ID

整数

家长ID

是的

论坛状态类型

整数

帖子状态

是的

插入时间

日期

发帖时间

是的

更新时间

日期

修改时间

是的

创建时间

日期

创建时间

是的

表4.3 教师名单

序列号

列表

数据类型

阐明

允许为空

INT

不

用户名

细绳

帐户

是的

密码

细绳

密码

是的

jiaoshi_name

细绳

老师姓名

是的

焦氏_照片

细绳

头像

是的

性别类型

整数

性别

是的

jiaoshi_phone

细绳

是的

jiaoshi_email

细绳

邮件

是的

jiashi_delete

整数

假删除

是的

创建时间

基于ssm框架+vue的少儿编程在线培训系统

日期

创建时间

是的

表4.4 课程信息表

序列号

列表

数据类型

阐明

允许为空

INT

不

keheng_uuid_number

细绳

课程编号

是的

科城名称

细绳

课程名称

是的

keheng_types

整数

课程类型

是的

科城_照片

细绳

课程图片

是的

年令段_类型

整数

年龄组

是的

jiaoshi_id

整数

老师

是的

客城号码

大十进制

注册费

是的

科城_内容

细绳

课程介绍

是的

创建时间

日期

创建时间

是的

表4.5 登记记录表

序列号

列表

数据类型

阐明

允许为空

INT

不

科城_id

整数

课程

是的

yonghu_id

整数

用户

是的

创建时间

日期

创建时间

是的

表4.6 公告信息表

序列号

列表

数据类型

阐明

允许为空

INT

不

新闻名称

细绳

公告标题

是的

新闻类型

整数

公告类型

是的

基于ssm框架+vue的少儿编程在线培训系统

新闻照片

细绳

公告图片

是的

插入时间

日期

公告时间

是的

新闻内容

细绳

公告详情

是的

创建时间

日期

创建时间

是的

表4.7 用户表

序列号

列表

数据类型

阐明

允许为空

INT

不

yonghu_name

细绳

用户名

是的

永湖_照片

细绳

头像

是的

yonghu_phone

细绳

是的

勇虎邮箱

细绳

邮件

是的

新钱

大十进制

平衡

是的

yonghu_delete

整数

假删除

是的

创建时间

日期

创建时间

是的

表4.8 用户表

序列号

列表

数据类型

阐明

允许为空

INT

不

用户名

细绳

用户名

是的

密码

细绳

密码

是的

角色

细绳

角色

是的

添加时间

日期

添加时间

是的

5 系统实现

教师信息管理页面如图5.2所示。该页面向管理员提供的功能有：查看已发布的教师信息数据、修改教师信息、作废教师信息、删除教师信息。

图5.2 教师信息管理页面### 5.3 课程信息管理课程信息管理页面如图5.3 所示。该页面为管理员提供的功能包括：根据课程信息进行条件查询，以及添加新课程信息的功能。修改、查询操作等

图5.3 课程信息管理页面### 5.1 公告信息管理公告信息管理页面如图5.4 所示。该页面向管理员提供的功能包括：根据公告信息进行添加、修改、查询操作等。

图5.4 公告信息管理页面# # 结论我平时在学校学习各种知识，按时完成老师布置的作业。虽然从形式上感觉自己的能力增长了很多，但是学到的东西也开始积累了。但面对毕业设计，一想到要自己完成程序开发，所有的问题就出现了。我感觉自己一个人完成程序开发一定是相当困难的。在导师的帮助下确定了选题之后，我就和大家一样开始收集选题信息。我在图书馆看了很多书，有关于eclipse开发平台详细操作的书籍，还有关于Mysql数据库的书籍。环境搭建、具体的数据库创建和参数设置、具体的程序开发流程和功能设置等书籍都给了我答案，于是我开始写题目，搭建论文大纲的内容结构。慢慢地我开始不再担心碧蛇了。

最困难的时刻是我编写程序的时候。虽然我是根据自己的需求报告来编写系统功能的，但每次我写完一个小功能后，运行时都会出错。经过无数次的尝试和奔跑，同学们终于帮助了我。检查后出现问题，很多时候程序代码都是乱码，不过后来通过万能的百度解决了。

在独立完成程序开发的过程中，我发现了很多关于程序开发的论坛，认识了很多资深程序员。我还通过网站上别人写的博客信息学习了开发相关的知识。可以说，完成课程后，我与之前相比，我的能力得到了很大的提高，所以我的毕业设计的完成应该是我最难忘的一次。