admin
致力于以最简易的方式开发企业级后台网站
特性
- 开箱即用的模块集,极简易的网站开发体验.
- UI渲染采用Ant Design 实现,Ant Design为开发服务于企业级后台产品的组件库.
- 功能全面的组件集,组件功能覆盖后台网站大部分使用场景,无需再次开发,引用即所得.
- 更低的技术栈要求,适用于前端/非前端开发人员.
- 简洁高效的栅格布局策略.
- 基于npm + webpack +gulp 的工作流.
支持环境
- 支持现代浏览器及IE9+
开发环境
- 安装NODE环境,推荐使用官方(HTTP://NODEJS.ORG/)最新LTS版
用于执行项目安装、开发、构建、打包等命令行任务
- 项目下载:
git clone https://github.com/efe-team/admin.git
- 安装-进入admin目录 执行:
npm install
- 安装完成后,执行:
gulp start
即可开始开发
目录结构
|- public //静态资源开发目录
| |- base
| | |- imgs //公用图片
| | |- style //公用样式
| | |- scripts //公用js
| | |- others //其他资源文件,如json、pdf、docx等
| |- components //组件目录
| |- widget //自定义插件/工具目录
| |- views //页面入口
| | |- template //页面模板
| | | |- tpl.html
| | |- pages //页面目录
| | | |- index //网站入口页面
| | | | |- imgs
| | | | |- index.jsx
| | | | |- index.less
| | | |- xxx //自定义页面
| | | | |- imgs
| | | | |- index.jsx
| | | | |- index.less
|- .babelrc // babel配置文件
|- .editorconfig // 文件编辑配置
|- .eslintrc.js // eslint配置
|- .gitignore // git提交忽略配置
|- gulpfile.js // gulp配置
|- package.json // 包管理属性
|- postcss.config.js // postcss-loader 配置
|- README.md // readme介绍
|- webpack.config.js // webpack release配置
|- webpack.dev.config.js // webpack debug 配置