使用vue技术从0搭建CMS后台管理系统

阅读: 15527    发布时间: 2018-09-03 10:59:50

github地址:https://github.com/501351981/vue_yii_cms

如今放眼望去,所有的前端招聘信息里,都会要求至少会一个前端框架(React、Angular、Vue ),因此必须要学习一下了, 通过这次使用vue重写之前的管理系统,发现vue开发还是很方便的,组件的编写相比传统开发方便很多,由于是单页面应用,页面之前切换也只是通过ajax拉取数据,感觉访问速度也比之前好一些。由于是从0开发一个后台,而且是第一次使用vue,遇到很多问题,总结出来希望能够带给搭建帮助,源码后续会贡献出来。

本次管理后台开发使用的技术:

前端:vue全家桶,包括Vue Router,VueX,Vue Loader,webpack

后台:php的YII框架

不敢自称全栈工程师,只是能用后台写一些接口。会一个后台,对前端人员也是有好处的,如果不是因为自己会点后台,也不能从0搭建一个网站,无法进行这些实践,相信也会失去很多学习的机会的。我觉得学习是螺旋上升的,当你学会一个新技术的时候,可能思路也提升了,对原来的技术也是有提升的,绝对不应该因为很多人说全栈不好,就去拒绝学习,职业有边界,但是我们的技术,不应该有边界,不应该给自己设限。再说了,前端不学后台,你的前端就一定比人家全栈同学学的深吗,未必!

遇到的问题:

一个后台管理系统,最终于的一环,应该就是权限管理了,这也是本项目遇到最大的难题。

如何避免访问超出权限的页面呢?如何设置动态路由?如何拦截未登录用户访问页面?

后面都会一一说明。


再一个就是后台很多页面都有相似之处的,比如都有菜单栏、面包屑导航等,如果公用这部分,如果设置我们的路由结构,都很重要,我也是自己摸索


花了很大时间解决的另一个问题就是如何在vue中方便的使用ueditor了,如何能像使用普通的input那样使用ueditor,着实花费了很多时间


整个项目下来,还是比较有成就感的,毕竟能够在空余时间,自己从0搭建一个网站,并不是一个那么容易的事情,除了需要一定的技术储备,还需要一定的自制力,克服可能娱乐软件的诱惑;更重要的是克服浮躁心理,相信有一些同学学习的时候很有热情,但是从0开始做一个事情,并把各种细节做好,可能就不那么容易了,特别是在这个特别浮躁的年代,能静下心来,做一个看似容易的事情,也是值得尊敬的。

入行不久,水平有限,有问题之处肯定很多,大家多多包涵,有想做朋友的,可以添加我的微信,在页面能找到;问问题的,请先发个红包,不是为了赚这个钱,只是萍水相逢,花时间解决问题,应得的尊重,有的人加上了,就问问题,连句谢谢都没有,谁的时间不宝贵呢,是吧