Express

一、Express介绍和安装
(1)先在全局安装express模块
npm install express -g
/输入下述命令,如果有提示,说明安装好了/

express -h

/如果提示错误,需要安装express-generator/

npm install express-generator -g

(2)在使用express快速搭建一个项目初始化模板
express -e expressDemo

/进入目录/
cd express
/下载依赖模块/
npm install

(3)启动expressDemo程序

在这里插入图片描述

//启动项目
npm start

二、初始化项目详解
packpage.json
在这里插入图片描述
入口文件 /bin/www
三、Express中的路由
可以自动编译
supervisor ./bin/www

修改routes/users.js
var express = require(‘express’);
var router = express.Router();

/* GET users listing. */
router.get(’/’, function(req, res, next) {
res.send(‘respond with a resource’);
//不能够进行第二次send,会崩溃
});
router.get("/list", function(req, res, next){
res.send(‘user list’);
});

//还可以写正则表达式
router.get("/ab*cd", function(req, res, next){
res.send(“regexp”);
})

//加载form表单页面
router.get("/form", function(req, res){
res.sendFile(__dirname + “/form.html”);
})

router.post("/save", function(req, res){
res.send(“表单提交”);
})
//同时接收get和post请求
router.all("/all", function(req, res){
res.send(“all”);
})

module.exports = router;

同目录下新增form.html

Document

四、使用EJS模板
1、什么叫做EJS模板
    EJS是一个简单高效的模板语言,通过数据和模板,可以生成HTML标记文本。可以说EJS是一个JavaScript库,EJS可以同时运行在客户端和服务器端,客户端安装直接引入文件即可,服务器端用npm包安装。
2、EJS的特点
a.快速编译和渲染
b.简单的模板标签
c.自定义标记分隔符
d.支持文本包含
e.支持浏览器端和服务器端
f.支持express视图系统
3、EJS的成员函数
Render(str,data,[option]);
/*
直接渲染字符串并生成html
str: 需要解析的字符串模板
data: 数据
option: 配置选项
*/

4、EJS的常用标签
a. <% %> 流程控制标签
b. <%= %> 输出标签(原文输出HTML标签)
c. <%- %>输出标签(HTML会被浏览器解析)
d.<%# %>注释标签
e.% 对标记进行转义
5、实战(在express项目中内置了EJS模块)

在这里插入图片描述
在这里插入图片描述
6、Includes

  • <%- include("head.ejs") %>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190211095209885.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pZV1NXWg==,size_16,color_FFFFFF,t_70)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值