(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
可以自动编译
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>
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>