前端vue框架环境搭建

1.安装node.js

可以从官网下载各种系统下的安装包,地址:node.js官网

1)如果你是window系统,那简单了,直接下载.msi安装文件安装即可愉快的使用

2)如果你是linux系统,那安装方式就很多了,具体可以参考:node.js下载地址

查看是否安装成功:

$node -v

2.安装npm

目前nodejs版本已经集成安装npm的包管理工具,所以无需额外再安装,查看安装是否成功:

$npm -v

注意:国内网络情况,直接npm安装包可能难以实现,可以通过国内npm源进行安装,如:淘宝https://npm.taobao.org 方便起见,可安装他们定制的cnpm命令行工具来代替npm

同时推荐使用yarn管理工具

Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样,它的目的是解决这些团队使用 npm 面临的少数问题,即:

安装的时候无法保证速度/一致性 安全问题,因为 npm 安装时允许运行代码 我们可以用npm 下载yarn

npm install -g yarn

3.安装vue-cli脚手架

npm install -g @vue/cli

或者

yarn global add @vue/cli

检查vue-cli版本号命令: vue --version,不确定是否安装成功,可以输入检查版本号命令,如果没报错返回版本号,则说明安装成功。

4.安装项目所需的依赖包

将本项目git clone到本地后,通过git bash切换到front_end分支,在根目录下运行以下命令进行依赖安装:

npm install

5.运行前端vue项目

安装依赖完毕后,执行以下语句:

npm run serve

即可运行前端项目(具体实现功能若要本地运行需要后端项目在本地同时运行

具体可供参考文档:Vue.js官方文档

后端Springboot框架搭建:

spring-boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置。通过这种方式,Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

1.配置对应的java环境

首先我们需要下载 java 开发工具包 JDK

并在主机配置好对应的环境变量,具体可参考:java官方安装配置说明

2.在本地数据库创建本项目需要的表单(本项目数据库编写采用Mysql)

执行以下sql文件内容:

中传放心传数据库构建sql文件

根据本地数据库设定端口在后端文件的配置文件application.properties中写入对应的数据库账号、密码、接口,请确保端口能够正常调用。

3.运行springboot框架

推荐安装IntelliJ IDEA,将本项目克隆至本地后,切换到rear_end分支,并在IDEA中打开,直接运行即可。