1.安装下载
npm init //初始化创建一个 package.json 文件
npm install express --save
2.第一个express应用程序
1.引入依赖包
const express=require('express');
2.创建服务器应用程序
const app=express(); //类似于http.createServer();
3.公开指定目录
//只要这样做了,我们就可以直接通过 /public/xx 的方式访问 public目录中的所有资源了.
app.use('./public/',express.static('./public/'))
3.处理请求响应(当服务器收到get请求 / 的时候,执行回调处理函数)
app.get('/',function(req,res){
res.send('Hello Express!')
})
4.监听端口
app.listen(3000,function(){
//类似于server.listen(port,function(){})
console.log('app is running at port 3000.');
})
补充:将指定目录公开的方法:
1.当以 /文件夹名/ 开头的时候,去 ./文件夹名/ 目录中寻找对应的资源(推荐使用这种方式)
//网址请求路径方式为: /public/资源
app.use('/public/',express.static('./public/'))
2.省略第一个参数时,我们可以直接省略/public的方法去访问资源
//网址请求路径方式为: /资源
app.use(express.static('./public/'))
3.设置修改代码内容后服务器自动重启
1.使用第三方命令工具nodemon
安装: npm install --global nodemon
使用: nodemon app.js(使用该命令启动服务器后,当服务器有代码修改,就会自动重启服务器,不用我们再去手动进行)
4.在Express中配置使用模板引擎
1.安装:
npm install --save art-template
npm install --save express-art-template
2.配置使用art-template模板引擎
app.engine('html',require('express-art-template'))//第一个参数表示当渲染以 .html结尾的文件时,使用art-template模板引擎,这里的express-art-template是专门用来在Express中把art-template整合到Express中的
3.在请求响应中使用render方法配置响应
app.get('/',(req,res)=>{
res.render('文件名称',{向文件传递的数据}) //Response.render('html模板文件名',{传递的模板数据});//第一个参数需要写路径,该方法默认会到项目中的views目录中查找该模板文件(我们通常默认的将页面模板文件放到views文件夹中)
// 如果需要修改默认的render方法访问路径,我们可以通过app.set('views','修改的路径')这个方法来进行修改.
})
5.知识点补充
1.在响应配置中,我们可以通过req.query属性拿到form表单提交的对象数据(该方法只针对get请求).
let obj=req.query;//该方法只针对get请求
2.在使用Express-art-template模板引擎后,我们可以在请求响应中,通过res.redirect('请求路径')的方法进行重定向页面跳转
res.redirect('/')
6.如何在Express框架中使用post请求
在Express框架中没有内置的获取表单POST请求的API,我们需要通过第三方插件:body-parser.
1.安装body-parser插件
npm install --save body-parser
2.配置相关
1.引入模块
const bodyParse=require('body-parser');
2.配置body-parser中间件(插件)
app.use(bodyParser.urlencoded({extended:false}))
app.use(bodyParser.json())
3.在请求响应配置中,通过req.body获取form表单POST请求的内容.
let obj=req.body;