Express介绍及安装

最新推荐文章于 2024-05-10 23:47:37 发布

原创最新推荐文章于 2024-05-10 23:47:37 发布 · 814 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#node.js

本文介绍了如何安装和使用Express，从创建项目目录、初始化package.json，到安装Express并建立Hello World应用。接着讲解了如何本地运行应用，重点探讨了基本路由的概念。最后，文章深入介绍了EJS模板，包括其特点和常用标签，帮助读者理解如何在Express中应用EJS进行视图渲染。

安装

首先假定你已经安装了 Node.js，接下来为你的应用创建一个目录，然后进入此目录并将其作为当前工作目录。

$ mkdir myapp
$ cd myapp

通过 npm init 命令为你的应用创建一个 package.json 文件。

$ npm init

此命令将要求你输入几个参数，例如此应用的名称和版本。你可以直接按“回车”键接受大部分默认设置即可，下面这个除外：

entry point: (index.js)

键入 app.js 或者你所希望的名称，这是当前应用的入口文件。如果你希望采用默认的 index.js 文件名，只需按“回车”键即可。

接下来在 myapp 目录下安装 Express 并将其保存到依赖列表中。如下：

$ npm install express --save

如果只是临时安装 Express，不想将它添加到依赖列表中，可执行如下命令：

$ npm install express --no-save

Hello World的例子

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => res.send('Hello World!'))

app.listen(port, () => console.log(`Example app listening on port ${port}!`))

此应用程序启动服务器，并在端口3000上侦听连接。该应用会显示“ Hello World！”。用于对根URL（/）或路由的请求。对于其他所有路径，它将以404 Not Found响应。

本地运行

首先创建一个名为的目录myapp，更改为目录并运行npm init。然后express按照安装指南的依赖关系进行安装。

在myapp目录中，创建一个名为的文件，app.js并复制上面示例中的代码。

使用以下命令运行该应用程序：

$ node app.js

然后，http://localhost:3000/在浏览器中加载以查看输出。

基本路由

路由是指确定应用程序如何响应客户端对特定端点的请求，该特定端点是URI（或路径）和特定的HTTP请求方法（GET，POST等）。

每个路由可以具有一个或多个处理程序函数，这些函数在匹配该路由时执行。


```javascript
const express = require('express')//导入express包，是一个函数
const app = express()//app接收，express函数的返回对象
const port = 3000//端口常量
//配置一个get请求的路由app.get()  增[put]删[delete]改[post]查[get]

app.get('/get',function (req, res) {
     res.send('Hello World!')
})
app.post('/post', function(req, res){
     res.send('Got a POST request')
})
  app.put('/put', function (req, res) {
    res.send('Got a PUT request')
  })
  app.delete('/delete', function (req, res) {
    res.send('Got a DELETE request')
  })
  // 全部[all] all方法绑定的路由与请求方式无关
  app.all('/', function (req, res) {
    res.send('所有数据')
  })
  //直接使用use可以处理所有的路由
  app.use((req, res) =>res.send('ok'))
//listen()是打包的http.listen()
app.listen(port, () => console.log(`当前项目运行在端口: ${port}!`))

使用EJS模板

1、什么叫做EJS模板

EJS是一个简单高效的模板语言，通过数据和模板，可以生成HTML标记文本。可以说EJS是一个JavaScript库，EJS可以同时运行在客户端和服务器端，客户端安装直接引入文件即可，服务器端用npm包安装。

2、EJS的特点

1.快速编译和渲染
2.简单的模板标签
3.自定义标记分隔符
4.支持文本包含
5.支持浏览器端和服务器端
6.支持express视图系统

安装

在这里插入代码片
```$ npm install ejs

## ejs模板语法

```javascript
<% '脚本' 标签，用于流程控制，无输出。
<%= 输出数据到模板（输出是转义 HTML 标签） （ 不会编译html标签）
<%- 输出非转义的数据到模板( 会编译html标签 )

示例

<% if (user) { %>
  <h2><%= user.name %></h2>
<% } %>

EJS的常用标签

1. <% %> 流程控制标签
2. <%= %> 输出标签(原文输出HTML标签)
3. <%- %>输出标签(HTML会被浏览器解析)
4. <%# %>注释标签
5. % 对标记进行转义