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程序 

//查看程序
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>

 

猜你喜欢

转载自blog.csdn.net/zrexam/article/details/86713279