基於 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.