简体中文, 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
开始
使用 hey-cli
需要全局安装 hey-cli@1.13.0+
我们建议使用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 文件修改端口号.
使用 vue-cli
需要全局安装 vue-cli@3.0.0+
# 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.
打赏
如果你觉得这个项目帮助到了你，你可以帮作者买一杯茶?表示鼓励。
License
Copyright (c) 2018-present Lan (vvpvvp)