其他分享
首页 > 其他分享> > Springboot+Vue成果统一管理系统

Springboot+Vue成果统一管理系统

作者:互联网

文章目录

Springboot+Vue成果统一管理系统

一、项目简介

1.简介

本项目是一个成果统一管理系统,用户在注册登录之后可以进行成果录入,主题支撑材料分析,成果支撑研究方向聚类分析,成果

导出,以及对录入成果进行编辑修改。 其次,还包括对用户的资料管理功能,密码, 用户名的修改等。管理员可以对用户和成果进行管理。

2.项目结构

image-20211228201852109

3.逻辑结构

image-20211228200838583

4.开发环境

数据库:Mysq+Navicat

前端:Vue+ elementui

后端:Springboot+Mybatis

开发工具:IDEA 2020.3.2+JDK1.8

二、运行效果

1.用户界面

登录界面

image-20211228192749817

注册界面

image-20211228192735711

用户首页

image-20211228192825679

成果上传界面,可以上传文件图片

image-20211228192902053

查看我的成果信息,可以进行增删改查

image-20211228192925879

成果支撑材料界面,查看成果支撑材料信息

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IlCyrl7M-1640693666441)(C:\Users\MayBeBa\AppData\Roaming\Typora\typora-user-images\image-20211228193009367.png)]

成果聚类分析界面,根据成果名进行搜索查询并可以导出excel表

image-20211228193135052

用户基本资料设置

image-20211228193200738

用户密码修改

image-20211228193222533

2,管理员界面

管理用户成果信息,进行增删改查

image-20211228193354106

管理用户,增删改查及权限管理

image-20211228193443882

修改管理员自己的信息和密码

image-20211228193521595

三、项目的结构

1.前端

image-20211228193736560

2.后端

image-20211228193823793

四、安装部署

1.后端

1.1 配置数据库(sql文件直接导入)

image-20211228194044364

1.2导入后端代码并连接数据库

image-20211228194252802

1.3导入依赖

不同的环境可能会报错,一般百度都有解决方案

image-20211228194333778

1.4启动

这里已经有编译好的前端文件,效果如文章开头的展示,需要修改的话请自行编译前端

另外打开浏览器时要输入

https://localhost:8088

image-20211228194543938

2.前端(若不需要修改前端页面的可跳过)

2.1导入前端代码

image-20211228195051342

2.2修改好后打包

基础的vue配置请自行百度,若缺少相关内容可能无法打包

修改好后在终端输入命令

npm run build

image-20211228195441509

正确的结果如下图所示

image-20211228195527319

dist文件夹是编译好的文件存放位置,一般包括四个包,如下图所示,若缺少或者没有出现dist文件请百度

image-20211228195827730

2.3将dist目录下的所有文件复制到后端的static文件夹下,并重新启动

image-20211228200019251

json文件在前端的assets目录下

image-20211228200106486

现在重新启动后端就可以看到修改后的界面了

五、需要源码及安装指导的请私信

标签:文件,Vue,界面,Springboot,管理系统,前端,成果,修改,导入
来源: https://blog.csdn.net/m0_48958478/article/details/122201715