基于springboot+vue+mysql多维分类的知识管理系统(源码+论文)
一、开发技术
1 VUE框架
技术描述:Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
2 Mysql数据库
技术描述:在数据库的选择上,关系型数据库中甲骨文公司的Oracle和MySQL,微软的SQL SERVER和ACCESS,IBM的DB2数据库是常用选项。根据课题需求,Oracle显得不合适,因其维护难且臃肿,课题程序只用到了其中很少一部分。SQL SERVER数据库在安装维护方面常常需要重装系统,且受操作系统限制。ACCESS数据库虽然小巧,但在安全性和语言支持方面较为片面。DB2数据库接触较少,不予考虑。而MySQL数据库社区版完全免费,并且开源,值得信赖。它小巧且基本不占用硬盘空间,处理性能也可以,完全符合课题需要,因此选择MySQL作为本程序的数据库。
3 Spring Boot框架
技术描述:Spring Boot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化新 Spring 应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,开发人员不再需要定义样板化的配置。可以理解为Spring Boot整合了所有的框架,默认配置了很多框架的使用方式,如同Maven整合了所有的Jar包。
4 layui介绍
技术描述:layui 是一套开源的 Web UI 解决方案,采用自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。其风格简约轻盈,组件优雅丰盈,从源代码到使用方法的每一处细节都经过精心雕琢,非常适合网页界面的快速开发。layui区别于基于 MVVM 底层的前端框架,更面向后端开发者,无需涉足前端的各种工具,只需面对浏览器本身,让一切所需的元素与交互信手拈来。
二、系统设计
数据库设计
数据库表结构
表1 配置文件表
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
|---|---|---|---|---|
| 1 | Id | Int | id | 否 |
| 2 | name | String | 配置参数名称 | 是 |
| 3 | value | String | 配置参数值 | 是 |
表2 知识信息评论表
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
|---|---|---|---|---|
| 1 | Id | Int | id | 否 |
| 2 | addtime | Date | 创建时间 | 是 |
| 3 | refid | Integer | 关联表id | 是 |
| 4 | userid | Integer | 用户id | 是 |
| 5 | nickname | String | 用户名 | 是 |
| 6 | content | String | 评论内容 | 是 |
| 7 | reply | String | 回复内容 | 是 |
表3 收藏表
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
|---|---|---|---|---|
| 1 | Id | Int | id | 否 |
| 2 | addtime | Date | 创建时间 | 是 |
| 3 | userid | Integer | 用户id | 是 |
| 4 | refid | Integer | 收藏id | 是 |
| 5 | tablename | String | 表名 | 是 |
| 6 | name | String | 收藏名称 | 是 |
| 7 | picture | String | 收藏图片 | 是 |
表4 token表
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
|---|---|---|---|---|
| 1 | Id | Int | id | 否 |
| 2 | userid | Integer | 用户id | 是 |
| 3 | username | String | 用户名 | 是 |
| 4 | tablename | String | 表名 | 是 |
| 5 | role | String | 角色 | 是 |
| 6 | token | String | 密码 | 是 |
| 7 | addtime | Date | 新增时间 | 是 |
| 8 | expiratedtime | Date | 过期时间 | 是 |
表5 用户表
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
|---|---|---|---|---|
| 1 | Id | Int | id | 否 |
| 2 | username | String | 用户名 | 是 |
| 3 | password | String | 密码 | 是 |
| 4 | role | String | 角色 | 是 |
| 5 | addtime | Date | 新增时间 | 是 |
表6 用户信息表
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
|---|---|---|---|---|
| 1 | Id | Int | id | 否 |
| 2 | addtime | Date | 创建时间 | 是 |
| 3 | yonghuming | String | 用户名 | 是 |
| 4 | mima | String | 密码 | 是 |
| 5 | xingming | String | 姓名 | 是 |
| 6 | touxiang | String | 头像 | 是 |
| 7 | xingbie | String | 性别 | 是 |
| 8 | shouji | String | 手机 | 是 |
表7 知识分类表
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
|---|---|---|---|---|
| 1 | Id | Int | id | 否 |
| 2 | addtime | Date | 创建时间 | 是 |
| 3 | zhishifenlei | String | 知识分类 | 是 |
表8 知识信息表
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
|---|---|---|---|---|
| 1 | Id | Int | id | 否 |
| 2 | addtime | Date | 创建时间 | 是 |
| 3 | zhishibiaoti | String | 知识标题 | 是 |
| 4 | zhishifenlei | String | 知识分类 | 是 |
| 5 | biaoqian | String | 标签 | 是 |
| 6 | fengmiantu | String | 封面图 | 是 |
| 7 | zhishijianjie | String | 知识简介 | 是 |
| 8 | zhishishipin | String | 知识视频 | 是 |
| 9 | zhishifujian | String | 知识附件 | 是 |
| 10 | zhishineirong | String | 知识内容 | 是 |
| 11 | faburiqi | Date | 发布日期 | 是 |
| 12 | clicktime | Date | 最近点击时间 | 是 |
| 13 | clicknum | Integer | 点击次数 | 是 |
三、 系统实现
1 管理员功能实现
1.1 用户管理
功能描述:管理员可以对用户信息进行添加、修改、删除和查询操作。
界面展示:

图1 用户管理页面
1.2 知识分类管理
功能描述:管理员可以对知识分类信息进行添加、修改、删除和查询操作。
界面展示:

图2 知识分类管理页面
1.3 知识信息管理
功能描述:管理员可以对知识信息进行添加、修改、删除和查询操作。
界面展示:

图3 知识信息管理页面
1.4 知识信息添加
功能描述:管理员可以对知识信息进行添加操作。
界面展示:

图4 知识信息添加管理页面
2 用户功能实现
2.1 首页
功能描述:用户可以在首页查看多维分类的知识管理系统所有信息,包括导航栏,点击可以跳转到导航的项目。
界面展示:

图5 首页页面
2.2 知识信息
功能描述:用户可以查看知识信息,也可以下载、评论和收藏知识信息。
界面展示:

图6 知识信息管理页面
2.3 个人中心
功能描述:用户可以在个人中心修改自己的个人信息。
界面展示:

图7 个人中心页面
2.4 我的收藏
功能描述:用户可以在个人中心里面点击我的收藏,查看自己收藏过的知识信息,并进行取消收藏操作。
界面展示:

图8 我的收藏页面
更多推荐
所有评论(0)