Node.Js从零开始搭建数据管理后台（一）

DMP平台搭建

最新推荐文章于 2024-12-05 22:38:04 发布

转载最新推荐文章于 2024-12-05 22:38:04 发布 · 358 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/junethirty/p/8342202.html

文章标签：

#javascript #数据库 #json #ViewUI

本文详细介绍了一个名为DataManagerPlatform-DMP的数据管理平台项目的环境搭建过程。包括安装Node.js、Express框架、Swig模板引擎等基础环境配置，以及项目实例生成、依赖安装、启动测试等步骤，并对模板引擎进行了替换。

一、基础环境安装

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>

第一阶段环境的基础搭建完成。　　

转载于:https://www.cnblogs.com/junethirty/p/8342202.html