express框架入门


什么是express

  • Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。
  • 使用 Express 可以快速地搭建一个完整功能的网站。

Express 框架核心特性:

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

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

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

    简单点说express就是一个封装了很多功能的包,而你只需要用简单的express的专属的一些代码便可解决本来正常较为复杂的代码,方便你使用


使用express

  • 进入一个目录当作工作目录
  • 然后通过 npm init 命令为你的应用创建一个package.json 文件。(其中会输入参数,但可回车使用默认参数)
  • 然后进入cmd使用   npm install express    安装express
  • 然后在你工程文件中引入
const express = require("express");
const app = express();


框架中目录结构

  • app.js: 启动文件,或者说入口文件。

  • package.json: 存储着工程的信息及模块依赖,当在 dependencies 中添加依赖的模块时, 运行 npm install ,npm 会检查当前目录下的 package.json,并自动安装所有指定的模块。

  • node_modules: 存放 package.json 中安装的模块,当你在 package.json 添加依赖的模块并安装后,存放在这个文件夹下。

  • public: 存放 image、css、js 等文件。

  • router: 存放路由文件。

  • views: 存放视图文件或者说模板文件。


一、app.js作用

  通过require()加装了express、path等模块,以及router文件夹下的index.js和users.js路由文件。
// 引入express模块
const express = require("express");
const { urlencoded } = require("body-parser");  //自动生成的不用管

//引入router目录下的路由器
const proRouter = require("./router/pro.js");

//创建app
const app = express();

// 引入express第三方body-parser
const bodyParser = express("body-parser");

// 设置端口
app.listen(8080);

// 设置public目录托管静态资源
app.use(express.static("./public"));

// bodyParser拓展禁用
app.use(bodyParser, urlencoded({
  extended: false
}))

// 路由器增加前缀
app.use("/pro", proRouter);