一、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程序
//查看程序
http://localhost:3000/
//启动项目
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="/users/save" method = "post">
<input type="text" value = "" name = "username" />
<input type="submit" value = "提交" name = "submit" />
</form>
</body>
</html>
四、使用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
<ul>
<%- include("head.ejs") %>
</ul>