eggjs的mvc模式demo（纯静态）

序：

        eggjs的mvc的demo确实少的可怜 ，github我翻遍了，尽然没一个具体讲的。无奈，博主用自己的理解给你们写个mvc的demo，百度1礼拜搞了1礼拜，原创不易，且行且珍惜吧。

注：

        1、本文用eggjs的mvc模式 利用ejs演示页面布局渲染、公共js编写及调用、公共页面组件分离。（对的，就是像vue那样组件化有template层、script层、style分离）

        2、eggjs 这套demo 博主是以问答博客为业务原型设计的，后期也会在上传链接mysql的版本，也就是完整一套eggjs+mysql的mvc 模式问答系统，所以这套是只是演示eggjs的mvc模式怎么实现：分离公共组件、编写公共方法，和ejs的渲染机制和常用操作，其实对于如果是做网站供百度爬的官网是足够的

        3、为啥要会用eggjs的mvc模式：因为如果你用vue去写前台前端代码，vue的异步数据百度爬虫是爬不到的，不利于seo站内优化，也有人会说用nuxt,或nuxt-egg，说实话博主 17年就在玩nuxt，一度人为是趋势，实际国内市场并没有选择nuxt，但eggjs入门简单，而且纯粹。就像国内市场选择vue而不是react（题外话，个人观点。）

演示

来先看博主演示下吧：

视频糊了，博主想想办法。

下载地址 点击-------->egg的mvc模式demo-Node.js文档类资源-CSDN下载

demo用的eggjs版本

1、"egg": "^2.15.1"

2、"egg-view-ejs": "^2.0.1"

列表页

 详情页

 运行

安装依赖

cnpm install

 运行

cnpm run debug

注意博主配的是7002端口

浏览器打开http://127.0.0.1:7002 运行

你也可以去json里改端口

 对了，关于文本编辑器tinymce 那个文本提示的 可选php、js那个博主后续会单独写一篇博文来介绍，到时会在在本文留一个超链接跳过去。

博主原创不易，且行且珍惜。