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静态作用域的功能。
Dec 25 Javascript
input 高级限制级用法
Mar 26 Javascript
实现web打印的各种方法介绍及实现代码
Jan 09 Javascript
FF IE浏览器修改标签透明度的方法
Jan 27 Javascript
js校验表单后提交表单的三种方法总结
Feb 28 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
Jun 09 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
小程序实现搜索框功能
Mar 26 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 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
PHP模板引擎Smarty的缓存使用总结
2014/04/24 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
js replace替换所有匹配的字符串
2014/02/13 Javascript
javascript绘制漂亮的心型线效果完整实例
2016/02/02 Javascript
js实现不重复导入的方法
2016/03/02 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
Mvc提交表单的四种方法全程详解
2016/08/10 Javascript
原生JS获取元素集合的子元素宽度实例
2016/12/14 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
2017/03/09 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
关于Stream和Buffer的相互转换详解
2017/07/26 Javascript
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
2019/09/02 Javascript
为什么推荐使用JSX开发Vue3
2020/12/28 Vue.js
Python中的文件和目录操作实现代码
2011/03/13 Python
Python利用带权重随机数解决抽奖和游戏爆装备问题
2016/06/16 Python
常见的python正则用法实例讲解
2016/06/21 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
详解如何用python实现一个简单下载器的服务端和客户端
2019/10/28 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果
2016/04/26 HTML / CSS
副总经理岗位职责
2014/03/16 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
计划生育工作汇报
2014/10/28 职场文书
党支部2014年度工作总结
2014/12/04 职场文书
出纳年终工作总结2014
2014/12/05 职场文书
英文慰问信范文
2015/03/24 职场文书
2015年小学远程教育工作总结
2015/07/28 职场文书
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript