前言
工作有两三年,素来只会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一下嘛。
@RestControllerpublic 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的前端我的项目算是初始化胜利了。