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 相关文章推荐
JObj预览一个JS的框架
Mar 13 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
Nov 19 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
Jun 05 Javascript
js实现类似MSN提示的页面效果代码分享
Aug 24 Javascript
深入理解javascript中的 “this”
Jan 17 Javascript
tab栏切换原理
Mar 22 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
jQuery实现checkbox的简单操作
Nov 18 jQuery
express如何使用session与cookie的方法
Jan 30 Javascript
javascript实现的时间格式加8小时功能示例
Jun 13 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 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
基于HBase Thrift接口的一些使用问题及相关注意事项的详解
2013/06/03 PHP
PHP中的命名空间相关概念浅析
2015/01/22 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
2010/05/27 Javascript
js动态生成指定行数的表格
2013/07/11 Javascript
JavaScript面向对象编程入门教程
2014/04/16 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
浅谈Javascript实现继承的方法
2015/07/06 Javascript
jQuery UI插件实现百度提词器效果
2016/11/21 Javascript
react native实现往服务器上传网络图片的实例
2017/08/07 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
JS字典Dictionary类定义与用法示例
2019/02/01 Javascript
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[03:07]完美世界DOTA2联赛PWL DAY10 决赛集锦
2020/11/11 DOTA
Python Tkinter简单布局实例教程
2014/09/03 Python
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
python matplotlib绘图,修改坐标轴刻度为文字的实例
2018/05/25 Python
Python调用Windows API函数编写录音机和音乐播放器功能
2020/01/05 Python
通过实例解析python subprocess模块原理及用法
2020/10/10 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
Python 中如何使用 virtualenv 管理虚拟环境
2021/01/21 Python
使用CSS3编写类似iOS中的复选框及带开关的按钮
2016/04/11 HTML / CSS
char型变量中能不能存贮一个中文汉字
2015/07/08 面试题
父亲追悼会答谢词
2014/01/17 职场文书
化妆品活动策划方案
2014/05/23 职场文书
学校安全生产月活动总结
2014/07/05 职场文书
师德师风的心得体会
2014/09/02 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
十八大观后感
2015/06/12 职场文书
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL
vue项目打包后路由错误的解决方法
2022/04/13 Vue.js
数据设计之权限的实现
2022/08/05 MySQL