这次选用nodejs+express+mysql 使用http作为客户端,express框架搭建服务端,从而实现数据的增删改查。这篇文章可以算作上篇文章的升级篇,加入了和数据库的交互。
安装
node 直接去官网下载选择下载即可https://nodejs.org/en/download/current/
cnpm install express //express框架安装
cnpm install mysql //mysql驱动安装
brew install mysql //数据库的安装,根据命令行提示初始化配置 mysql.server start//启动mysql服务 mysql.server stop//停止mysql服务 mysql -u用户名 -p用户密码//登录mysql
nodejs连接数据库时报错
Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support
authentication protocol requested by server; consider upgrading MySQL client
查到的结论是: MySQL8.0版本的加密方式和MySQL5.0的不一样,连接会报错。
解决方法如下: 通过命令行进入解压的mysql根目录下。
登陆数据库
mysql -uroot -p
输入root的密码
Enter password: ******
更改加密方式
mysql> ALTER USER 'root'@'localhost' IDENTIFIED BY 'password' PASSWORD EXPIRE NEVER;
更改密码:该例子中 123456为新密码
mysql> ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '123456';
刷新:
mysql> FLUSH PRIVILEGES;
数据库的连接
var mysql = require('mysql');//引入数据库驱动模块 //console.log(mysql) // 连接数据库的配置 var connection = mysql.createConnection({ // 主机名称,一般是本机 host: 'localhost', // 数据库的端口号,如果不设置,默认是3306 port: '3306', // 创建数据库时设置用户名 user: 'root', // 创建数据库时设置的密码 password: '*******', // 创建的数据库 database: 'express' }); // 与数据库建立连接 connection.connect(); // 查询数据库 connection.query('select * from userinfo', function (error, results, fields) { if (error) throw error; console.log(results); }); // 关闭连接 connection.end();
新建一张表格在数据库中为:
express服务端
Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,这里没有搭建express框架的项目,只是简单搭建一个服务端,实现和数据库的增删改查。
var express = require("express"); var app = express(); var query = require('./db') //var router =require('router') var mysql = require('mysql'); var querystring = require("querystring"); //console.log(mysql) // 连接数据库的配置 var connection = mysql.createConnection({ // 主机名称,一般是本机 host: 'localhost', // 数据库的端口号,如果不设置,默认是3306 port: '3306', // 创建数据库时设置用户名 user: 'root', // 创建数据库时设置的密码 password: '1234567', // 创建的数据库 database: 'express' }); // 与数据库建立连接 connection.connect(); //根据参数,查询数据 app.get('/index', function (req, res) { // 处理 get 请求,获取 get 请求参数 //处理 /:xxx 形式的 get 或 post 请求,获取请求参数 这里没有使用到 var params = req.query //查询语句 var sql = 'select * from userinfo where name= "color: #ff0000">http客户端这里把node http模块来搭建客户端,发起请求。
get请求
const http = require("http"); // 发送请求的配置 let config = { host: "localhost", port: 8080, //get请求参数 path:'/index"GET", headers: { a: 1 } }; // 创建客户端 let client = http.request(config, function(res) { // 接收服务端返回的数据 let repData=''; res.on("data", function(data) { repData=data.toString() console.log(repData) }); res.on("end", function() { // console.log(Buffer.concat(arr).toString()); }); }); // 发送请求 client.end();客户端发起参数name=bill&age=21的查询请求,服务端根据条件操作数据库,响应数据为:
post请求
var http = require('http'); var querystring = require("querystring"); //查询参数拼接 //增加的数据 var contents = querystring.stringify({ id:5, age:'23', name: "艾利斯提", address: "dongbei", }); var options = { host: "localhost", port: 8080, path:"/add", method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded", "Content-Length": contents.length } }; var req = http.request(options, function (res) { res.setEncoding("utf8"); res.on("data", function (data) { console.log(data); }) }) //发送数据 req.write(contents); req.end(); //结束请求,否则服务器将不会收到信息post请求发送增加数据,服务端根据请求,向数据库追加一条数据,响应客户端:增加数据成功。增加后的数据表:
put请求
const http = require("http"); var querystring = require("querystring"); //查询参数拼接 // 发送请求的配置 var contents = querystring.stringify({ id:1, age:'25', name: "Sarah", address: "qingdao", }); let config = { host: "localhost", port: 8080, path:'/update', method: "PUT", headers: { a: 1 } }; // 创建客户端 let client = http.request(config, function(res) { // 接收服务端返回的数据 let repData=''; res.on("data", function(data) { repData=data.toString() console.log(repData) }); }); client.write(contents); // 发送请求 client.end();这里请求和post方法类似,服务端根据sql语句('update userinfo set name="text-align: center">
delete请求
const http = require("http"); // 发送请求的配置 let config = { host: "localhost", port: 8080, //删除数据的参数 path:'/delete"DELETE", headers: { a: 1 } }; // 创建客户端 let client = http.request(config, function(res) { // 接收服务端返回的数据 let repData=''; res.on("data", function(data) { repData=data.toString() console.log(repData) }); res.on("end", function() { // console.log(Buffer.concat(arr).toString()); }); }); // 发送请求 client.end();客户端发送删除数据的参数,客户端拿到参数,根据条件,操作数据库删除相应数据,响应客户端:删除成功。删除后的数据表:
总结
接触后端的内容后,从后端的角度重新理解了前端数据的传输和操作。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 【雨果唱片】中国管弦乐《鹿回头》WAV
- APM亚流新世代《一起冒险》[FLAC/分轨][106.77MB]
- 崔健《飞狗》律冻文化[WAV+CUE][1.1G]
- 罗志祥《舞状元 (Explicit)》[320K/MP3][66.77MB]
- 尤雅.1997-幽雅精粹2CD【南方】【WAV+CUE】
- 张惠妹.2007-STAR(引进版)【EMI百代】【WAV+CUE】
- 群星.2008-LOVE情歌集VOL.8【正东】【WAV+CUE】
- 罗志祥《舞状元 (Explicit)》[FLAC/分轨][360.76MB]
- Tank《我不伟大,至少我能改变我。》[320K/MP3][160.41MB]
- Tank《我不伟大,至少我能改变我。》[FLAC/分轨][236.89MB]
- CD圣经推荐-夏韶声《谙2》SACD-ISO
- 钟镇涛-《百分百钟镇涛》首批限量版SACD-ISO
- 群星《继续微笑致敬许冠杰》[低速原抓WAV+CUE]
- 潘秀琼.2003-国语难忘金曲珍藏集【皇星全音】【WAV+CUE】
- 林东松.1997-2039玫瑰事件【宝丽金】【WAV+CUE】