欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
Springboot+Vue成果统一管理系统
 
一、项目简介
 
1.简介
 
本项目是一个成果统一管理系统,用户在注册登录之后可以进行成果录入,主题支撑材料分析,成果支撑研究方向聚类分析,成果
 
导出,以及对录入成果进行编辑修改。 其次,还包括对用户的资料管理功能,密码, 用户名的修改等。管理员可以对用户和成果进行管理。
 
2.项目结构
 
3.逻辑结构
 
4.开发环境
 
数据库:Mysq+Navicat
 
前端:Vue+ elementui
 
后端:Springboot+Mybatis
 
开发工具:IDEA 2020.3.2+JDK1.8
 
二、运行效果
 
1.用户界面
 
登录界面
 
注册界面
 
用户首页
 
成果上传界面,可以上传文件图片
 
查看我的成果信息,可以进行增删改查
 
成果支撑材料界面,查看成果支撑材料信息
 
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IlCyrl7M-1640693666441)(C:\Users\MayBeBa\AppData\Roaming\Typora\typora-user-images\image-20211228193009367.png)]
 
成果聚类分析界面,根据成果名进行搜索查询并可以导出excel表
 
用户基本资料设置
 
用户密码修改
 
2,管理员界面
 
管理用户成果信息,进行增删改查
 
管理用户,增删改查及权限管理
 
修改管理员自己的信息和密码
 
三、项目的结构
 
1.前端
 
2.后端
 
四、安装部署
 
1.后端
 
1.1 配置数据库(sql文件直接导入)
 
1.2导入后端代码并连接数据库
 
1.3导入依赖
 
不同的环境可能会报错,一般百度都有解决方案
 
1.4启动
 
这里已经有编译好的前端文件,效果如文章开头的展示,需要修改的话请自行编译前端
 
另外打开浏览器时要输入
 
https://localhost:8088
 
1
 
2.前端(若不需要修改前端页面的可跳过)
 
2.1导入前端代码
 
2.2修改好后打包
 
基础的vue配置请自行百度,若缺少相关内容可能无法打包
 
修改好后在终端输入命令
 
npm run build
 
1
 
正确的结果如下图所示
 
dist文件夹是编译好的文件存放位置,一般包括四个包,如下图所示,若缺少或者没有出现dist文件请百度
 
2.3将dist目录下的所有文件复制到后端的static文件夹下,并重新启动
 
json文件在前端的assets目录下
 
现在重新启动后端就可以看到修改后的界面了

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64810.shtml