> For the complete documentation index, see [llms.txt](https://zpliu.gitbook.io/booknote/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://zpliu.gitbook.io/booknote/node/expressframe.md).

# 关于express框架的学习

* 版本概念
  * ***2.10.2***

    第一个是大版本，第二个增加新功能，第三个修复bug

### 1.  安装

```javascript
npm init -y
npm install --save express
```

### 2. hello world

```javascript
var express=require("express")
var app=express() //init server
app.get("/",function(req,rep){ //request root url
    /*rep.send("hello express")*/ //response the client
    rep.send("中文 is ok!") //response the client with chinese
})


app.listen(8080,function(){
    console.log("The server is running in 8080 port")
})
```

#### 具体使用

* **公开静态访问资源目录**

```javascript
// open static resource
app.use('/public/',express.static('./public/'))
```

> :warning:现在觉可以通过url访问public目录下的所有文件​

### 代码完成之后服务器自动完成重启的问题

> 基于nodemon模块监视程序的运行，并且自动重启

```javascript
npm install -g nodemon

之后使用nodemon运行js脚本
```

### 路由操作

**请求方法:ideograph\_advantage:请求路径+请求方法**

```javascript
app.get("/",function(req,rep){ //request root url
    /*rep.send("hello express")*/ //response the client
    rep.send("中文 is ok!") //response the client with chinese

})
app.get("/about",function(req,rep){ //request root url
    /*rep.send("hello express")*/ //response the client
    rep.send("This is about!") //response the client with chinese

})
```

### 配置模板引擎

```javascript
var app=express();
app.engine('art', require('express-art-template')) 
第一个参数是配置模板文件的后缀，可以修改
```

:crescent\_moon:express-art-template模板是依赖于art-template的

**express为对象配置了render模板函数，但是在没有配置express-art-template引擎情况下时不可以使用render函数的**

* 用法

  ```javascript
  //响应对象调用render函数，读取对应的文件，使用模板引擎进行渲染
  //express默认会从view目录下寻找模板文件，并且文件名后缀以.art后缀结尾《或者自定义后缀结尾》
  var app=express();
  app.engine('html', require('express-art-template')) 
  app.get('/',function(req,rep){
          rep.render("../index.html",{
              comments:comments
          })
  })
  ```

  当请求根目录时候，响应对象会去读取views目录的上一级目录的index.html文件，文件后缀是html而不是**art**的原因是因为在设置express模板引擎的时候，设置好了，第二个参数用于模板数据的填充与art-template模板的用法是一致的

  > 修改默认的模板路径；

  ```javascript
  app.set('views','模板文件的目录');
  //修改完成之后；render函数中文件都是相对于修改后的路径进行设置的
  ```

### 基于GET请求实现留言板

1. 基于express-art-template模板引擎
   1. render中封装好了文件读取函数，和模板替换，模板文件的读取默认相对于views目录
      1. 请求对象req中封装好了get参数，不需要使用url模块进行操作了
         1. 响应对象封装好了重定向函数，不需要http的Location函数了

### 基于POST请求实现留言板

其实只需要修改对页面的请求方式,express没有默认的获取post参数的函数

基于其他插件来实现 \*\*

```javascript
var express=require("express")
var bodyParser=require("body-parser") //解析post数据的插件
var app=express();
app.engine('html', require('express-art-template')) //使用express 改造的art-template引擎
//解析post请求的配置
app.use(bodyParser.urlencoded({extended:false}))
app.use(bodyParser.json())
// post数据在req的body属性中
```

接着在对同一个文件不同的请求的时候，对应不同的解析方法

```javascript
//当以post方法请求comments文件时
app.post('/views/comments',function(req,res){
    /*获取post数据*/
    var comment=req.body //直接封装好了在req属性中
        comment.date="2019-7-10"
        /*console.log(comment)*/
        comments.push(comment); //数据完成更新
        //进行临时重定向状态码302; location为重定向地址
        res.redirect('/')
        res.send()
})
```

## 2.基本的模板

* app.js模板

  ```javascript
  var fs=require("fs")

  var express=require("express")

  var bodyParser=require('body-parser') //解析post参数

  var router=require("./route.js")//路由文件

  var app=express()//express对象

  app.engine("html", require("express-art-template")) //配置模板引擎

  app.set('views','/var/www/html/node/MongoDB/template') //设置模板文件目录

  app.use(bodyParser.urlencoded({extended:false})) //设置post请求解析

  app.use(bodyParser.json()) //解析成json数据格式

  app.use(router) //挂载路由

  app.use('/public',express.static('/var/www/html/node/MongoDB/public')) //开放静态资源访问目录

  app.listen(8081,function(){
      console.log("server is start!");
  })
  ```
* route.js路由文件

  ```javascript
  var fs=require("fs")

  var express=require("express")

  var router=express.Router()

  router.get("/",function(req,rep){
      rep.render("students.html")
  })
  module.exports=router
  ```
* 与业务相关的student.js文件，使用MongoDB进行处理


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://zpliu.gitbook.io/booknote/node/expressframe.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.