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>
第一階段環境的基礎搭建完成?! ?/p>
?
轉載于:https://www.cnblogs.com/junethirty/p/8342202.html
總結
以上是生活随笔為你收集整理的Node.Js从零开始搭建数据管理后台 (一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 深入浅出,ARCore开发原理
- 下一篇: Swagger生成的接口需要权限验证的处