一、开发技术

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 我的收藏页面

源码+论文下载>>

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐