MVC-VIEW

MVC结构中的VIEW层默认定义在server目录之外,由前端的模板编译而成

workspace
  │            
  ├── src 
  │    ├── js
  │    │    └── hello/index.js   # import '../../css/hello/index.styl'
  │    ├── css
  │    │    └── hello/index.styl
  │    └── html
  │         └── hello.html    # 我们不需要这个模板文件,除非你需要自定义,否则这个文件会自动生成到dist的相应位置
  └── dist 
       └── out
            └── 1.0.0
                  ├── js
                  │    └── hello.js      # 实时编译而成
                  ├── css
                  │    └── hello.css     # 由webpack抽离成独立样式文件
                  └── html
                       └── hello.html    # 自动生成

在整个项目结构中,dist/.../html目录即为我们server端MVC-VIEW部分的基础目录

VIEW目录的生成

自动模板

项目以src/js/*.js为源,生成同名模板,并置于dist/../html中,该模板会自动补全所有需静态资源(js、css)

自定义模板

在需要自定义模板的时候,如上图所示,创建src/html/*.html,aotoo-hub会在此模板的基础之上帮你补全必须的静态资源

VIEW的调用

打开server/lib.js文件

...
...
// 下面这段内容,将动态设定render的模板根目录
checkExist(path_views, (p) => {
  app.views(p)
})
...
...