3阶段

13 - express

2019-01-17  本文已影响1151人  Elvmx

Express

基于 Node.js 平台,快速、开放、极简的 Web 开发框架 。

Hello World

const express = require('express');
const app = express();

app.get('/', function(req, res) {
  res.send('hello world');
});

app.listen(3000, () => {
  console.log('服务启动成功! http://localhost:3000');
});

Request

Express 帮我们在 request 对象上,做了一些封装,新增了如下一些常用属性or方法

Response

Express 帮我们在 response 对象上,做了一些封装,新增了如下一些常用属性or方法

路由

静态资源文件托管

express.static()

生成器 (脚手架工具)

// 全局安装
npm install express-generator -g
// 生成项目
express --view=ejs myapp

EJS 模板引擎

官网 - https://ejs.bootcss.com/

"E" 代表 "effective",即【高效】。EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条;也没有再造一套迭代和控制流语法;有的只是普通的 JavaScript 代码而已。

EJS 模板引擎 - 常用标签

  1. <% %> 流程控制标签
  2. <%= %> 输出标签 (会对 HTML 代码转义)
  3. <%- %> 输出标签 (不对 HTML 代码转义)
  4. <%# %> 注释标签
  5. <%% 会输出 '<%'

include 包含

<ul>
  <% users.forEach(function(user){ %>
    <%- include('user/show', {user: user}); %>
  <% }); %>
</ul>
上一篇 下一篇

猜你喜欢

热点阅读