简体中文 | English
heyui-admin 是一个成熟的企业应用解决方案,基于 vue2.0 和 heyui 组件库的中后端系统。
这是一个成熟的前端开发解决方案,你可以使用这个架构完成几乎 90%的前端开发工作。
我们启动了线上的项目,方便用户查看 heyui-admin 的实际使用效果。
我们为 heyui-admin 提供了相关的教程说明,如果你在使用的过程中有疑问,建议先查阅相关文档。
项目基于以下依赖:
提前了解和学习这些知识将大大有助于这个项目的使用。
- Js
- common / 通用
- ajax / 封装axios
- request / 封装所有的请求
- utils / 通用方法
- model / Js模型
- config / 配置
- router-config / 路由配置
- heyui-config / heyui配置
- dict-config / 字典配置
- autocomplete-config / autocomplete配置
- category-config / category配置
- tree-config / 树配置
- menu-config / 系统菜单配置
- vue
- components / 通用组件
- filters / 通用filters
- directives / 通用directives
- vuex
- store
- 框架组件
- App
- App头部
- 消息
- 全局搜索
- App左侧菜单
- 登录
- 组件
- 仪表盘
- Icons
- 信息页
- 详情信息
- Form
- 基本的表单
- 创建
- Table
- 基本表格
- 搜索
- 详情弹框
- Components
- 图表
- 富文本编辑器Editor
- 代码编辑器
- Markdown编辑器
- 剪贴板
- 个人中心
- 基本信息
- 安全中心
- 登出
- 错误页面
- 403
- 404
- 500
需要全局安装 [email protected]+
我们建议使用hey-cli脚手架。
# clone the project
git clone https://github.com/heyui/heyui-admin.git
cd heyui-admin
# install dependency
npm install
# develop, 你需要首先安装 hey-cli
hey dev
系统将自动打开页面 http://localhost:9012, 或者你可以通过 hey.conf.js 文件修改端口号.
需要全局安装 [email protected]+
# clone the project
git clone https://github.com/heyui/heyui-admin.git
cd heyui-admin
# 将vue-cli文件夹内的文件复制到根目录。
mv -f ./vue-cli/* ./
# install dependency
npm install
# develop
npm run serve
hey.conf.js,将反向代理地址修改至真正的项目后端地址.
devServer: {
"proxy": {
"/api": {
//proxy address
"target": "http://umock.ch-un.com"
}
},
historyApiFallback: true
},
我们建议所有构建环境使用相同的代码,具体方案请参考开发文档。
# build
hey build
现代浏览器以及 Internet Explorer 9+.
系统已经自动安装配置好 polyfill.
如果你觉得这个项目帮助到了你,你可以帮作者买一杯茶🍵表示鼓励。
Copyright (c) 2018-present Lan (vvpvvp)