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 相关文章推荐
解析JSON对象与字符串之间的相互转换
Dec 18 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 Javascript
ie7+背景透明文字不透明超级简单的实现方法
Jan 17 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
Jun 05 Javascript
$.extend 的一个小问题
Jun 18 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
AngularJS入门教程之ng-checked 指令详解
Aug 01 Javascript
微信小程序 less文件编译成wxss文件实现办法
Dec 05 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
vue的mixins属性详解
Mar 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
用PHP制作静态网站的模板框架(一)
2006/10/09 PHP
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
wordpress网站转移到本地运行测试的方法
2017/03/15 PHP
Symfony查询方法实例小结
2017/06/28 PHP
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
2013/01/15 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
js获取url参数代码实例分享(JS操作URL)
2013/12/13 Javascript
JavaScript如何动态创建table表格
2020/08/02 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
微信小程序 商城开发(ecshop )简单实例
2017/04/07 Javascript
nodejs socket实现的服务端和客户端功能示例
2017/06/02 NodeJs
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
小程序中英文混合排序问题解决
2019/08/02 Javascript
vue实现标签云效果的方法详解
2019/08/28 Javascript
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
[01:13:01]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第三场
2018/04/05 DOTA
python链接Oracle数据库的方法
2015/06/28 Python
Python操作mongodb数据库进行模糊查询操作示例
2018/06/09 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
对python opencv 添加文字 cv2.putText 的各参数介绍
2018/12/05 Python
对DataFrame数据中的重复行,利用groupby累加合并的方法详解
2019/01/30 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
pandas的to_datetime时间转换使用及学习心得
2019/08/11 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
乌克兰电子和家用电器商店:Foxtrot
2019/07/23 全球购物
办公室主任竞聘演讲稿
2014/05/15 职场文书
保护动物的标语
2014/06/11 职场文书
综合测评自我评价
2015/03/06 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书