node中express學習

express的初步學習

1、安裝express的包：

npm install express --save

2、導入對應的包

var express = require("express")

3、創建服務器

var app = express()

​ 啓動服務器並測試：

app.get('/',function (request,response) {    
    response.send("你好啊,express")
})

app.listen(3000,function () { 
    console.log("hello 服務器打開啦")
})

4、設置靜態資源訪問：

app.use('/public/',express.static("./public/"))

app.use(express.static("./public/"))   //訪問時簡化路由

5、修改完代碼自動重啓配置：

npm install --global nodemon

6、在express中配置art-template模板引擎：

參考網址：express配置art-template

7、art-template在express中的使用

app.engine('html', require('express-art-template'));
app.get("/",function(request,response){
    response.render("模板文件",{
        "模板數據"
    })
})

模板文件: 模板文件默認在項目目錄下的views的目錄下，故路徑可以直接以views作爲根路徑

8、獲取表單提交的數據

GET方法：可以直接使用response.query獲得
POST方法：需要使用第三方插件
安裝：npm install --save body-parser
配置：

      
        var bodyParser = require("body-parser")
        app.use(bodyParser.urlencoded({ extended:false }))
        app.use(bodyParser.json())
      

通過以上的配置在request中就會多出來一個body項

9、express的路由配置

①新建一個router.js的文件，在裏邊導出編寫的router：

var express = require("express")
var router = express.Router()
router.get("/",function(request,response){
    
})
module.exports = router

②在入口文件中掛載路由：

var router = require("./router.js")
app.use(router)

10、方法的異步操作（封裝與調用）：

//封裝
exports.find = function (callback) {
    fs.readFile(dataPath,function (err,data) {
        if(err){
            callback(err)
        }else{
            callback(null,JSON.parse(data).students)
        }
    })
}

//調用
var student = require("./student")
student.find(function (err,students) {
    if(err){
        return res.status(500).send("Server error")
    }
    response.render("index.html",{
        friuts:[
            "蘋果",
            "香蕉",
            "蘋果",
            "蘋果"
        ],
        students:students
    })
})