小弟初涉node领域,不足之处,还请多多指教! 欢迎Star、Fork:https://github.com/gefangshuai/ANodeBlog
整个工程结构已经有了,下面来说一下几个简单但重要的配置:
定义一个简单的配置文件,存放项目配置信息
一个完整的项目中,会有各种配置信息,如何组织这些信息,会给我们后期的维护成本带来不同的影响。
为了更好的维护项目,我习惯定义一个配置文件来专门组织这些信息,我们可以命名为config.js
,放到项目根目录下,直观表现。
加入一个全局filter
,用于向所有请求传递相同的参数
类似“站点信息”这种常量参数,在每个页面中可能我们都要用它来展示在页面上,我们不可能在所有的请求每次都render
一次这些信息。需要有一个统一的管理,我称之为filter
。将这个filter
定义在所有的请求之上。node执行顺序是从上往下,所以每个请求在页面上都会拿到这些参数。
/**
* 全局参数传递
*/
app.use(function (req, res, next) {
res.locals.site = config.site;
res.locals.success = req.flash(config.constant.flash.success);
res.locals.error = req.flash(config.constant.flash.error);
res.locals.session = req.session;
next();
});
与handlebars模版集成.
新建好的工程默认使用的是hbs,相似的还有express-handlebars、express-hbs,三者除了用法,功能上没有太大的区别,都是针对Handlebars后台模版引擎的一个封装,选择哪个,看个人习惯。本例中使用express-handlebars
。
卸载hbs
代码语言:javascript复制npm uninstall hbs
安装express-handlebars
代码语言:javascript复制npm install --save express-handlebars
修改模版集成
在app.js中添加express-handlebars*
var exphbs = require('express-handlebars');
修改视图引擎配置 在
代码语言:javascript复制app.set('view engine', 'hbs');
上面添加下面代码:
代码语言:javascript复制var hbs = exphbs.create({
partialsDir: 'views/partials',
layoutsDir: "views/layouts/",
defaultLayout: 'main',
extname: '.hbs'
});
app.engine('hbs', hbs.engine);
整个代码看起来是这样的:
代码语言:javascript复制var hbs = exphbs.create({
partialsDir: 'views/partials',
layoutsDir: "views/layouts/",
defaultLayout: 'main',
extname: '.hbs'
});
app.engine('hbs', hbs.engine);
app.set('view engine', 'hbs');
说明:
- partialsDir: 指定partial页面的目录。
- layouts:指定布局页面的目录
- defaultLayout:指定默认布局文件(没带后缀)
- extname: 指定handlebars文件后缀(不得不吐槽“handlebars”字母太长,所以改的简单点)
与Session集成
web应用中,session是不可获取的重要部分,从express4开始,session作为一个独立的中间件而不再直接集成于express框架中,我们需要单独安装使用。
代码语言:javascript复制npm install --save express-session
然后在app.js中require
代码语言:javascript复制var session = require('express-session');
定义它:
代码语言:javascript复制app.use(session({
secret: config.db.cookieSecret,
cookie: {maxAge: 30 * 60 * 1000}
}));