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 相关文章推荐
Js 获取HTML DOM节点元素的方法小结
Apr 24 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
Oct 29 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
Sep 25 Javascript
javascript:void(0)是什么意思示例介绍
Nov 17 Javascript
JS实现倒计时和文字滚动的效果实例
Oct 29 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
Dec 03 Javascript
通过bootstrap全面学习less
Nov 09 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
vue左右侧联动滚动的实现代码
Jun 06 Javascript
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
webpack-mvc 传统多页面组件化开发详解
May 07 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提交后跳转
2013/06/23 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
AlertBox 弹出层信息提示框效果实现步骤
2010/10/11 Javascript
使用Javascript简单实现图片无缝滚动
2014/12/05 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
纯js实现手风琴效果代码
2020/04/17 Javascript
Move.js入门
2017/02/08 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
Vue实现左右菜单联动实现代码
2018/08/12 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
vue 获取元素额外生成的data-v-xxx操作
2020/09/09 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
python备份文件以及mysql数据库的脚本代码
2013/06/10 Python
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
python根据京东商品url获取产品价格
2015/08/09 Python
使用Python内置的模块与函数进行不同进制的数的转换
2016/03/12 Python
Python实现输出程序执行进度百分比的方法
2017/09/16 Python
python基于gevent实现并发下载器代码实例
2019/11/01 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
详解Django中异步任务之django-celery
2020/11/05 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
关键字final的用法
2013/10/02 面试题
信息系统专业个人求职信范文
2013/12/07 职场文书
妇联主席先进事迹
2014/05/18 职场文书
奉献爱心演讲稿
2014/09/04 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python