初识Express框架

一,快速介绍和安装
在这里插入图片描述
(1)先在全局安装表达模块

npm install express -g
/输入下述命令,如果有提示,说明安装好了/

express -h

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

npm install express-generator -g

(2)在使用表达快速搭建一个项目初始化模板

express -e expressDemo

/进入目录/
cd express
/下载依赖模块/
npm install
(3)启动expressDemo程序 图片

//查看程序
http://localhost:3000/
//启动项目
npm start
二,初始化项目详解
packpage.json 图片

入口文件/ bin / www

三,快递中的路由
可以自动编译

supervisor ./bin/www
修改路线/ 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的特点
一个。快速编译和渲染
湾简单的模板标签
℃。自定义标记分隔符
d。支持文本包含
如支持浏览器端和服务器端
。˚F支持表达视图系统

3,EJS的成员函数
Render(str,data,[option]);
/*
直接渲染字符串并生成html
str: 需要解析的字符串模板
data: 数据
option: 配置选项
*/
4,EJS的常用标签
一个。<%%>流程控制标签
b。<%=%>输出标签(原文输出HTML标签)
c。<% - %>输出标签(HTML会被浏览器解析)
d。<%#%>注释标签
e。%对标记进行转义

5,实战(在表达项目中内置了EJS模块)
图片
在这里插入图片描述
图片 图片

6,包括

  • <%- include("head.ejs") %>
![图片 图片](https://img-blog.csdnimg.cn/20190208163618890.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MDQ2OTQz,size_16,color_FFFFFF,t_70)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值