Node.js（六）express 框架使用

最新推荐文章于 2020-12-04 17:25:25 发布

Deer__青春

最新推荐文章于 2020-12-04 17:25:25 发布

阅读量448

点赞数

分类专栏： vue.js

本文链接：https://blog.csdn.net/qq_40195958/article/details/103961679

版权

vue.js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

安装 express 框架，这里使用到了 body-parser 直接进行安装

//  资源库有基本使用 demo 
https://www.npmjs.com/package/body-parser

npm install express --save

npm install body-parser --save

js 案例代码

var express=require('express');

// var ejs = require('ejs');

var app=new express();
//  引用获取 post 表单提交数据中间件
var bodyParser=require('body-parser');
// 获取表单提交数据
app.use(bodyParser.urlencoded({extended:false}));
// 获取 JSON 提交数据
app.use(bodyParser.json());

// 配置 ejs 模板引擎
app.set('view engine','ejs');
// html引擎模板
// app.engine('html', ejs.__express);
// app.set('view engine','html');

// 设置默认模板 views 路径
// app.set('views',__dirname+'/static')

// 配置文件静态资源路径
app.use(express.static('static'));

//  中间件,Nodejs 中匹配到路由,就不会继续向下匹配,next() 方法标识继续向下匹配
/*
	可以通过此方法实现未登录拦截功能
*/
app.use(function(req,res,next){
	console.log("这是一个所有匹配的中间件")
	next();
})

app.get('/',function(req,res){
	// res.send('ejs 的演示');
	// 渲染模板
 	res.render('index',{'name':'聚隆科技才能'}); 
	
})
/*
	通过第三方中间件获取 post 提交的数据
*/
app.post('/login',function(req,res){
	// req.body  获取表单数据
	console.log(req.body)
	res.render('index',{name:'大呲花'})
})

app.listen('8000','127.0.0.1');

页面为html 页面，改了下后缀名

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/index.css" rel="stylesheet"/>
	</head>
	<body>
		<h1 class='header'>香港大呲花</h1></br></br>
		
		<h2><%=name%></h2></br></br>
		
		<form action="/login" method="post">
			
			<input type="text" name="username"/></br></br>
			<input type="text" name="password"/></br></br>
			
			<input type="submit" value="提交" />
			
		</form>
		
		
	</body>
</html>