download：新版微服务时代Spring Boot企业微信点餐系统
迎接微服务时代，SpringBoot是你不得不学之框架，微信点餐系统将带你体验敏捷式开发，最小成本迭代升级，以最小的代价完成旧系统的升级改造，还原企业真实系统重构场景。系统前后端分离的架构，让你更具备互联网工程师的气质，带你一步步设计并开发一个企业级Java应用
适合人群
如果你是初入职场或即将进入职场的Java工程师，想深入学习Spring
Boot框架，那这门课几乎是你唯一的选择，如果你想用Spring Boot开
发一个中小型的Java 企业级应用，那本课程也是你的不二之选
技术储备要求
JavaWeb基础
Maven构建项目
SpringBoot基础
二、創立登錄頁面
把沒有用的初始化東西删掉！
1）在源码目錄中創立如下構造
assets：用於寄存資源文件
components：用於寄存 Vue 功用組件
views：用於寄存 Vue 視圖組件
router：用於寄存 vue-router 配置
![]()
2）創立首頁視圖：在 views 目錄下創立一個名爲 Main.vue 的視圖組件
3）創立登錄頁視圖：在 views 目錄下創立一個名爲 Login.vue 的視圖組件，其中 el-… 的元素爲 ElementUI 組件；
4）創立路由：在 router 目錄下創立一個名爲 index.js 的 vue-router 路由配置文件
import Vue from 'vue' // 導入Vue
import VueRouter from 'vue-router' // 導入路由
// 導入組件
import Main from "../views/Main"
import Login from "../views/Login"
// 裝置路由
Vue.use(VueRouter);
// 配置路由插件
export default new VueRouter({
/
mode - 路由形式
1)hash:途径帶#號 http://localhost/main#/
2)history:途径沒有# http://localhost/main
/
mode: 'history',
routes: [
{
/
首頁
/
path: '/main',
name: 'main',
component: Main,
},
{
/
登錄頁
/
path: '/login',
name: 'login',
component: Login
}
]
})
5）配置路由：修正入口代码，修正 main.js 入口代码
import Vue from 'vue' //Vue組件
import App from './App' //App組件
import VueRouter from 'vue-router' // 路由組件
import router from './router' // 自動掃描配置里面的路由
// 引入 ElementUI 與其 CSS
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// 裝置路由
Vue.use(VueRouter)
Vue.use(ElementUI);
new Vue({
el: '#app',
router, // 配置路由
render: h => h(App) // 啟用ElementUI
});
6）修正 App.vue 組件代码
7）測試：在阅讀器翻開 http://localhost:8080/#/login
假如呈現錯誤: 可能是由於sass-loader的版本過高招致的編译錯誤，當前最高版本是8.x，需求退回到7.3.1 ；
去package.json文件里面的 "sass-loader"的版本改換成7.3.1，然後重新cnpm install就能夠了；
![]()
三、路由嵌套
嵌套路由又稱子路由，在實践應用中，通常由多層嵌套的組件組合而成。同樣地，URL 中各段動態途径也按某種構造對應嵌套的各層組件，例如：
/user/foo/profile /user/foo/list
+------------------+ +-----------------+
User
User
+--------------+
+-------------+
Profile
+------------>
list
+--------------+
+-------------+
+------------------+ +-----------------+
1）用戶信息組件，在 views/user 目錄下創立一個名爲 Profile.vue 的視圖組件；
2）用戶列表組件，在 views/user 目錄下創立一個名爲 List.vue 的視圖組件；
3）配置嵌套路由修正 router 目錄下的 index.js 路由配置文件，代码如
import Vue from 'vue' // 導入Vue
import VueRouter from 'vue-router' // 導入路由
// 導入組件
import Main from "../views/Main"
import Login from "../views/Login"
import UserList from "../views/user/List
