All Projects → heyui → Heyui Admin

heyui / Heyui Admin

Licence: mit
基于 vue 和 heyui 组件库的中后端系统 https://admin.heyui.top

Labels

HeyUI-Admin

vue heyui license

image

简体中文 | 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

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

打赏

如果你觉得这个项目帮助到了你,你可以帮作者买一杯茶🍵表示鼓励。

image

License

MIT

Copyright (c) 2018-present Lan (vvpvvp)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].