Springboot+Vue成果统一管理系统
作者:互联网
文章目录
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
2.前端(若不需要修改前端页面的可跳过)
2.1导入前端代码
2.2修改好后打包
基础的vue配置请自行百度,若缺少相关内容可能无法打包
修改好后在终端输入命令
npm run build
正确的结果如下图所示
dist文件夹是编译好的文件存放位置,一般包括四个包,如下图所示,若缺少或者没有出现dist文件请百度
2.3将dist目录下的所有文件复制到后端的static文件夹下,并重新启动
json文件在前端的assets目录下
现在重新启动后端就可以看到修改后的界面了
五、需要源码及安装指导的请私信
标签:文件,Vue,界面,Springboot,管理系统,前端,成果,修改,导入 来源: https://blog.csdn.net/m0_48958478/article/details/122201715