【web前端】Express、EJS

本文介绍了如何使用Express创建前端项目,重点讲解了EJS模板引擎的原理、特点和常用标签,并演示了如何结合Mocha进行测试,让你轻松掌握项目开发流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【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:在一个EJS里面引入另外一个EJS

    • include('模板路径‘,{传递内容});
    <ul>
      <% users.forEach(function(user){ %>
        <%- include('user/show', {user: user}); %>
      <% }); %>
    </ul>
    

Mocha

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

  • "测试框架":运行测试的工具。可以为JavaScript应用添加测试,从而保证代码的质量。
    Mocha安装:npm i mocha -g

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

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

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

  • 运行多个测试

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值