基于vue的青少年科普教学系统平台springboot

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1g34y1N7Bv?t=9.5

三、运行截图：

进入到这个环节，也就可以及时检查出前面设计的需求是否可靠了。一个设计良好的方案在运用于系统实现中，是会帮助系统编制人员节省时间，并提升开发效率的。所以在系统的编程阶段，也就是系统实现阶段，对于一些不合理的设计需求，也是可以及时发现。因为设计的方案是完全指导系统的编码过程的。

3.1用户信息管理

如图3.1显示的就是用户信息管理页面，此页面提供给管理员的功能有：用户信息的查询管理，可以删除用户信息、修改用户信息、新增用户信息，

还进行了对用户名称的模糊查询的条件

图3.1 用户信息管理页面

3.2 视频信息管理

如图3.2显示的就是视频信息管理页面，此页面提供给管理员的功能有：查看已发布的视频信息数据，修改视频信息，视频信息作废，即可删除，还进行了对视频信息名称的模糊查询 视频信息信息的类型查询等等一些条件。

图3.2 视频信息管理页面

3.3视频类型管理

如图3.3显示的就是视频类型管理页面，此页面提供给管理员的功能有：根据视频类型进行条件查询，还可以对视频类型进行新增、修改、查询操作等等。

图3.3 视频类型管理页面

3.1公告类型管理

如图3.4显示的就是公告类型管理页面，此页面提供给管理员的功能有：根据公告类型进行新增、修改、查询操作等等。

图3.4 公告类型管理页面

三、运行截图：

进入到这个环节，也就可以及时检查出前面设计的需求是否可靠了。一个设计良好的方案在运用于系统实现中，是会帮助系统编制人员节省时间，并提升开发效率的。所以在系统的编程阶段，也就是系统实现阶段，对于一些不合理的设计需求，也是可以及时发现。因为设计的方案是完全指导系统的编码过程的。

3.1用户信息管理

如图3.1显示的就是用户信息管理页面，此页面提供给管理员的功能有：用户信息的查询管理，可以删除用户信息、修改用户信息、新增用户信息，

还进行了对用户名称的模糊查询的条件

图3.1 用户信息管理页面

3.2 视频信息管理

如图3.2显示的就是视频信息管理页面，此页面提供给管理员的功能有：查看已发布的视频信息数据，修改视频信息，视频信息作废，即可删除，还进行了对视频信息名称的模糊查询 视频信息信息的类型查询等等一些条件。

图3.2 视频信息管理页面

3.3视频类型管理

如图3.3显示的就是视频类型管理页面，此页面提供给管理员的功能有：根据视频类型进行条件查询，还可以对视频类型进行新增、修改、查询操作等等。

图3.3 视频类型管理页面

3.1公告类型管理

如图3.4显示的就是公告类型管理页面，此页面提供给管理员的功能有：根据公告类型进行新增、修改、查询操作等等。

图3.4 公告类型管理页面