express的理解

express

express是什么?

  1. express是Node.js的核心框架

  2. express可以帮助我们快速构建web服务器 / api服务器

  3. express提供了一个快速生成工具 express-generator

  4. 快速生成工具: 帮助我们快速创建一个项目的工具

express-generator安装

  1. 全局安装
    $ npm i express-generator -g
    $ cnpm i express-generator -g
    $ yarn add express-generator global

  2. 如果你的npm版本 在 5.2+以上,那么你可以不使用全局安装,使用npx就可以了
    格式:$ npx express 模板配置 项目名称
    举例:$ npx express -e express_demo
    解释:-e 指的是我们使用一个叫做ejs的模板 index.ejs 可以兼容html标签,可以书写js语法(php里面也可书写js语法)

项目目录结构

  1. bin
    • www:启动了一个静态服务器( web服务器 )
  2. node_modules 整个项目的依赖包
  3. public:静态资源文件
  4. routes:路由文件夹
  5. view
    • xxx.ejs:项目的模板
  6. app.js:整个项目的入口文件
  7. package.json:整个项目的依赖配置文件

express的快速开始

    const express = require('express')
    const app = express()
    app.get('/', (req, res) => res.send('Hello World!'))
    app.listen(3000, () => console.log('Example app listening on port 3000!'))

app.js文件代码解读

  1. app对象的功能
    • 是为了使用一些具有特定功能的函数( 这些函数称作中间件 )
    • 通过 app.use 来使用中间件
  2. 中间件分类
    • 应用级中间价 cors
    • 路由中间件 app.get( ‘/’, function ( req,res,next ) {})
    • 错误处理中间件 function ( err , req,res,next ) {}
express 路由配置
    let express=require('express')
    let router=express.Router()
    
    // 该路由使用的中间件
    router.use((req,res,next)=>{
       next()
    });
    
    // 定义网站主页的路由
    router.post('/addFood', function(req, res) {
      console.log('hahaha')
    // res.send('这里是admin的登录');
    });
    
    // 定义 about 页面的路由
    router.post('/regist', function(req, res) {
    res.send('这里是admin的注册侧');
    });
    
    module.exports = router;
    app.use('/admin',admin)
传递数据的获取
  1. get
  2. req.query
  3. post
  4. req.body
  5. body-parser
设置中文格式

res.set(‘Content-Type’,‘text/plain,charset=utf8’)

请求模拟工具:nsomina
静态资源配置
    app.use(express.static('public'))
    app.use('/static', express.static('public'))
    app.use('/static', express.static(path.join(__dirname, 'public')))
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值