1前台文件

<!doctype html>

<html>

<head>

    <meta charset="UTF-8" />

    <title>Document</title>

    <script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

    <style>

        form{padding: 100px;border: 1px solid red;width: 350px;margin: 0 auto;}

        form input{display: block;margin: 0 auto;margin-bottom: 20px;}

    </style>

    <script>

    $(function(){

    $('#register-sub').on('click',function(){

        var info = $('form').serialize();

        $.ajax({

            type:"get",

            url:"http://127.0.0.1:8081",

            data:info,

            success:function(response,status,xhr){

                alert(response);

                localStorage.name = $('input[name="name"]').val();

            }

        });

        return false;

    });

    $('#login-sub').on('click',function(){

        return false;

    });

});</script>

</head>

<body>

    <form id="register" action="" method="get">

        <input type="hidden" name="action" value="register" />

        用&ensp;户&ensp;名: <input type="text" name="name" placeholder="请输入用户名..." />

        密&emsp;&emsp;码: <input type="password" name="pass" placeholder="请输入密码..." />

        电子邮件：<input type="email" name="email" placeholder="请输入合法邮件名..." />

        <input id="register-sub" type="submit" value="注册" />

    </form>

</body>

</html>

2，server.js

var http = require('http');
var url = require('url');
var util = require('util');
var mysql = require('./mysql');//这个是自己写的用来向数据库写入用户的文件

http.createServer(function(req,res){
res.writeHead(200,{"Content-Type":'text/plain','charset':'utf-8','Access-Control-Allow-Origin':'*','Access-Control-Allow-Methods':'PUT,POST,GET,DELETE,OPTIONS'});
//解析URL参数
var params = url.parse(req.url,true).query;
var a=mysql.reg(params.action,params.name,params.pass,params.email);
var rr="safsaf"
res.write("注册成功");
res.end();
}).listen(8081);

3，mysql.js

// var http = require('http');

// http.createServer(function (request, response) {

//     // 发送 HTTP 头部

//     // HTTP 状态值: 200 : OK

//     // 内容类型: text/plain

//     response.writeHead(200, {'Content-Type': 'text/plain'});

//         var mysql  = require('mysql');  

//         var connection = mysql.createConnection({

//           host     : 'localhost',

//           user     : 'root',

//           password : 'root',

//           port: '3306',

//           database: 'test',

//         }); 

//              // body...

//         connection.connect();

//         var  sql = 'SELECT * FROM yueqi';

//         //查

//         connection.query(sql,function (err, result) {

//                 if(err){

//                   console.log('[SELECT ERROR] - ',err.message);

//                   return;

//                 }

//                // console.log('--------------------------SELECT----------------------------');

//                // console.log(result);

//                // console.log('------------------------------------------------------------\n\n');  

//         });

//         console.log(result);

//         // return res.jsonp(result);

//         response.end(result);

//         connection.end(); 

//     // 发送响应数据 "Hello World"

// }).listen(8888);

exports.reg = function (action,name,pass,email){

    var mysql  = require('mysql');  

    var connection = mysql.createConnection({

      host     : 'localhost',

      user     : 'root',

      password : 'root',

      port: '3306',

      database: 'test',

    }); 

    connection.connect();

    var modSql = "insert into user (id,username,userpwd) values ('','"+name+"','"+pass+"')";

    connection.query(modSql,function (err, result) {

       if(err){

             console.log('[UPDATE ERROR] - ',err.message);

             return;

       }

    });

    connection.end();

}

=====================================================================================================================================

以上是get方式的，

post方式修改一下前台文件为post就可以了

node+mysql简单注册的更多相关文章

  1. Angularjs+node+Mysql实现地图上特定点的定位以及附加信息展示

    注:本博文为博主原创,转载请注明出处. 在上一篇博文中主要讲述了如何利用AngularJs+Node+MySql构建项目,并实现地图上的多点标注,今天在这篇文章中,我们将在上一个项目的基础上,实现特定 ...

  2. node+mysql，实现基本的增删改查，附带跟踪记录和运行时间记录

    Node + mysql 实现基础的增删改查,以及性能测试. 网上有很多这样的例子,我也是找来学习的. 感觉node对mysql的操作非常简单,也很实用,比如自带防止sql注入的功能,一开始还担心注入 ...

  3. 前端必备之Node+mysql+ejs模版如何写接口

    前端必备之Node+mysql+ejs模版如何写接口 这星期公司要做一个视频的后台管理系统, 让我用Node+mysql+ejs配合写接口, 周末在家研究了一下, 趁还没来具体需求把研究内容在这里分享 ...

  4. mysql简单优化思路

    mysql简单优化思路 作为开发人员,数据库知识掌握的可能不是很深入,但是一些基本的技能还是要有时间学习一下的.作为一个数据库菜鸟,厚着脸皮来总结一下 mysql 的基本的不能再基本的优化方法. 为了 ...

  5. node与mysql的相互使用————node+mysql

    node与mysql的相互使用----node+mysql 为什么选node???因为我是个前端. 为什么选mysql???因为成熟,稳定,听说容易学. 一.mysql数据库: mysql下载和使用我 ...

  6. Python Django 实现简单注册功能

    Python Django 实现简单注册功能 项目创建略,可参考前期文档介绍. 目录结构如下 编辑views.py from django.shortcuts import render # Crea ...

  7. python（pymysql）之mysql简单操作

    一.mysql简单介绍 说到数据库,我们大多想到的是关系型数据库,比如mysql.oracle.sqlserver等等,这些数据库软件在windows上安装都非常的方便,在Linux上如果要安装数据库 ...

  8. Node.js简单介绍并实现一个简单的Web MVC框架

    编号:1018时间:2016年6月13日16:06:41功能:Node.js简单介绍并实现一个简单的Web MVC框架URL :https://cnodejs.org/topic/4f16442cca ...

  9. Maven+Spring+Hibernate+Shiro+Mysql简单的demo框架(二)

    然后是项目下的文件:完整的项目请看  上一篇 Maven+Spring+Hibernate+Shiro+Mysql简单的demo框架(一) 项目下的springmvc-servlet.xml配置文件: ...

随机推荐

  1. vue-cli 项目搭建

    vue-cli 项目搭建 1.首先需要安装nodejs(安装省略). 2.用node安装vue-cli. npm install -g vue-cli   3.新建目录用来存放工程. 新建一个vue项 ...

  2. Python并发编程一（多进程）

    1.背景知识(进程.多道技术) 顾名思义,进程即正在执行的一个过程.进程是对正在运行程序的一个抽象. 进程的概念起源于操作系统,是操作系统最核心的概念,也是操作系统提供的最古老也是最重要的抽象概念之一 ...

  3. Redis 简介（官方翻译）

    Redis是一个开源(基于BSD开源协议).内存型结构数据存储,可当做数据库.缓存.消息代理.它支持的数据结构有字符串.哈希表.列表.集合.可随机查询的有序集合.位图.基数统计.用于半径查询的地理位置 ...

  4. Date对象设置一天的0点

    在某些场景下,页面中的查询点关注的是某一天的数据,但是后台查询的时候,需要的是某一天从0点到当天的23:59:59,我们通过日历插件选择的日期,带回到后台的可能是日起对象,也可能是日期字符串,也可能是 ...

  5. 点击复制内容到剪切板（clipboard）

    clipboard官方文档:https://clipboardjs.com/ 安装: 1.用npm:npm install clipboard --save 2.下载:https://github.c ...

  6. 【Eclipse】Eclipse 安装 SVN 插件的三种方法

    最近使用Eclipse时,修改代码总是看不到变化,不知道那个文件修改了,想起了当时开发C++的时候,有相关的插件,于是乎就网搜了下,果然有Eclipse的SVN配置. 接下来,我采用了第二种方式,一起 ...

  7. error C2011: “timespec”:“struct”类型重定义

    error C2011: “timespec”:“struct”类型重定义 C++ pthread pthread.h 中的 timespec 和time.h 中的 结构定义重复了 ,同时两个头文件中 ...

  8. Java序列化对象-字符串转换

    package com.test; import com.alibaba.fastjson.JSON; import org.junit.Test; import java.io.ByteArrayI ...

  9. 解决在V2.0中子组件使用v-model接收来自父组件的值异常

    当我们使用父组件向子组件传值,当子组件中是v-model使用该值时会报:[Vue warn]: Avoid mutating a prop directly since the value will ...

  10. 《算法》第四章部分程序 part 8

    ▶ 书中第四章部分程序,包括在加上自己补充的代码,图中找欧拉路径 ● 无向图中寻找欧拉路径,只注释了与欧拉环不同的地方 package package01; import edu.princeton. ...