Node.Js从零开始搭建数据管理后台 (一)
一、基础环境安装
1. 安装NodeJs
2. 安装express框架
3. 安装swig模板引擎
二、框架搭建及配置设定
项目名称:DataManagerPlatform - DMP
1. 生成一个项目实例:
express -e DMP
2. 安装依赖项:
cd DMP
npm install
3. 启动测试:
启动服务器命令:DEBUG=DMP node ./bin/www
浏览器:http://ip:3000/
启动后效果如下:
4. 安装其他依赖项:
将package.json的"dependencies"字段添加如下内容:
"express-session": "1.9.1",
"mongodb": "2.0.42",
"pomelo-logger": "0.1.7",
"swig": "^1.4.2",
"async": "2.6.0"
说明:
a. express-session:服务器session管理的中间件,可以用权限管理;
b. mongodb:mongoDB数据库 (native原生模块) -- 个人习惯 (也可以用mongoose)
c. pomelo-logger:POMELO的日志组件 -- 也是用习惯了
d. swig:swig模板引擎
e. async:处理异步调用async组件
npm install 安装依赖项
5. 更改模板引擎
将:
// view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'ejs');
修改为:
swig.setDefaults({ cache: false }); app.set('view cache', false); app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'html'); app.engine('html', swig.renderFile);
6. 修改view/目录下的ejs文件:ejs后缀改为html。
error.html修改为:
<h1>{{ message }}</h1> <h2>{{ error.status }}</h2> <pre>{{ error.stack }}</pre>
index.html修改为:
<!DOCTYPE html> <html> <head> <title>{{ title }}</title> <link rel='stylesheet' href='/stylesheets/style.css' /> </head> <body> <h1>{{ title }}</h1> <p>Welcome to {{ title }}</p> </body> </html>
第一阶段环境的基础搭建完成。