最近在撸一个小项目,原来做过几个系统,主要用的是Extjs和SpringMVC。Vue了解过一点,看了一下官方文档感觉蛮好的(相比Extjs,“蛮好”两字其实无法表达...)。原来的SpringMVC的架构因为是别人搭建好的,只是照葫芦画瓢的开发,也没有足够的精力去深入学习了解。然后我决定了这个项目的方案,Vue加Springboot,几乎零基础边做边学,虽然因为时间要求的比较紧把自己搞得压力山大,不过最后还是如期开发完成~
架构方案
前端:Vux 做移动网页版(朋友推荐,也确实比较溜。文档还算比较齐全的,不过我到现在还是没搞出来 InlineCalendar的marks是怎么用的)
后端:Springboot参考 @Mr_初晨 的专栏,一步步搭的框架。感谢!
数据库:MySQL
路由校验
1.定义路由:通过设置meta来判断是否需要进行校验,我是全部都写了
const routes = [
{
path: '/', component: Login},
{
path: '/home',
meta:{auth:true}, // 设置当前路由需要校验 不需要校验的路由就不用写了
component: Home
},{
path: '/Reserve',
meta:{auth:true},
component: Reserve
},{
path: '/Cancel',
meta:{auth:true},
component: Cancel
},{
path: '/WorkInfo',
meta:{auth:true},
component: WorkInfo
},{
path: '/Detail/:type/:date',
meta:{auth:true},
component: Detail
}]
const router = new VueRouter({ routes})复制代码
2.通过路由钩子对每次请求进行拦截,