vueelementadmin⼆次开发_后端开发vue项⽬推荐vue-
element-admin
前⾔:
做后端开发的同学都知道,越是正规的公司,分⼯越是专业。⼀般后端开发不太会被安排⼀些前端开发任务。尽管如此,不代表说后端同学⼀点前端也做。
对于⼀些内部时候、对样式不太在意的“管理系统”(各种 admin/government/background)。套路化、模板化的前端,有很⼤概率是后端来做的。因此后端同学也有必要掌握⼀些前端技术,不求多专业,够⽤就好。
后台管理系统⼏个时代
就笔者⽽⾔,后台管理系统的前端开发,基本上经历了4个阶段。
这4个阶段基本跟前端框架的进展也是吻合的。4个阶段如下:
l ⽯器时代
后端使⽤JSP、Freemarker、Velocity等模板引擎,基于内置or⾃定义标签。后端直接渲染出前端页⾯。
缺点有很多:后端⼀个变量写不对,整个页⾯⽆法出现。语法⼗分不⽅便阅读,各种转义符经常看的眼花缭乱,从⽽也很难维护。这个阶段很快就过去。
l 青铜时代
出现了⼀些基本是后端才会⽤的js ui框架。如 jquery-ui 、easyui / miniui 、extjs等。
⾃带了很多组件。前端使⽤的 table、form、pager等组件都是现成的。直接引⽤和组装即可。
这时候基本不需要后端的标签了,jsp仍然在使⽤,但也仅仅是作为⼀个构架,将js、css等资源引⼊。其他所有操作都是 js + ajax + json 与后端交互。⽆论是开发、维护效率都⼤⼤提升
l 蒸汽时代
这个时代基本跟上⼀个时代差别不⼤,最⼤的区别是出现了 bootstrap 这个基于栅格的css框架。有⼤量的jquery插件与之配合,同时出现了⼤量的模板,⼏乎⼀统天下。
l 现在
前后端分离的趋势不可阻挡,后端的管理系统也有部分已经是基于vue或者react开发。
管理系统模板
前后端分离框架3⾜⿍⽴。Vue、AngularJS、React各有拥趸,国内vue⽤的⽐较多,相对来说vue也最容易上⼿,所以很适合后端开发快速学习。
Vue 本⾝的ui框架,国内饿了么开源的 element-ui ⽤户众多,因此开发vue选择element-ui是很好的选择。
今⽇推荐的框架,就是基于element-ui进⾏的⼆次封装。直接提供了⼀套解决⽅案。
我们来看⼀下。
项⽬地址:
项⽬预览:
项⽬特点:
vue-element-admin 是⼀个后台前端解决⽅案,它基于 vue 和 element-ui实现。它使⽤了最新的前端技术栈,内置了 i18 国际化解决⽅案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。
l 主流技术栈
所谓主流,就是说即便是我们⾃⼰搭建,也⼤概率引⼊相同的⼤部分依赖。
l 封装简练
没有重度耦合太多⾃定义的、没有源码的未知组件,⽤法也是主流⽤法,看了之后会容易⼆次修改
l 组件丰富
权限、主题、国际化、编辑器、表格、Error页⾯、图表等尽可能集成了。减少你的开发量。
功能截图:
图表:
图标:
整合了编辑器:
动态表格:
EXCEL导出:
换肤:
>jquery框架搭建
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论