《Web应用开发实战》课件——单元6 Express框架开发.pptxVIP

6.1Express简介与安装

引入原生开发框架开发框架开发可以提升开发效率，实现的项目性能高、扩展性强。工欲善其事必先利其器

01Express简介03搭建框架项目目录02Express安装

基于Node.js平台，快速、开放、极简的Web开发框架。Express简介中间件Express框架Connect框架类似于一个中间件(middleware)的脚手架；只提供调用逻辑，不实现具体的处理逻辑。在Node.js开发领域，Express以其简洁的API、强大的功能和灵活的设计，成为了目前最受欢迎的Web应用框架之一。它提供了一组强大的工具,用于快速构建Web应用程序和API。

安装方式Express安装局部安装安装的模块只对当前的项目有效。全局安装使用express命令行工具生成项目包，然后再进行开发。

1.局部安装Express安装1.创建项目包4.测试运行nodeapp.js3.安装expressnpminstallexpress定义项目开发者、版本和脚本等信息。依赖包信息会保存到package.json文件的dependencies属性中2.生成package.json文件npminit-y运行创建的主程序创建项目文件夹，打开该文件夹。

Express安装示例创建app.js文件，并运行该应用。创建项目包app.js主程序文件编写与运行客户端访问服务器

constexpress=require(express);constapp=express();app.get(/,function(req,res){//注意：客户端访问服务器时触发 res.send(这是首页!);//服务器响应文字})app.listen(3000);服务器接收到get请求，且地址为“/”时，触发代码，服务器向客户端响应字符串应用监听端口3000app.js-项目主程序nodeapp.jsExpress安装示例代码

2.全局安装Express安装npminstallexpress-generator-g2.全局安装express生成器express-generator3.查看express版本express--version1.全局安装expressnpminstallexpress-g

实验需求搭建框架项目使用express命令搭建项目环境。实验步骤进入项目目录并安装依赖包02使用express生成项目包01启动运行项目03

搭建框架项目类型名称作用目录node_modules存放项目的依赖模块，默认的有body-parser、cookie-parser、express、morgan、serve-favicon等常用模块目录bin存放启动项目的脚本文件，默认为www，该文件中定义了HTTP访问的默认端口为3000目录public静态资源文件夹，包括images、javascripts、stylesheets三个文件夹目录routes路由文件包括index.js和users.js目录views页面视图文件（或页面模板文件），Express框架默认的为jade模板（也就是pug模板），因此，默认的有error.jade、index.jade和layout.jade文件文件app.js应用的关键配置文件，项目入口文件文件package.json项目包描述文件，包含项目基本信息及依赖列表文件package-lock.json锁定安装时包的版本号，用来记录当前状态下实际安装的各个npm包的具体来源和版本号项目启动命令静态资源路由模板引擎入口文件

1.使用express生成项目搭建框架项目expressprojectName生成项目

2.进入项目目录并安装依赖包搭建框架项目cdprojectName进入项目目录npminstall安装依赖包

3.启动项目搭建框架项目npmstart启动项目应用http://localhost:3000浏览器访问首页

小结Express简介基于Node.js平台，快速、开放、极简的Web开发框架Express安装局部安装全局安装搭建框架项目使用express生成项目进入项目目录并安装依赖包启动运行项目

6.2路由配置

引入现实生活中的路由：按键与服务之间的映射关系..不同按键，呼叫不同功能

引入路由：将客户端请求映射为服务器的响应操作..通过合理地设计路由，可以实现页面跳转、接口调用等各种需求..URIHTTP请求Server端点Endpoint

01路由简介03模块化路由目录02app级别路由

路由介绍路由——路由是指根据用户请求来决定服务器应如何响应的过程。服务器根据客户端路由请求路径和请求方法，将请求分发到相应的处理函