创建express工程
express-generator是一个express工程生成器,可以自动生成express工程基本框架。当然,这里生成的express工程目录结构只是一种常用实践,可以自行调整。
安装express-generator:
sudo npm install -g express-generator
express工程的模块
我们把express工程看成是有不同功能的模块组成,比如用户登录功能、文章管理功能。
每个模块功能有独立的页面和样式,目的是保持模块的完整性,方便模块在不同工程中的复用。但这样做的缺点是,每个模块的样式风格可能不同,导致工程的风格不一致。这个问题在实践中再讨论如何解决。
模块之间有依赖关系,比如文章管理模块依赖用户管理模块提供的接口。
实际上这里的模块与npm管理系统的模块类似,只不过还包含非JS的express view代码和静态JS、CSS文件。
1. JS代码
JS代码不包含app.js,app.js是一个工程的入口文件。每个模块包含一个index.js文件,对外声明模块包含的接口。
JS代码主要包含route逻辑、数据的REST接口。
app.js引用各个模块index.js的route接口,提供的总的route列表。
2. view(jade)代码
如果采用express默认模板引擎jade的话,view代码其实就是jade代码。
每个express工程模块包含自己的jade代码,负责自己的页面渲染逻辑。
3. static file
每个express模块包含自己的前端静态文件,负责自己的页面样式与前端逻辑。
网友评论