mix-dashboard 是一款即漂亮又好用的后台管理系统UI套件,后端开发人员可按照该套件定义好接口规范,非常快速的搭建一套后台管理系统。
该系统前端采用fis + angularjs + modjs 构建,开发方式具有如下特点(优点):
- 模块化开发,所有业务代码存在在/app/module/目录下开发,一个view作为一个module开发。
- 按需加载,用户操作按功能需求加载相关代码,并且只在首次使用时加载。
- 自动依赖,得力于fis这款构建工具实现了资源的自动依赖。
- 资源定位,无需关心项目开发目录结构,通过配置总能编译输出你想要的目录/路径 规范。
- 自动刷新,开发代码时通过浏览器实时自动刷新页面效果。
- 打包合并,fis内建了文件打包合并功能。
- 添加md5戳,再也不用担心项目上线后静态资源被缓存。
5分钟上手指南,前提你的电脑已经安装了node + fis环境
安装nodejs环境 访问nodejs官网,或者参考我之前写的一篇文章Centos编译安装nodejs,大家都懂的。
$ cd ~
$ wget https://nodejs.org/dist/v0.12.9/node-v0.12.9.tar.gz
$ tar -zxvf node-v0.12.9.tar.gz
$ cd node-v0.12.9
$ ./configure
$ make
$ make install
安装fis前端构建工具
$ npm install fis -g
克隆项目 克隆本项目到你的工作目录
$ cd ~
$ git clone [email protected]:yangjunlong/mix-dashboard.git
$ cd mix-dashboard
启动本地server 启动一个本地服务,便于本地开发调试并实时预览页面
$ cd project/path
$ fis server start
$ fis release -wcL
本地预览 打开浏览器访问:http://127.0.0.1:8080/
拒绝重复造轮子 😉