Node.Js從零開始搭建數據管理後臺 (一)

1、基礎環境安裝javascript

1. 安裝NodeJscss

2. 安裝express框架html

3. 安裝swig模板引擎java

2、框架搭建及配置設定node

項目名稱:DataManagerPlatform - DMPmongodb

1. 生成一個項目實例:數據庫

express -e DMPexpress

2. 安裝依賴項:npm

cd DMPjson

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>

  

第一階段環境的基礎搭建完成。  

相關文章
相關標籤/搜索