avue你繁瑣的表格、表單、樹等組件開發的解脫工具，瞭解一下？

時間 2019-11-18

標籤 avue 繁瑣表格表單組件開發解脫工具瞭解一下欄目 HTML 简体版

原文原文鏈接

簡介

Avue是基於Vue.js和element的快速開發框架它的核心是數據驅動UI的思想，讓咱們從繁瑣的crud開發中解脫出來，它的寫法相似easyUI，可是寫起來比easyui更容易，由於它是基礎數據雙向綁定以及其餘vue的特性。同時不知侷限於crud，它還有咱們常常用的一些組件例如，表單，數據展現卡，人物展現卡等，更多的組件還在開發javascript

高級vip羣

點擊查看詳情css

百度雲課程

avue相關地址

歡迎加入QQ交流羣，互相學習
前端avue交流羣：606410437
後臺微服務羣：23754102
服務端解決方案：https://gitee.com/log4j/pig
剛入門的前端小師妹博客:https://my.oschina.net/u/3883702/
最近不少人反應不太會用crud快速開發組件，所以免費推出crud系列的講解課程，詳情請加QQ羣html

avue綜合實際實例

技術文檔

avue技術文檔

源碼地址

更新日誌

更新日誌

在線demo

演示地址1:http://avue.2bugs.cn
演示地址2:http://122.4.247.156:7777——jenkins+docker+git鉤子自動部署

使用方式

1.html引入前端

axios、vue、element-ui相關依賴也要引入
avue-cdn:https://gitee.com/smallweigit/avue/raw/master/lib/avue.js
<script src="https://cdn.bootcss.com/axios/0.18.0/axios.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/element-ui/2.3.4/index.js"></script>
<script type="text/javascript" src="https://gitee.com/smallweigit/avue/raw/master/lib/avue.js"></script>

2.npm引入vue

npm install avue-cli

import Avue from 'avue-cli/packages/index.js';

功能結構

- 全局錯誤日誌記錄
- vuex持久化存儲
- 主題色切換
- 鎖屏
- SSR渲染頁面
- 數據展現
- 登陸/註銷
 - 用戶名登陸
 - 驗證碼登陸
- 權限驗證
- 第三方網站嵌套
- CRUD(增刪改查)
- FORM(動態生成)
- 阿里巴巴圖標庫(在線調用)
- 環境變量
- 表格樹
- 引導頁
- 數據持久化
- 剪切板
- 系統管理
 - 用戶管理
 - 角色管理
 - 菜單管理
- 高級路由
 - 動態路由
 - 參數路由
- 更多功能開在開發

頁面展現

炫彩主題java

主題色ios

本地數據持久化git

環境變量github

表格樹vuex

登陸

權限測試頁面

數據展現

錯誤頁面

錯誤日誌記錄

CRUD

FORM

用戶管理

角色管理

菜單設置

阿里巴巴圖標庫(在線調用)

登陸頁面SSR渲染

主頁

第三方網站

開發

# 克隆項目
git clone https://gitee.com/smallweigit/avue.git

# 進入項目
cd avue

# 安裝依賴
npm install --registry=https://registry.npm.taobao.org

# 啓動服務
npm run dev

調試與發佈

# 構建測試環境
npm run dev

# 構建生成環境
npm run build

# 構建SSR渲染頁面
npm run start

其它

# 代碼檢測
npm run lint

# 單元測試
npm run karma

# 構建SSR客戶端代碼
npm run build:client

# 構建SSR服務端端代碼
npm run build:server

友情連接

d2-admin

License

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。