1. 程式人生 > >使用moy快速開發後臺管理系統(一)

使用moy快速開發後臺管理系統(一)

moy是什麼?

moy 是基於模型框架 kero 和 UI 框架 neoui 實現的應用框架,是前端整合解決方案,為企業級應用開發而生。
github地址:iuap-design/tinper-moy

整體介紹

本文會一步步引導大家使用moy如何快速建立一個後臺管理系統,該教程基於uba,包含查詢、編輯、刪除、建立,以及分頁處理,資料 mock,自動處理 loading 狀態等.

環境準備和說明

  • 安裝node.js開發環境,確保 node 版本是 4.x +

  • 用 cnpm能節約你安裝依賴的時間

Step 1. 使用uba初始化專案工程

  1. 先安裝uba,並確保版本是2.0.4或以上(mac環境需加上sudo)

    $ sudo npm install uba -g 
    $ uba -v
    Version : 2.0.4
  2. 然後建立應用,uba詳細使用文件:

    $ uba init
    
  3. 根據上下鍵移動選擇uba-boilerplate-manage-init - 後臺管理系統的示例工程(初始化) ,並且輸入自己的專案名稱比如:manage-demo
    ps:uba-boilerplate-manage - 後臺管理系統的示例工程 是上面工程根據此文件完工後的示例工程,可以直接使用

  4. 進入應用,啟動專案

    $ cd manage-demo
    $ npm run start
    
  5. 訪問專案首頁,http://localhost:8080/

到這裡,我們已經完成了前面的準備工作,後面我會開始寫如何去新增路由去渲染頁面

請期待下一篇。

ps:該文章的github地址:https://github.com/iuap-design/blog/issues/170

(完)