Express简单笔记

这篇博客介绍了如何使用Express框架创建一个简单的应用程序,包括安装、创建服务器、公开静态目录、处理GET请求、监听端口。还讲解了如何配置nodemon实现代码修改后自动重启,以及集成艺术模板引擎art-template进行页面渲染。此外,还提到了获取GET请求的query参数和处理POST请求的方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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;
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值