ActiveMQ Android防重复点击 私有变量 状态模式 go variant 后台管理模板 flink教程视频 多线程实现方式 string转16进制 spring源码下载 mysql建表主键自增长 mysql插入 python输出函数 python3文件操作 javaqueue 怎么配置java环境 java接口实现 java入门代码 java连接mysql的jar包 java定义字符串 java接口调用 java中的map linux目录 战地联盟辅助 java语言程序设计 上传附件 linux定时任务 0x000007a lol改皮肤软件 ssh框架原理及流程 pygame安装教程 CST软件 winloader flash制作教程 无法加载播放器 pr特效插件 苹果手机放大镜怎么关 手机如何打出删除线字 苹果自动重启
当前位置: 首页 > 学习教程  > 

express+nodeJS搭建服务、前后端交互、后端路由(一)

2020/10/16 18:00:00 文章标签: nodejs后端开发

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架(集成web服务器mvc),它提供一系列强大的特性,帮助你创建各种 Web 应用(相当于原生js与jQuery的关系),当然其实不用框架,使用node自己弄一个…

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架(集成web服务器+mvc),它提供一系列强大的特性,帮助你创建各种 Web 应用(相当于原生js与jQuery的关系),当然其实不用框架,使用node自己弄一个web服务器和mvc框架也不是很麻烦(Node为网络而生,当然强大的不止这点),但是有优秀的express,封装了很多常用功能,推荐用。

1.在项目根目录下cnpm init创建package.json

2.安装express --save

3.创建程序入口文件(main) 例express.js:

var express = require("express"); //加载express构造函数
var app = express(); //生成创建服务的实例
var bodyParser = require("body-parser");//获取post请求参数

app.use(express.static("statics"));//指定资源路径

app.use(bodyParser.json());//处理以json格式的提交
app.use(bodyParser.urlencoded({//处理以form表单的提交
	extended: true
}))

//路由
app.get("/", function(req, res){//这里res和req对象是由express封装过的了
	res.send(`<p>
				my first express!
			</p>`);
})

app.post("/re.html", function(req, res){
	console.log(req.body)//请求的参数对象
	res.json({//给前端返回json格式的数据
		code: 0,
		msg: "登录成功"
	})
})

app.listen(8848, ()=>{
	console.log("启动成功");
})
路由(Routing):是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET、POST 等)组成的,涉及到应用如何响应客户端对某个网站节点的访问
如何定义:

app.METHOD(PATH, HANDLER)。其中,app 是一个 express 实例;METHOD 是某个 HTTP 请求方式中的一个;PATH 是服务器端的路径;HANDLER 是当路由匹配到时需要执行的函数。



模拟前端发送post请求的页面 例 login.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登录页</title>
</head>
<body>
	<h1>哈哈哈哈</h1>
	<form>
		<label for="txt">username</label><br/>
		<input id="txt" type="text" name=""></br>
		<label for="pwd">password</label></br>
		<input id="pwd" type="password" name="">
		<button>登录</button>
	</form>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
	$("button").click(function(e){
		e.preventDefault();
		$.post("/re.html", {//该ajax请求指向的是后台路由(express.js中的路由)
			username: $("#txt").val(),
			password: $("#pwd").val()
		}, function(data){
			console.log(data)
		})

	})
</script>
</body>
</html>



本文链接: http://www.dtmao.cc/news_show_300267.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?