摘要：文檔官網(wǎng)文檔演示是什么是一款頂級全棧開發(fā)框架。不重復造輪子，而是采用業(yè)界最新的開源技術(shù)，進行全棧開發(fā)的最佳組合。漸進式開發(fā)由于模塊的高度內(nèi)聚，可以將業(yè)務以模塊的形式沉淀，在多個項目中重復使用，既可貢獻到開源社區(qū)，也可部署到公司內(nèi)部私有倉庫。

官網(wǎng) && 文檔

PC：https://admin.cabloy.com

Mobile：

EggBorn.js是一款頂級Javascript全棧開發(fā)框架。前端采用Vue.js + Framework7 + Webpack，后端采用Koa.js + Egg.js，數(shù)據(jù)庫采用mysql。
EggBorn.js在縱向上，將前端和后端打通，形成一個有機的整體，避免前端和后端各自為政的狀況；
EggBorn.js在橫向上，提煉出“業(yè)務模塊化”的代碼組織模式，通過不同的模塊組合實現(xiàn)業(yè)務開發(fā)，也為大型Web應用不斷增長的業(yè)務需求提供有力的基礎架構(gòu)。

EggBorn.js只是一個基礎的全棧開發(fā)框架，如果要進行業(yè)務開發(fā)，還需要考慮許多與業(yè)務相關的支撐特性，如：用戶管理、角色管理、權(quán)限管理、菜單管理、參數(shù)設置管理、表單驗證、登錄機制，等等。特別是在前后端分離的場景下，對權(quán)限管理的要求就提升到一個更高的水平。
Cabloy.js在EggBorn.js的基礎上，通過“業(yè)務模塊”的方式，實現(xiàn)一系列支持特性，并將這些特性進行有機的組合，形成完整而靈活的上層生態(tài)架構(gòu)，從而支持具體的業(yè)務開發(fā)進程。

凡是可以用 JavaScript 來寫的應用，最終都會用 JavaScript 來寫。 ——Atwood定律

相信，Javascript的深度探索者都會被這句名言激發(fā)，共同努力，為Javascript生態(tài)添磚加瓦，構(gòu)建更繁榮的應用生態(tài)。
Cabloy.js正是對這一名言的探索之作。Cabloy.js不重復造輪子，而是采用業(yè)界最新的開源技術(shù)，進行全棧開發(fā)的最佳組合。因此，也深度建議您在繼續(xù)后面的閱讀之前，最好能對以下框架有所了解和認知。

前端

Vue.js

Framework7

Webpack

后端

koa.js

Egg.js

EggBorn.js

Cabloy來自藍精靈的魔法咒語，拼對了Cabloy這個單詞就會有神奇的效果。同樣，Cabloy.js是有關化學的魔法，基于原子的組合與生化反應，您將實現(xiàn)您想要的任何東西。

統(tǒng)一的原子數(shù)據(jù)管理

統(tǒng)一的用戶角色權(quán)限管理

對多種運行環(huán)境的精細支持

支持多域名多實例運行

靈活的測試驅(qū)動開發(fā)

內(nèi)置眾多核心模塊，提供大量核心特性

有了Cabloy.js，您就可以快速開發(fā)各類業(yè)務應用。

前后端分離：前后端分離開發(fā)，深度解耦

業(yè)務模塊化：頁面組件按模塊組織

加載方式靈活：模塊既可異步加載，也可同步加載

模塊高度內(nèi)聚：模塊包括前端頁面組件和后端業(yè)務邏輯

參數(shù)配置靈活：模塊中的前后端可以多帶帶進行參數(shù)配置

國際化：模塊中的前后端均支持獨立的國際化

模塊隔離：模塊的頁面、數(shù)據(jù)、邏輯、路由、配置等元素均進行了命名空間隔離處理，避免模塊之間的變量污染與沖突

超級易用的事務處理：只需在路由記錄上配置一個參數(shù)，即可完美實現(xiàn)數(shù)據(jù)庫的事務處理。

漸進式開發(fā)：由于模塊的高度內(nèi)聚，可以將業(yè)務以模塊的形式沉淀，在多個項目中重復使用，既可貢獻到npm開源社區(qū)，也可部署到公司內(nèi)部私有npm倉庫。

有了EggBorn.js，從此可復用的不僅僅是組件，還有業(yè)務模塊。

$ npm install -g egg-born

$ egg-born cabloy-demo --type=cabloy
$ cd cabloy-demo
$ npm i

src/backend/config/config.unittest.js

  // mysql
  config.mysql = {
    clients: {
      // donnot change the name
      __ebdb: {
        host: "127.0.0.1",
        port: "3306",
        user: "root",
        password: "",
        database: "sys",
      },
    },
  };

src/backend/config/config.local.js

  // mysql
  config.mysql = {
    clients: {
      // donnot change the name
      __ebdb: {
        host: "127.0.0.1",
        port: "3306",
        user: "root",
        password: "",
        database: "sys",
      },
    },
  };

src/backend/config/config.prod.js

  // mysql
  config.mysql = {
    clients: {
      // donnot change the name
      __ebdb: {
        host: "127.0.0.1",
        port: "3306",
        user: "root", // "travis",
        password: "",
        database: "{{name}}",
      },
    },
  };

$ npm run test:backend

啟動后端服務

$ npm run dev:backend

啟動前端服務

$ npm run dev:front

有任何疑問，歡迎提交 issue！