前阵子给老蔡开发他的新系统,到手机站这边的时候,原先想着还是用传统的套模板模式给他开发,省时又省事,后面看着时间还算充裕,加上老蔡不停地叮嘱用户体验一定要好,于是改了想法,准备开发单页应用,采用前后端完全分离的模式。

因为后面可能会扩展开发APP,所以开始开发的时候就封装提供了很多API,这样基本后台就省事很多了,只要为M站提供API,而M站请求时通过header里面加Token来鉴权,避免了不少原先套模板时的恶心感。

前端主要用到了vue、vuex、vux、vue-router,通过webpack打包发布,本来打算部分页面走SSR,准备引入Nuxt,不过想想没啥必要,反正M站不考虑SEO的问题,最终做完的M站项目大概有100+的组件,将近50个的页面,最终体验效果还可以,比以前用ionic之类开发的项目流畅速度多了,用vue的开发效率也还可以,业余时间写写花了不到两个月搞定。

当然中间也遇到不少的坑,比如说微信支付这一块的,贼变态,不能在根目录,最后加了个二级目录搞定,还有一些页面返回后要保持在原列表位置等等各式各样大大小小的坑。

放个视频看看demo