一款基于element-ui编写的简易后台管理脚手架

第三方接口 617浏览 评论

介绍element-ui之前我们先介绍下element

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

这样说吧,使用它可以快速的搭建一套【前后端分离,vue数据双向绑定】的后台管理框架,切面也不失违和感,还是比较的简洁大气,以前一直使用hui-admin作为后台管理框架,在使用了element-ui之后还是发现其还是有很多优势的。

1、element-ui提供了很多的组件供开发者使用,使开发效率得以大幅度提高。

2、elemt-ui 可以很容易的使风格统一。

3、前后端分离,代码更加容易管理。

4、使用vue数据双向绑定,快速构建模块。

5、不用引入一大堆js,css,images,使项目变得异常庞大,element-ui就是简洁

由于技术不断更新,我个人感觉hui-admin的风格有点老了,使用前后端分离,数据双向绑定是比较前沿的,也是与时俱进的,因此大家可以一起来学习下了哦!

 

网上有很多朋友使用element+vue 实现过部分后台管理系统,但是多数都是基于node.js 的,然我对node.js 并不是过于熟悉,搭建他们写的框架显得起来异常麻烦,因此基于element-ui 手写了一个简易框架,下载即用!不用安装node.js 等!

点我下载

目前只写了脚手架,其实已经够了,我们再开发其他的页面可以根据element-ui提供的组件来实现。element组件可以实现列表、表单、搜索等一切我们想要实现的。

接下来我们来看下我们的展开导航的界面吧:

image.png


整体上来说简约风格,简洁清爽,还是比较不错的。

搜索导航界面:

image.png

看到图片我想有部分小伙伴已经开始爱上它了。我相信在实际使用过程中,大家会更加喜欢他,因为我在使用它的过程中真心体验到一些比较便利的东西,大家不妨来使用一下吧!

本文连接:http://www.phpbloger.com/article/67.html 文章都为原创,转载请注明出处!

相关文章