前言
工作有两三年,素来只会 crud, 明天开始整顿一下,从零开始搭建一个简略的前后端后盾管理系统
技术选型
- springboot 2.0+
- vue 2.0
我的项目搭建
1、springboot 我的项目搭建
开发工具
- idea
- jdk1.8
- maven
初始化我的项目
创立一个 sample-admin 我的项目,退出 Spring web 依赖。去掉多余的.mvn 相干文件,把默认 application.properties 配置文件改成 application.yml 后缀(看集体爱好!),整个我的项目构造如下:
配置默认端口和 path
server:
port: 8181
servlet:
context-path: /sa
启动我的项目试一下。
创立一个 TestController, 代码的事总要 hello world 一下嘛。
@RestController
public class Test {@GetMapping("hello")
public String hello() {return "hello word";}
}
拜访 localhost:8181/sa/hello
胜利拜访到了,这就搭建好了一个简略具备 web 性能的 springboot 我的项目了。
2、vue 我的项目搭建
开发工具
- vscode
- node
初始化我的项目
这里选用 vue-element-admin 这个现成的框架,使用 element ui,社区沉闷也不错。这里间接抉择下载 vue-admin-template 根底模板,在根底上写咱们本人想要的性能。
vue 是依赖 node 环境和 npm 依赖包治理,所以要先装好环境,网上教程很多。
下载 ZIP 压缩包,解压到喜爱的文件夹。
关上 vscode 导入我的项目文件夹,在管制台上执行 npm 导包命令
npm install 或 npm i
依赖下载胜利后,执行 run 命令运行程序
npm run dev
拜访 localhost:9528
进入登陆界面并登陆,vue 的前端我的项目算是初始化胜利了。