其他分享
首页 > 其他分享> > 前后端分离开源项目分析套路(1)如何跑起项目?

前后端分离开源项目分析套路(1)如何跑起项目?

作者:互联网

选择的开源项目
https://github.com/Heeexy/SpringBoot-Shiro-Vue

查看使用的技术栈

通过项目描述可以知道这个项目简单的使用了vue和spring-boot(适合我这种只会这两个的废物orz)
同时注意到有Sql文件 说明要用到数据库
确保使用的技术栈我们都有学过环境没问题即可下载项目

下载后解压到一个合适的文件夹即可

环境搭建

数据库环境搭建

这里先打开Sql语句 要注意观察有没有建数据库的语句!!!!

很明显Sql文件只提供了建表语句 数据库需要我们去自己创建
我们可以先通过后端的配置文件 找到数据库配置文件 获得数据库名字


可以得知数据库名字为example
创建一个同名数据库 编码一般都选择utf-8即可

之后在该数据库下运行sql文件就好了

前端环境搭建


按照文章描述即可

后端项目导入

打开idea
一定要选择导入项目 而不是打开!

选择到back文件夹 确定 同时选择是maven项目

之后一路next即可
等待maven导入后查看maven是否报错 没有即说明成功

运行测试

查看后端提供几种运行手段


可以得知只有一个 所以不用我们做啥操作
启动前查看配置文件 一些环境不一样的一定要改成自己的

之后即可启动项目
选择一个你用的前端编辑器打开前端代码文件夹 这里我使用web-storm
终端输入npm run dev启动前端项目(注意终端对应的文件夹是前端文件夹)


可以发现我们成功的运行了项目!

标签:配置文件,项目,套路,数据库,项目分析,开源,文件夹,即可,前端
来源: https://www.cnblogs.com/OfflineBoy/p/15169946.html