公司新闻 行业动态 技术分享

基于html方式,vue + element ui搭建自己的vue-admin管理后台框架

发布日期: 浏览次数: 2545

前言

一直用bootstrap做后台管理界面,基于sb-admin2上增加插件来丰富组件类型,最终无奈于要寻找、整合多个插件,使用上实在不尽人意。
一直想用上layui的表格,功能基本能满足中小系统查询数据展现,考虑到layui是也基于jquery的,迟迟未下决心更换整个后台ui。
前端技术日新月异,MVVM模式的angular js、vue一直有所了解,数据绑定的方式看起来超级方便。因为没有太多时间,从网上介绍来看angular js的学习有点难度,所以最终选定基于vue来搭建后台框架。

基本需求

满足前后端分离
基于html方式开发,能基本满足中小型系统功能开发需要
自动处理静态资源版本号

技术选型

1、html

定位中小型后台项目,综合考虑开发、测试、发布的开发、学习成本,决定采用普通的html静态页面开发。
这样搭好框架就可以上手开发。

2、gulp

一直用gulp来编译less,入门也不会难
同时也让gulp来处理静态页面的css,js资源缓存问题

3、element ui

ui框架就是在element ui还是iview中选,基本的组件两者都相对完善
简单试用了ivew后发现有几个问题
1、字体偏小
2、对于特殊界面需要自定义html的情况,没有element ui template solt方便,
最终选用element ui

扫一扫关注我们

厦门奇站网络科技有限公司

电话:13313868605

QQ:3413772931

地址:厦门软件园三期A02

网站地图