Express框架

最新推荐文章于 2023-04-03 23:41:48 发布
最新推荐文章于 2023-04-03 23:41:48 发布
阅读量378 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinqianwang/article/details/83273548
版权

express的三个功能：

  • static静态文件访问，路径拦截
  • 全栈模板 jade ejs
  • 对get  post  支持

$npm install --save--dev express

第一功能：网址访问接收

//配置文件的访问

//导入包
var express = require("express");
//实例化express对象
var app = express();

app.get("/",function(req,res){

	res.send("成功访问");

}).listen(3000);

第二：static文件夹文件直接访问

假如static文件夹下有index.html，它会默认匹配“/”路径

//设置静态文件夹，直接网址敲
app.use(express.static("static"));
//配置文件的访问

//导入包
var express = require("express");
//实例化express对象
var app = express();

//设置静态文件夹，直接网址敲
app.use(express.static("static"));

app.get("/",function(req,res){

	res.send("成功访问");

}).listen(3000);

app.post("/",function(req,res){

	res.send("成功访问");

}).listen(3000);

第三：拦截器过滤器

//拦截器：过滤器
app.use("/",function(req,res,next){
	console.log("拦截器1");
	//事务继续往下执行
	next();
})

app.use("/test",function(req,res,next){
	console.log("拦截/test的拦截器");
	//事务继续往下执行
	next();
})
//配置文件的访问

//导入包
var express = require("express");
//实例化express对象
var app = express();

//设置静态文件夹，直接网址敲
app.use(express.static("static"));

//拦截器：过滤器
app.use("/",function(req,res,next){
	console.log("拦截器1");
	//事务继续往下执行
	next();
})

app.use("/test",function(req,res,next){
	console.log("拦截/test的拦截器");
	//事务继续往下执行
	next();
})

app.get("/",function(req,res){

	res.send("成功访问");

}).listen(3000);

第四建模：

jade难点     npm install --save--dev jade

//建模
//全站建模：jade,ejs两种
//npm install --save--dev jade
app.set("view engine","jade");
//设置模板引擎类型
//创建一个jade文件夹，并设置该文件夹的路径
app.set("views",__dirname+"/jade");
doctype html
html(lang="en")
	head
		title #{titlex}
		meat(name="keywords",content="kgc 课工场")
		script(type="text/javaScript").
			var a=100
			console.log(a);

			function clickBtn(){
			alert("我被点击了");
			}
		style.
			h1{
			color:red;
			}
		link(type="text/css",href="")

	body
		h1 课工场
		div.col#test
			a(href="http://www.baidu.com" target="_bank" style="{color:red}") 百度
			br
			|这是文本需要在前面加个竖杠
			br
			button(onclick="clickBtn()") 点击
			-for(var i=0;i<3;i++)
				div 第#{i}次循环，嵌入脚本需要在前面加短横杠

			-var str = "课工场"
				div=str

			-var a=false,b=false
				if a
					div a is true
				else if b
					div b is true
				else
					div all are false

			-var arr=["a","b","c"]
				each item in arr
					div=item

这是jade的书写格式：

  1. 父子标签关系是用tab缩进来确定的
  2. div.col#test  相当于 class=col  id=test
  3. 前面加 | 表示后面的内容都是文本内容
  4. 标签空一下格，在写就是该标签的文本内容

ejs 模板

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>EJS</title>
</head>
<body>
	<%=titlex%>
</body>
</html>

ejs模板是跟html格式书写是一样的，就像jsp嵌入java代码一样，直接用<%%>括起来，在内部就能写脚本代码

app.get("/",function(req,res){
	console.log(__dirname);
	res.render("index",{titlex:"jade测试成功"})

第四：处理post get

get

http://localhost:3000/?jin=123

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<script src="https://cdn.bootcss.com/jquery/1.8.0/jquery.min.js"></script>
</head>
<body>
	<button onclick="dian()">点击</button>
	<script>
		function dian(){
			$.ajax({
				url:"http://localhost:3000/index",
				type:"get",
				data:{"name":"jinq","pass":"123"},
				success:function(data){
					alert(data);
				}
			})
		}
	</script>
</body>

 

var express = require("express");
var app = express();

app.get("",function(req,res){
	console.log(req.query.jin);


}).listen(3000)

post

$ npm install --save-dev body-parser

//安装解析post的插件
var bodyParser = require("body-parser");
app.use(bodyParser.urlencoded({extended:false}));
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<script src="https://cdn.bootcss.com/jquery/1.8.0/jquery.min.js"></script>
</head>
<body>
	<button onclick="dian()">点击</button>
	<script>
		function dian(){
			$.ajax({
				url:"http://localhost:3000/index",
				type:"post",
				data:{"name":"jinq","pass":"123"},
				success:function(data){
					alert(data);
				}
			})
		}
	</script>
</body>


var express = require("express");
var app = express();
//设置静态文件夹，直接网址敲
app.use(express.static("static"));

//安装解析post的插件
var bodyParser = require("body-parser");
app.use(bodyParser.urlencoded({extended:false}));



app.post("/index",function(req,res){
	console.log(req.body);
	console.log(req.body.name)
	res.send("success")
}).listen(3000);

使用上传文件插件的步骤：

html端

<form action="http://localhost:3000/upload" method="post" enctype="multipart/form-data">
		<input type="file" name="image" size="50" />
		<br />
		<input type="submit" value="上传文件" />
	</form>

node.js端

var express = require("express");
var app = express();
var multer  = require('multer');

var bodyParser = require("body-parser");
//安装解析post的插件
var bodyParser = require("body-parser");
app.use(bodyParser.urlencoded({extended:false}));

app.use(multer({ dest: '/tmp/'}).array('image'));



app.use(express.static("static"));

app.get("/",function(req,res){
	res.end("GET")
}).listen(3000);

app.post("/upload",function(req,res){
	
	// console.log(req.file)
	console.log(req.files);  // 上传的文件信息
	res.end("POST")
})

 

jinqianwang
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
08【Express框架】详细版 - Express框架简介，中间件， Express请求处理，express-art-template模板引擎.
嘿嘿_哈哈的博客
10-08 1387
Express框架 目标 能够使用Express创建web服务器 能够使用Express处理请求参数 能够使用Express处理静态资源 能够使用中间件处理请求 能够在Express中集成art-template模板引擎 Express框架简介及初体验 Express框架请求处理 express-art-template模板引擎 Express中间件 1. Express框架简介及初体验 1.1 Express框架是什么？ 1）Express是一个基于Nod...
【Node.js工程师养成计划】之express框架
最新发布
老电影故事的博客
04-29 1260
【Node.js工程师养成计划】之express框架
Express框架(基础部分、路由和中间件)
weixin_63443072的博客
02-05 2461
一义上来讲，路由就是映射关系。// 定义一个最简单的中间件函数console.log('这是个最简单的中间件函数');// 把流转关系交给下一个中间件或路由next()模拟一个类似于 express.urlencoded 这样的中间件来解析 POST 提交到服务器的表单数据。定中间件监听req的 data事件监听req的end 事件使用querystring模块解析请求体数据将解析出来的数据对象挂载为 req.body将自定义中间件封装为模块// 解析表单数据的中间件。
EXPRESS框架
mantou_riji的博客
07-07 2876
express是一款基于Node.js平台,快速、开放、极简的web开发框架。官网：https://www.expressjs.com.cn/express是node的第三方框架 初始化： 安装： 使用的时候引入即可：之前都是用 向前端页面写数据，但是比较麻烦，一般情况下我们还需定义 ，还需要注意返回的书html片段，页面还是json数据，比较麻烦。 EXPRESS框架直接将这些内容封装成,我们可以直接将数据进行返回，比较方便。 处理路由 固定路由 表示可以匹配 和 路径 是一个占位符 表
Express框架.docx
07-09
Express 框架详解 Express 框架是基于 Node.js 平台的 Web 应用开发框架，提供了一系列强大特性，帮助开发者创建各种 Web 应用。 Express 框架的特性包括方便简洁的路由定义方式、对获取 HTTP 请求参数的简化处理、...
node.js express框架
02-04
《深入浅出Node.js Express框架与PM2部署实践》 在Web开发领域，Node.js以其异步非阻塞I/O模型以及高效的性能，已经成为构建高性能网络应用的重要选择。而Express框架，作为Node.js领域的事实标准，极大地简化了Web...
node的express框架
08-04
本文将深入探讨"Node的Express框架"，并结合"源码"和"工具"这两个标签，为你揭示Express框架的核心概念、工作原理以及实用技巧。 一、Express框架简介 Express是基于Connect库构建的，它的设计目标是提供简洁、...
node.js express框架简介与实现
10-16
主要介绍了node.js express框架简介与实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Node.js Express 框架
01-03
Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 ...
node+express框架中连接使用mysql(经验总结)
01-20
最近在学习node.js，做了一个练手项目，使用node.js+express框架，配合mysql数据库和前端vue框架开发一个多人文档编辑系统。 node.js环境下express+mysql的服务端项目示例 首先是环境搭建： node环境下 $ npm ...
node.js express框架实现文件上传与下载功能实例详解
10-16
主要介绍了node.js express框架实现文件上传与下载功能,结合具体实例形式详细分析了node.js express框架针对文件上传与下载的前后台相关实现技巧,需要的朋友可以参考下
Express框架概述
m0_67401545的博客
09-11 2554
Express是目前流行的基于Node.js运行环境的Web应用程序开发框架，它简洁且灵活，为Web应用程序提供了强大的功能。Express提供了一个轻量级模块，类似于jQuery（封装的工具库），它把Node.js的HTTP模块的功能封装在一个简单易用的接口中，用于扩展HTTP模块的功能，能够轻松地处理服务器的路由、响应、Cookie和HTTP请求的状态。Express的优势：（1）简洁的路由定义方式。（2）简化HTTP请求参数的处理。（3）提供中间件机制控制HTTP请求。
express框架
lxllxl211的博客
04-03 1172
可以使用 app.use0 连续定义多个全局中间件。客户端请求到达服务器之后，会按照中间件。
express框架：
03-23
以下是Express框架的一些特点和功能： 1. 简洁而灵活：Express提供了一组简单而灵活的API，使得构建Web应用程序变得非常容易。它没有过多的约束，允许开发者按照自己的需求进行定制。 2. 路由功能：Express提供了...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值