基于node.js做的静态服务器分享，有详细注释，配套的js和ajax请求---原生和jquery的都有

其他 2020-01-30 11:15:28 阅读次数: 0

本人写的不复杂，适合萌新（我就是萌新）

觉得可以的话点个赞，关注一下吧

mongodb或者mysql数据库都可以使用，文件头部的注释取消即可！

复制过去用的话，记得改ajax请求的url: “http://192.168.0.76:8089/test_post”（这是我的IP），你不改的话肯定请求不到的啦！！

不要纠结 我给变量起名很low 我有严重的起名困难症！！！！

/**
 * a Static Server
 * nodejs进程守护工具 pm2 了解一下
 */
const express = require('express');

// 这里是使用mongodb的
// const mongodb = require('mongodb');
// const MongoClient = mongodb.MongoClient;

// 这里使用mysql的
const mysql = require('mysql');
// const url = require('url');

//body-parser是非常常用的一个express中间件，作用是对post请求的请求体进行解析。
const bodyParser = require('body-parser'); //用于获取post请求参数的
let urlencodedParser = bodyParser.urlencoded({ //用于获取post请求参数的
	extended: false
})

let app = express();
//解决跨域
app.all('*', function(req, res, next) {
	res.header("Access-Control-Allow-Origin", "*");
	res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With");
	res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
	if(req.method == "OPTIONS") {
		res.send(200); 
	} else {
		next();
	}
});
//设置静态文件目录
app.use(express.static('./'));

 
/* 一个测试 */
//获取post请求参数  需要用到一个中间件，顶上有加载这个
app.post('/test_post',urlencodedParser, (req, res) => {
	console.log(req.body,req.originalUrl)
	res.send(req.body);
})
//获取get请求参数
app.get('/test_get', (req, res) => {
	var num = 200;
	//res.send('连接成功，这段字符串是node.js服务器返回的数据',num) //逗号隔开是设置随着数据一起返回的状态码 比如200（成功） 500（服务器出错）之类的。
			//推荐下面这么写,把设置状态码跟发送数据分开 
			//res.status(200);
	//res.send('连接成功，这段字符串是node.js服务器返回的数据' + num) //加号隔开是返回这个数字作为数据
	console.log(req.query,req.originalUrl)
	res.send(req.query);
})
/* 一个测试 */




//注册
app.get('/zhuce123', (req, res) => {
	var pool = mysql.createPool({
		host: 'localhost',
		user: 'root',
		password: '',
		port: 3307,
		database: 'vuedata',
		multipleStatements: true
    });
    console.log(req.query.yonghum);
    var sql1 =`insert into yonghubiao (usname, password) values ('${req.query.yonghum}', '${req.query.xinmima}')`
	pool.query(sql1, function(error, rows) {
		res.send(req.query.yonghum);
	});
})
//登陆
app.get('/denglu123', (req, res) => {
	var pool = mysql.createPool({
		host: 'localhost',
		user: 'root',
		password: '',
		port: 3307,
		database: 'vuedata',
		multipleStatements: true
    });
    // console.log(req.query.yonghum);  
    var sql1 =`select * from yonghubiao where usname='${req.query.yonghum}' and password = '${req.query.xinmima}' limit 1`;
	pool.query(sql1, function(error, rows) {
        console.log(rows.length);
        if(rows.length != 0){
            res.send("1");
        }else{
            res.send("0");
        }	
	});
});


//修改密码
app.get('/xiugai123', (req, res) => {
	var pool = mysql.createPool({
		host: 'localhost',
		user: 'root',
		password: '',
		port: 3307,
		database: 'vuedata',
		multipleStatements: true
	});
	//	var sql = ;
	pool.query(`update yonghubiao set password='${req.query.xinmima}' where usname='${req.query.yonghum}'`, function(error, rows) {
		res.send("1");
		console.log(req.query);
	});
});

//  下面注释部分是操作mongodb数据库的

// //登陆
// app.post('/login', urlencodedParser, (req, res) => {
// 	let {
// 		name,
// 		mima
// 	} = req.body;
// 	MongoClient.connect("mongodb://localhost:27017/", function(err, database) {
// 		if(err) throw err;
// 		let db = database.db('xcy');
// 		let yhb = db.collection('yhb'); //切换到具体的集合

// 		yhb.findOne({
// 			username: name,
// 			password: mima
// 		}, (err, result) => {
// 			if(result) {
// 				// 登录成功后，给前端发送用户表示：token
// 				res.send({
// 					code: 1,
// 					data: result,
// 					msg: 'ok'
// 				})
// 			} else {
// 				res.send({
// 					code: 0,
// 					data: [],
// 					msg: 'fail'
// 				})
// 			}
// 		});
// 		database.close();
// 	});
// });

// //用户列表
// app.get('/hqyh', (req, res) => {
// 	var pool = mysql.createPool({
// 		host: 'localhost',
// 		user: 'root',
// 		password: '',
// 		port: 3307,
// 		database: 'xcy',
// 		multipleStatements: true
// 	});

// 	pool.query('select * from yonghubiao', function(error, rows) {
// 		res.send(rows);
// 	});
// });

// //修改密码
// app.get('/xiugai', (req, res) => {
// 	var pool = mysql.createPool({
// 		host: 'localhost',
// 		user: 'root',
// 		password: '',
// 		port: 3307,
// 		database: 'xcy',
// 		multipleStatements: true
// 	});
// 	//	var sql = ;
// 	pool.query(`update yonghubiao set password='${req.query.xinmima}' where usname='${req.query.yonghum}'`, function(error, rows) {
// 		res.send("");
// 		console.log(req.query);
// 	});
// });

// //删除
// app.get('/shanchu', (req, res) => {
// 	var pool = mysql.createPool({
// 		host: 'localhost',
// 		user: 'root',
// 		password: '',
// 		port: 3307,
// 		database: 'xcy',
// 		multipleStatements: true
// 	});
// 	//	var sql =;
// 	pool.query(`DELETE FROM yonghubiao where usname= '${req.query.yonghum}'`, function(error, rows) {
// 		res.send("删除成功");
// 		console.log(req.query.yonghum);
// 	});
// });

// //添加
// app.get('/tianjia', (req, res) => {
// 	var pool = mysql.createPool({
// 		host: 'localhost',
// 		user: 'root',
// 		password: '',
// 		port: 3307,
// 		database: 'xcy',
// 		multipleStatements: true
// 	});
// 	console.log(req.query);
// 	var sql = `insert into yonghubiao (usname, password) values ('${req.query.yonghum}', '${req.query.xinmima}')`;
// 	pool.query(sql, function(error, rows) {
// 		res.send("添加成功");
// 	});
// });

// //商品列表
// app.get('/splb', (req, res) => {
// 	var pool = mysql.createPool({
// 		host: 'localhost',
// 		user: 'root',
// 		password: '',
// 		port: 3307,
// 		database: 'xcy',
// 		multipleStatements: true
// 	});

// 	pool.query('select * from goods', function(error, rows) {
// 		res.send(rows);
// 	});
// });

// //修改商品列表
// app.get('/xiugaigood', (req, res) => {
// 	var pool = mysql.createPool({
// 		host: 'localhost',
// 		user: 'root',
// 		password: '',
// 		port: 3307,
// 		database: 'xcy',
// 		multipleStatements: true
// 	});
// 	var sql = `
// 	update goods set goodname='${req.query.goodming}' where id='${req.query.goodid}';
// 	update goods set jiage='${req.query.goodjiage}' where id='${req.query.goodid}';
// 	update goods set goodxiangqing='${req.query.goodzhonglei}' where id='${req.query.goodid}';
// 	update goods set tupianlujing='${req.query.goodtupianlujing}' where id='${req.query.goodid}';
// 	update goods set jieshao='${req.query.goodjieshao}' where id='${req.query.goodid}';
// 	update goods set shouchu='${req.query.goodshouchu}' where id='${req.query.goodid}';
// 	update goods set rongliang='${req.query.goodrongliang}' where id='${req.query.goodid}';
// 	update goods set id='${req.query.goodnewid}' where id='${req.query.goodid}';
// 	`;
// 	pool.query(sql, function(error, rows) {
// 		res.send("");
// 		console.log(req.query);
// 	});
// });
// //删除good
// app.get('/shanchugood', (req, res) => {
// 	var pool = mysql.createPool({
// 		host: 'localhost',
// 		user: 'root',
// 		password: '',
// 		port: 3307,
// 		database: 'xcy',
// 		multipleStatements: true
// 	});
// 	//	var sql =;
// 	pool.query(`DELETE FROM goods where id= '${req.query.goodid}'`, function(error, rows) {
// 		res.send("删除成功");
// 		console.log(req.query.goodid);
// 	});
// });

// //添加商品
// app.get('/tianjiagood', (req, res) => {
// 	var pool = mysql.createPool({
// 		host: 'localhost',
// 		user: 'root',
// 		password: '',
// 		port: 3307,
// 		database: 'xcy',
// 		multipleStatements: true
// 	});
// 	console.log(req.query);
// 	var sql = `insert into goods (goodname, id,jiage,goodxiangqing,tupianlujing,jieshao,shouchu,rongliang) values ('${req.query.goodming}', '${req.query.goodnewid}','${req.query.goodjiage}','${req.query.goodzhonglei}','${req.query.goodtupianlujing}','${req.query.goodjieshao}','${req.query.goodshouchu}','${req.query.goodrongliang}')`;
// 	pool.query(sql, function(error, rows) {
// 		res.send("添加成功");
// 	});
// });

//监听某个端口
app.listen(8089, () => {
	console.log("监听成功,服务器运行ing,端口:8089")
})

下面是配套的js和ajax请求—原生和jquery的都有

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			html,
			body {
				width: 100%;
				height: 100%;
			}

			#btn {
				width: 100px;
				height: 100px;
				margin: 0 auto;
				display: block;
				margin-top: 35%;
				transform: translateY(-50%);
			}

			#btn2 {
				width: 100px;
				height: 100px;
				margin: 0 auto;
				display: block;
				margin-top: 15%;
				transform: translateY(-50%);
			}

			#txt {
				width: 360px;
				margin: 0 auto;
				display: block;
				padding: 10px;
				background-color: bisque;
			}
		</style>
	</head>
	<body>
		<button type="button" id="btn">发送btn</button>
		<button type="button" id="btn2">发送btn2</button>
		<div id="txt">xxc </div>
		<script src="common.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<script type="text/javascript">
			var btn = document.getElementById("btn");
			var btn2 = document.getElementById("btn2");
			var txt = document.getElementById("txt");
			btn.onclick = function(e) {
				var ajax = new XMLHttpRequest();
				//如果是get传参,用字符串模版写在URL里吧
				ajax.open('POST', 'http://192.168.0.76:8089/test_post');
				ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
				//原生ajax发送数据 要写出下面这个格式,要紧凑,不要留空格(不然JSON.parse会出问题)
				ajax.send("name=yyy&abc=123"); //携带数据到服务器
				ajax.onreadystatechange = function() {
					if (ajax.readyState == 4 && ajax.status == 200) {
						var res = JSON.parse(ajax.responseText);
						console.log(res);
						txt.innerHTML = (res.name +" "+res.abc);
					}
				}
			}
			
			
			//		jquery版本
			$("#btn2").click(function() {
				//get
				
				$.ajax({
					type: "get",
					url: "http://192.168.0.76:8089/test_get",
					data: {
						name: '觉得可以的话点个赞，关注一下吧'
					},
					success: function(res) {
						console.log(res)
						$("#txt").html(res.name);
					}
				});
				
				
				//post
				// $.ajax({
				// 	type: "post",
				// 	url: "http://192.168.0.76:8089/test_post",
				// 	data: {
				// 		name: 'qwe'
				// 	},
				// 	success: function(res) {
				// 		$("#txt").html(res.name);
				// 	}
				// });
			});
		</script>
	</body>
</html>

以上的是原生JS和jquery的ajax请求我写的这个node.js的服务器的方式

不论是mysql还是mongdb数据库，请求是一样的。

面对疾风的程序员
发布了37 篇原创文章 · 获赞 20 · 访问量 6735
私信 关注

猜你喜欢

转载自blog.csdn.net/qq_39051175/article/details/99678556
今日推荐
基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！
美国拟限制 AI 大模型出口中国和俄罗斯
苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
报告：Django 仍然是 74% 开发者的首选
《2024 年一季度互联网投融资运行情况》研究报告
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
周排行
BPM为企业带来的实际利益
好程序员web前端分享css常用属性缩写
Java文件下载（excel）
css样式的动态添加及显示和隐藏等零碎用法
axios全局配置以及拦截器
使用Logstash来实时同步MySQL和log日志数据到ES
C++获取当前时间（年月日、时分秒、毫秒）
Odoo产品分析 (四) -- 工具板块(11) -- 网站即时聊天(1)
Java环境配置正确，但是java、javac、java -version均返回“不是内部或外部命令，也不是可运行的程序或批处理文件”？
01 官网下载各种CentOS教程（超详细版）
每日归档
更多
2024-05-14(0)
2024-05-13(18)
2024-05-12(0)
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022