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模板引擎:
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
})
})