03_node.js脚手架express、express打造静态服务器、前端通信

一、express生成器(脚手架)

1、 作用:帮助快速构建一个express项目

2、 脚手架的安装
(1)全局安装(npm或cnmp)
        $ cnpm i express-generator -g
(2)npx安装
        npx是npm的一个管理工具,可以不用全局安装就使用某个包
        要求npm的版本大于5.2
        npm会自动携带npx
        优势:减少内存

3、 脚手架的使用
(1) 全局安装的使用
        express -e 项目名
(2)npx的使用
        npx express -e 项目名

4、认识项目目录结构

(1)先找package.json(记录项目的依赖包信息、npm脚本)

(2)项目的启动文件bin/www,默认端口3000

  • 它通过http做服务器
  • 它引入了一个app文件,这个文件将createServer中的回调函数放在了外面,以模块化的形式使用,称之为“入口文件”

(3)找app.js

  • express是由路由和中间件构成
    • 路由是可以完成页面的连接或是接口的打造
    • 中间件:
      • 概念:是一个有特定功能的函数
      • 分类:分为应用级中间件、路由中间件、错误处理中间件三种
      • 调用:app.use()
      • app.set()是在设置项目使用哪一个模板
        • 参数:
          • req 表示请求request
          • res 表示响应response
          • next 表示req和res之间的连接,相当于一个桥梁
            • next如果断开,请求和响应会断开 next(false)

(4)路由中间件

  • 路由中间件是以模块化的形式使用
  • 找routes/xx.js
  • 它里面和app.js里面一共有两个路径,会拼接在一起
  • res.render(“index”) 配置了模板的路径,且配置了后缀省略

<5>找view/xx.ejs

  • ejs文件可以直接在模板语法中使用数据
  • ejs语法:
    • 符号不能换行
    • 非转移输出:<%- %> 可以解析xml类型的数据
    • 转移输出:<%= %> 可以解析普通类型的数据
    • 流程控制:<% %>
      • if条件语句
      • 循环语句

二、通过express打造api服务器(后端接口)

  • 步骤
    1、通过脚手架搭建项目
    2、创建接口
         在routes目录下新建xxx.js,这里面的路由将作为后端接口
         接口的打造需要遵循一个规则:restful api现在,接口只有一个,请求方式有多个
    • get 查
    • post 增
    • delete 删
    • put 改
      (delete和put底层还是get)
      const express = require(
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值