Node.js+Express+MySql实现用户登录注册功能


Posted in Javascript onJuly 10, 2017

本文实例为大家分享了Node.js实现用户登录注册的具体代码,供大家参考,具体内容如下

IDE:WebStorm

工程目录: 

Node.js+Express+MySql实现用户登录注册功能

数据库表 

Node.js+Express+MySql实现用户登录注册功能

Login.js:

/**
 * Created by linziyu on 2017/7/8.
 */
/**
 * express接收html传递的参数
 */

var express=require('express');
var app=express();
var mysql=require('mysql');

/**
 * 配置MySql
 */
var connection = mysql.createConnection({
 host  : '127.0.0.1',
 user  : 'root',
 password : '1996112lin',
 database : 'mydata',
 port:'3306'
});
connection.connect();
app.get('/',function (req,res) {
 res.sendfile(__dirname + "/" + "index.html" );
})

/**
 * 实现登录验证功能
 */
app.get('/login',function (req,res) {
 var name=req.query.name;
 var pwd=req.query.pwd;

 var selectSQL = "select * from user where uname = '"+name+"' and pwd = '"+pwd+"'";
 connection.query(selectSQL,function (err,rs) {
  if (err) throw err;
  console.log(rs);
  console.log('OK');
  res.sendfile(__dirname + "/" + "OK.html" );
 })
})

app.get('/register.html',function (req,res) {
 res.sendfile(__dirname+"/"+"register.html");
})

/**
 * 实现注册功能
 */
app.get('/register',function (req,res) {
 var name=req.query.name;
 var pwd=req.query.pwd;
 var user={uname:name,pwd:pwd};
 connection.query('insert into user set ?',user,function (err,rs) {
  if (err) throw err;
  console.log('ok');
  res.sendfile(__dirname + "/" + "index.html" );
 })
})



var server=app.listen(7744,function () {
 console.log("start");
})

Index.html:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
  <form action="http://127.0.0.1:7744/login">
    <input type="text" name="name"/>
    <input type="text" name="pwd"/>
   <input type="submit" value="提交"/>
  </form>
 <a href="register.html" rel="external nofollow" >注册</a>

</body>
</html>

Register.html:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<form action="http://127.0.0.1:7744/register">
 <input type="text" name="name"/>
 <input type="text" name="pwd"/>
 <input type="submit" value="提交"/>
</form>
</body>
</html>

启动后访问:http://localhost:7744/

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
jquery里的正则表达式说明
Aug 03 Javascript
jQuery下的动画处理总结
Oct 10 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 Javascript
js实现鼠标经过时图片滚动停止的方法
Feb 16 Javascript
jquery滚动加载数据的方法
Mar 09 Javascript
javascript操作ul中li的方法
May 14 Javascript
Bootstrap使用基础教程详解
Sep 05 Javascript
基于jquery实现弹幕效果
Sep 29 Javascript
vue+vux实现移动端文件上传样式
Jul 28 Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 Javascript
JS如何实现基于websocket的多端桥接平台
May 14 Javascript
基于jQuery Easyui实现登陆框界面
Jul 10 #jQuery
Angular X中使用ngrx的方法详解(附源码)
Jul 10 #Javascript
angular实现spa单页面应用实例
Jul 10 #Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
Jul 10 #Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 #Javascript
vue.js实现备忘录功能的方法
Jul 10 #Javascript
AugularJS从入门到实践(必看篇)
Jul 10 #Javascript
You might like
SSO单点登录的PHP实现方法(Laravel框架)
2016/03/23 PHP
PHP+mysql+ajax轻量级聊天室实现方法详解
2016/10/17 PHP
JavaScript前补零操作实例
2015/03/11 Javascript
BootStrap扔进Django里的方法详解
2016/05/13 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
AngularJS动态生成div的ID源码解析
2016/08/29 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
基于angular-utils-ui-breadcrumbs使用心得(分享)
2017/11/03 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
2018/01/25 jQuery
jQuery中each遍历的三种方法实例分析
2018/09/07 jQuery
详解vue后台系统登录态管理
2019/04/02 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
[01:54]TI4西雅图DOTA2选手欢迎晚宴 现场报道
2014/07/08 DOTA
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
详解pandas.DataFrame中删除包涵特定字符串所在的行
2019/04/04 Python
python支付宝支付示例详解
2019/08/22 Python
完美解决pycharm导入自己写的py文件爆红问题
2020/02/12 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
德国BA保镖药房中文网:Bodyguard Apotheke
2021/03/09 全球购物
材料成型专业个人求职信范文
2013/09/25 职场文书
车间班组长岗位职责
2013/11/13 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
入党积极分子自我批评思想汇报
2014/10/10 职场文书
个人融资协议书范本两则
2014/10/15 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
退税申请报告怎么写
2015/05/18 职场文书
校园开放日新闻稿
2015/07/17 职场文书
Python基础之赋值,浅拷贝,深拷贝的区别
2021/04/30 Python
判断Python中的Nonetype类型
2021/05/25 Python
Python-OpenCV实现图像缺陷检测的实例
2021/06/11 Python
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL