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 相关文章推荐
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 Javascript
Js+Jq获取URL参数的集中方法示例代码
May 20 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
May 30 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
Sep 01 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
vue 使用自定义指令实现表单校验的方法
Aug 28 Javascript
详解Vue组件之间通信的七种方式
Apr 14 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 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
DC四月将推出百页特刊漫画 纪念小丑诞生80周年
2020/04/09 欧美动漫
PHP脚本数据库功能详解(中)
2006/10/09 PHP
PHP 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
PHP foreach循环使用详解与实例代码
2010/05/08 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
javascript获得服务器端控件的ID的实现代码
2011/12/28 Javascript
js动态为代码着色显示行号
2013/05/29 Javascript
jquery实现弹出窗口效果的实例代码
2013/11/28 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
使用JQuery选择HTML遍历函数的方法
2016/09/17 Javascript
nodejs mysql 实现分页的方法
2017/06/06 NodeJs
Vuejs实现购物车功能
2017/11/05 Javascript
Angular 5.x 学习笔记之Router(路由)应用
2018/04/08 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
Python struct.unpack
2008/09/06 Python
python的mysqldb安装步骤详解
2017/08/14 Python
Tesserocr库的正确安装方式
2018/10/19 Python
Python制作词云图代码实例
2019/09/09 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
Python多个装饰器的调用顺序实例解析
2020/05/22 Python
python利用xlsxwriter模块 操作 Excel
2020/10/14 Python
美国肌肉和力量商店:Muscle & Strength
2019/06/22 全球购物
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
早读迟到检讨书
2014/01/24 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
义诊活动总结
2015/02/04 职场文书
幼儿园园长个人总结
2015/03/02 职场文书
经典祝酒词大全
2015/08/12 职场文书
PHP新手指南
2021/04/01 PHP
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers
详解python字符串驻留技术
2021/05/21 Python
Redis分布式锁Redlock的实现
2021/08/07 Redis
详细聊聊vue中组件的props属性
2021/11/02 Vue.js