mk-js，一個基於react、nodejs的全棧架構

標籤：針對   lis   前言   就會   ejs   自己   options   tps   http   

前言

      在這個前端技術爆炸的時代，不自己寫套開源架構出門都不好意思跟別人說自己搞前端。去年年初接觸的react，16年7月份在github開源了一套針對react、redux探索的項目，近期和夥伴們一起重構了這個項目，等待大夥拍磚。。。搞不明白為什麼一發布到首頁區就會被移除。。。

架構介紹

• mk架構 = monkey king架構 = 齊天大聖架構
• 基礎技術棧：react、redux、immutable、antd、webpack、nodejs、hapi、sequelize、node-zookeeper-dubb等
• 架構核心思想：js全棧、應用化

介紹網址

　　https://ziaochina.github.io/mk-docs

特點

• 將網站分成多個獨立app，每個app開發模式完全一致，並且可以複製npmjs發布模板app
• 將後台服務分成多個獨立service, 每個servie開發模式完全一致， 並且可以複製npmjs發布的模板service
• 開發人員自己做的app，service發行就緒到npmjs開源給其他開發人員使用，成為一個生態化的架構

使用

• 步驟一、使用mk命令建立網站

$ npm i -g mk-tools 　　　　　　　　　　        //安裝mk$ mk website my-demo && cd my-demo 　　      //建立空網站$ mk clone mk-app-root apps/ 　　　　　　     //複製root應用$ mk clone mk-app-login apps/ 　　　　　　    //複製登入應用$ mk clone mk-app-portal apps/ 　　　　　　   //複製門戶應用$ mk clone mk-app-person-list apps/ 　　     //複製列表應用$ mk clone mk-app-person-card apps/ 　　     //複製卡片應用$ mk clone mk-app-complex-table apps/ 　　   //複製複雜表格應用$ mk clone mk-app-editable-table apps/ 　　  //複製可編輯表格應用$ mk clone mk-app-tree-table apps/ 　　　　   //複製左樹右表應用$ mk compile website 　　　　　　　　　　　　　　//編譯網站

• 步驟二、配置

//修改檔案：my-demo/config.js//也可以直接進apps目錄根據自己需求修改app內容...    _options.apps && _options.apps.config({//‘*‘: { webapi } //正式網站應該有一個完整webapi對象，提供所有web請求函數‘mk-app-root‘: {startAppName: ‘mk-app-login‘},‘mk-app-login‘: {goAfterLogin: {appName: ‘mk-app-portal‘}},‘mk-app-portal‘: {menu: [{key: ‘1‘,name: ‘about‘,appName: ‘mk-app-portal-about‘,isDefault: true}, {key: ‘2‘,name: ‘apps‘,isExpand: true,children: [{key: ‘201‘,name: ‘列表‘,appName: ‘mk-app-person-list‘}, {key: ‘202‘,name: ‘卡片‘,appName: ‘mk-app-person-card‘},{key:‘203‘,name:‘複雜表格‘,appName: ‘mk-app-complex-table‘},{key:‘204‘,name:‘可編輯表格‘,appName: ‘mk-app-editable-table‘},{key:‘205‘,name:‘樹表‘,appName: ‘mk-app-tree-table‘},{key: ‘206‘,name: ‘柱狀圖‘,appName: ‘mk-app-bar-graph‘}]}]}})...

　　

• 步驟三、按需修改代碼，實現自己功能要求
• 步驟四、運行 npm start

 

DEMO

　　按照上面的步驟可以得到如下樣子的一個網站

　　可以線上訪問我已經做好的一個demo，網址：https://ziaochina.github.io/mk-demo

 

mk-js，一個基於react、nodejs的全棧架構