使用moy快速開發後臺管理系統(一)
阿新 • • 發佈:2019-02-17
moy是什麼?
moy 是基於模型框架 kero 和 UI 框架 neoui 實現的應用框架,是前端整合解決方案,為企業級應用開發而生。
github地址:iuap-design/tinper-moy
整體介紹
本文會一步步引導大家使用moy如何快速建立一個後臺管理系統,該教程基於uba,包含查詢、編輯、刪除、建立,以及分頁處理,資料 mock,自動處理 loading 狀態等.
環境準備和說明
-
安裝node.js開發環境,確保 node 版本是 4.x +
-
用 cnpm能節約你安裝依賴的時間
Step 1. 使用uba初始化專案工程
-
先安裝uba,並確保版本是2.0.4或以上(mac環境需加上sudo)
$ sudo npm install uba -g $ uba -v Version : 2.0.4
-
然後建立應用,uba詳細使用文件:
$ uba init
-
根據上下鍵移動選擇uba-boilerplate-manage-init - 後臺管理系統的示例工程(初始化) ,並且輸入自己的專案名稱比如:manage-demo
ps:uba-boilerplate-manage - 後臺管理系統的示例工程 是上面工程根據此文件完工後的示例工程,可以直接使用 -
進入應用,啟動專案
$ cd manage-demo $ npm run start
-
訪問專案首頁,http://localhost:8080/
到這裡,我們已經完成了前面的準備工作,後面我會開始寫如何去新增路由去渲染頁面
請期待下一篇。
ps:該文章的github地址:https://github.com/iuap-design/blog/issues/170
(完)