基于 vue2.0 和 heyui 组件库的中后端系统

HeyUI-Admin

介绍

heyui-admin 是一个成熟的企业应用解决方案，基于 vue2.0 和 heyui 组件库的中后端系统。

• 在线预览
• 文档

这是一个成熟的前端开发解决方案，你可以使用这个架构完成几乎 90%的前端开发工作。

准备

项目基于以下依赖:

• hey-ui
• vue
• vuex
• vue-router
• axios
• js-model
• manba
• hey-utils
• hey-global
• hey-log

提前了解和学习这些知识将大大有助于这个项目的使用。

功能

- 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

需要全局安装 [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 文件修改端口号.

使用 vue-cli

需要全局安装 [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.