【web前端】Express、EJS

【web前端】Express

初始化项目

  • 安装 npm i express -g
  • 若出现版本错误信息,则安装:npm i express-generator -g
  • 安装express默认的依赖:npm i
  • 启动express项目:node ./bin/www 或者 npm start

Express路由

EJS

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

  • 特点

    • 快速编译和渲染
    • 简单的模板标签
    • 自定义标记分隔符
    • 支持文本包含
    • 支持浏览器端和服务器端
    • 模板静态缓存
    • 支持express视图系统
  • 成员函数

    • Render(str,data,[option]):直接渲染字符串并生成html
    • str:需要解析的字符串模板
    • data:数据
    • option:配置选项
  • 常用标签

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

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

Mocha

  • 概念
    Mocha(发音"摩卡")诞生于2011年,是现在最流行的JavaScript测试框架之一,在浏览器和Node环境都可以使用。

  • "测试框架":运行测试的工具。可以为JavaScript应用添加测试,从而保证代码的质量。

  • 测试框架
    mocha:测试框架
    mocha:定义测试之前与之后要做的事

  • 断言assert
    chai:断言库
    chai:should风格的断言
    chai:expect风格的断言

  • 项目测试
    写一个测试项目
    让测试通过
    测试异步的方法:setTimeout
    测试异步方法:http
    测试方法的异常

  • 运行多个测试

上一篇:Express 框架中 ejs 的安装使用


下一篇:express框架路由和ejs模板使用