Javascript 全栈开发框架 EggBorn.js

我不是女神ヾ 2022-05-17 02:52 252阅读 0赞

EggBorn.js 详细介绍

### EggBorn.js 是什么 ###

EggBorn.js是一款顶级Javascript全栈开发框架。

EggBorn.js是采用Javascript进行全栈开发的最佳实践。 EggBorn.js不重复造轮子，而是采用业界最新的开源技术，进行全栈开发的最佳组合。 EggBorn.js前端采用Vue.js + Framework7 / Vue Router + Webpack，后端采用Koa.js + Egg.js，数据库采用mysql。 EggBorn.js时刻跟踪开源技术的最新成果，并持续优化，使整个框架时刻保持最佳状态。

### EggBorn.js 重点解决什么问题：业务模块化 ###

Javascript技术的蓬勃发展，为前后端开发带来了更顺畅的体验，显著提升了开发效率。但仍有网友质疑Javascript能否胜任大型Web应用的开发。大型Web应用的特点是随着业务的增长，需要开发大量的页面组件。面对这种场景，一般有两种解决方案：

> 1 采用单页面的构建方式，缺点是产生的部署包很大。
> 
> 2 采用页面异步加载方式，缺点是页面过于零散，需要频繁与后端交互。

EggBorn.js实现了第三种解决方案：

> 3 页面组件按业务需求归类，进行模块化，并且实现了模块的异步加载机制，从而弥合了前两种解决方案的缺点，完美满足大型Web应用业务持续增长的需求。

### EggBorn.js 的技术特点 ###

*  业务模块化：页面组件按模块组织
 *  加载方式灵活：模块既可异步加载，也可同步加载
 *  模块高度内聚：模块包括前端页面组件和后端业务逻辑
 *  参数配置灵活：模块中的前后端可以单独进行参数配置
 *  国际化：模块中的前后端均支持独立的国际化
 *  模块隔离：模块的页面、数据、逻辑、路由、配置等元素均进行了命名空间隔离处理，避免模块之间的变量污染与冲突
 *  超级易用的事务处理：只需在路由记录上配置一个参数，即可完美实现数据库的事务处理。
 *  渐进式开发：由于模块的高度内聚，可以将业务以模块的形式沉淀，在多个项目中重复使用，既可贡献到npm开源社区，也可部署到公司内部私有npm仓库。

> 有了EggBorn.js，从此可复用的不仅仅是组件，还有业务模块。

### 快速上手 ###

安装EggBorn.js脚手架

$ npm install -g egg-born

新建项目

$ egg-born project_name
    $ cd project_name
    $ npm install

> EggBorn.js目前提供了2个项目脚手架，分别是
> 
>  *  `front-backend-mysql` – 前后端全栈项目模板
>  *  `front` – 前端项目模板，后端可采用其他方案

配置mysql连接参数

如果采用了\`front-backend-mysql\`模板，请配置mysql连接参数（空数据库即可）

编辑`src/backend/config/config.default.js`文件

// mysql
      config.mysql = {
        clients: {
          // donot change the name  
          __ebdb: {
            host: '127.0.0.1',
            port: '3306',
            user: 'travis',
            password: '',
            database: 'egg-born',
          },
        },
      };

运行项目

启动后端服务

$ npm run dev:backend

启动前端服务

$ npm run dev:front

### EggBorn.js架构图 ###

系统架构

![EggBornJS.png][]

项目文件结构

![structure.png][]

模块文件结构

![privatemodule.png][]

![publicmodule.png][]

[EggBornJS.png]: /images/20220517/f3d78dcb6b594bb59be0b66dbf0ad3ab.png
[structure.png]: /images/20220517/eedee785b5f145379f38e637f23d83f1.png
[privatemodule.png]: /images/20220517/b2a30cdb53e346f68ba558a1f8c66503.png
[publicmodule.png]: /images/20220517/29e106ff06854e3091eb0f580bff918b.png