Node.js框架 - express - 搭建脚手架

Node.js框架 - express - 搭建脚手架

node.js可以创建服务器，但是我们只是发送了一些简单的字符串，功能比较单一

1.express框架介绍：

express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和

丰富的HTTP工具。使用 express 可以快速地搭建一个完整功能的网站。

express 框架核心特性：

1.可以设置中间件来响应 HTTP 请求。

中间件用来处理(过滤)请求，最终为路由提供服务

2.定义了路由表用于执行不同的 HTTP 请求动作。

从路由的用途上来说：路由就是指随着浏览器地址栏的变化，展示给用户的页面也不相同。

从路由的实现原理上来说：路由就是URL到函数的映射。

前端路由的实现：hash值 + 历史记录history

SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成。

3.可以通过向模板传递参数来动态渲染 HTML 页面。

2.利用express搭建脚手架。

express脚手架安装 ( express-generator )

全局安装： npm i express-generator -g

express框架的两种使用(前后端分离，前后端不分离)

利用express快速构建项目

创建项目： express -e xx名 快速生成xx名的项目( express -e . 已经生成目录)

第一步：express -e 项目名称，名称不存在，快速创建，如果项目名称存在，直接使用express -e .

第二步：cd命令进入创建目录

第三步：安装依赖

第四步：启动项目，npm start

-e表示 ejs模板，通过express --help查看其它格式

3.什么是中间件？

中间件就是一个具有特定功能的封装函数(新的叫法，其实就是原生js里面的函数或者方法)

中间件三个参数

request 表示请求，记录了前端给后端的所有信息

response 表示响应，记录了后端给前端的信息

next 表示连接，连接request 和 response

router访问路径(路由)文件解读
const express = require('express');
const router = express.Router();
​
// 创建对应路径，渲染的对应模板
router.get('/', function(req, res, next) {
    res.render('login', {
        id: 100,
        title: '我是商品标题',
        price: '100'
    });
});
// render表示渲染编译，将login.ejs编译为login.html
// render函数第一个参数表示编译的目标文件，第二个参数表示数据[数据库中提取出来]的数据
​
// 创建对应路径，渲染的对应模板
router.get('/shop',(req,res,next) => {
  res.setHeader('Access-Control-Allow-Origin','*')解决跨越，但最好通过cors解决，app.js安装
  res.json({
        "id": 100,
        "title": "我是商品标题",
        "price": "100"
  });
})
​
module.exports = router;