一、安装node.js mysql驱动库

　　node-webkit里面没有mysql模块的，我们需要安装mysql模块。我们可以使用npm(Node package manager)进行安装。这里使用到的版本为："2.0.0-rc2"。安装步骤如下：

　　1、打开cmd输入命令：npm install -g mysql 回车，下载完成之后效果图如下：

　　mysql下载的目录为C:\Users\user\AppData\Roaming\npm\node_modules。

二、编写相关代码

　　1、创建index.html文件，文件内容如下：

 <html>

 <head>

 <title>Demo</title>

 <meta http-equiv="Content-Type" content="text/html; charset=gbk" />

 <script type="text/javascript" src="script.js"></script>

 </head>

 <body >

     name: <input type="text" id="name" /> password: <input type="text" id="password" />  <input type="button"  value="add" onclick="add();"/><br/>

     <div id="info"><div>  

 </body>

 </html>

　　2、创建script.js文件，文件内容如下：

 var mysql = require('./mysql');//加载数据库模块

 var TEST_DATABASE = 'nodejs_mysql_test';//数据库名

 var TEST_TABLE = 'user';//表名

 var client ;

 var infodiv;

 window.onload = function (){

     client = mysql.createConnection({

         host : '127.0.0.1',  //主机地址

         user : 'root',  //数据库用户名

         password : '123456'//数据库密码

     });

     client.query('USE '+TEST_DATABASE);//使用该数据库

     infodiv = document.getElementById("info");

        queryAll(); //查询所有数据

 }

  //日期格式转换

 Date.prototype.Format = function(fmt)

 {

   var o = {

     "M+" : this.getMonth()+1,                  //月份

     "d+" : this.getDate(),                     //日

     "h+" : this.getHours(),                    //小时

     "m+" : this.getMinutes(),                  //分

     "s+" : this.getSeconds(),                  //秒

     "q+" : Math.floor((this.getMonth()+3)/3), //季度

     "S"  : this.getMilliseconds()               //毫秒

   };

   if(/(y+)/.test(fmt))

     fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));

   for(var k in o)

     if(new RegExp("("+ k +")").test(fmt))

   fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));

   return fmt;

 }

 //添加数据

 function add(){

     var name =  document.getElementById("name");

     var password = document.getElementById("password");

     var date = (new Date()).Format("yyyy-MM-dd hh:mm:ss");

     client.query('INSERT INTO '+TEST_TABLE+' SET username = ?, password = ?, created = ?',[name.value, password.value, date],function(err, results){

         if(results.insertId != null){

             alert("添加成功");

           }//返回记录id

     });

     infodiv.innerHTML="";

     queryAll();

 }

 //查询所有数据

 function queryAll(){

      client.query('select * from  '+TEST_TABLE,function(err, results){

         var info="id  &nbsp;&nbsp;username &nbsp; &nbsp; &nbsp;password&nbsp;  &nbsp;createdate</br>";

         for(var i = 0; i < results.length; i++){

             var person = results[i];

             var date=new Date(person.created);

             var dateStr = date.Format("yyyy-MM-dd");

             info += person.id + " &nbsp; &nbsp;" + person.username + " &nbsp; &nbsp;" + person.password + " &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" +dateStr + "&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<lable onclick='toremove("+person.id+");'>delete</lable> </br>";

         }

         infodiv.innerHTML=info;

     });

 }

 //删除数据

 function toremove(id){

     if(confirm("确定删除？")){

     client.query("delete from user where id = ?", [ id ], function(err, results) {//删除id为1的记录

     var str = JSON.stringify(results);

   /**result 如下的信息

       {

           fieldCount: 0,

           affectedRows: 1,

           insertId: 0,

           serverStatus: 2,

           warningCount: 0,

           message: '',

           protocol41: true,

           changedRows: 0

       }

   */    infodiv.innerHTML="";

         queryAll();

     });

 }

 }

 //修改数据

     /**client.query("update user set password = ? where id = ?", [ "123456", 4 ], function(err, results) {//修改id为1的记录的password

     var str = JSON.stringify(results);

     alert(str);

 //  alert(results);

   /** result 如下的信息

       {      fieldCount: 0,

           affectedRows: 1,

           insertId: 0,

           serverStatus: 2,

           warningCount: 0,

           message: '(Rows matched: 1  Changed: 1  Warnings: 0',

           protocol41: true,

           changedRows: 1

       }

 });  */

 client.end();//关闭连接

　　3、package.json文件，文件内容如下：

 {

   "name": "nw-demo",

   "main": "index.html"

 }

　　4、将C:\Users\user\AppData\Roaming\npm\node_modules目录下的mysql目录拷贝到与package.json、index.html等文件的相同目录，然一起压缩成zip包，重命名为mysql.nw。打包后的目录结构如下图所示：

5、将这个压缩文件运行，可进行简单的添加，删除与查询所有的功能。因为修改的功能有些繁琐，这里就没有实现。但是script.js已经有相关的修改代码，可以根据那些代码进行实现。运行后的界面如下图所示：

node-webkit连接mysql的更多相关文章

  1. Node.js连接Mysql，并把连接集成进Express中间件中

    引言 在node.js连接mysql的过程,我们通常有两种连接方法,普通连接和连接池. 这两种方法较为常见,当我们使用express框架时还会选择使用中间express-myconnection,可以 ...

  2. Node.js 连接 MySQL 并进行数据库操作

    Node.js 连接 MySQL 并进行数据库操作  按照这篇操作mysql的指引,我远程操作了我另一台电脑的mysql数据库. var mysql = require('mysql'); var c ...

  3. Node.js连接MySQL数据库及构造JSON的正确姿势

    做一下整理,以前也很随意的引入包链接数据库,后来发现常常连接出问题,异常退出,后来使用在网上一个方法解决问题,网址由于书签丢失,抱歉不能引用了.再有就是简单的模块化下,使得目录合理点,再有就是说明一下 ...

  4. node.js连接MySQL操作及注意事项

    node.js作为服务端的js运行环境已经出现了有几年了,最近我有个朋友也在做这方面的开发,但是也是刚刚接触,遇到了很多坑.前几天他们在操作数据库的时候出现了点问题,后来我们一起看了看,其实都是nod ...

  5. Node.js连接MySQL数据库报错

    解决Node.js第一次连接MySQL数据库时出现[SELECT ERROR] - ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authen ...

  6. Node.js 连接mySQL程序

    环境:Oracle Enterprise Linux R5U7 安装mySQL 关于离线安装,下次在尝试,目前先来在线安装,过程如下: $ rpm -qa | grep -i mysql $ wget ...

  7. Node.js连接mysql报加密方式错误解决方案

    本人在学习全栈开发过程中做一个Node的web项目在连接本地MySQL8.0版本的数据库时,发现Navicat连接不上,它报了一个数据库的加密方式导致连接不上的错误,错误如下: MySQL8.0版本的 ...

  8. 50.Node.js 连接 MySQL

    转自:http://www.runoob.com/nodejs/nodejs-express-framework.html 安装驱动 本教程使用了淘宝定制的 cnpm 命令进行安装: $ cnpm i ...

  9. node.js 连接 mysql

    var mysql = require("mysql"); var connection = mysql.createConnection({ host: '127.0.0.1', ...

  10. Node.js连接Mysql

    1.安装 npm install mysql 注意要复制node_modules到当前工程的文件夹中 2.基本连接 /** * Created by Administrator on 13-12-25 ...

随机推荐

  1. jsp地址栏传中文显示乱码解决方法

    格式一: 地址栏显示格式:http://localhost:8081/Jsp2/ahref2.jsp?id=32&name=%E7%8E%8B%E4%BA%91%E9%B9%8F 1.修改To ...

  2. 移动端混合开发----ionic

    目前移动端分为三大主流:纯原生.混合开发.web App,随着手机硬件的升级,公司们似乎偏好于web页面开发,而混合开发相对纯web App似乎更受大公司青睐,所谓混合开发俾人理解为,原生代码(iOS ...

  3. C# 调节图片亮度

    原文地址:https://www.cnblogs.com/wjr408/p/6727118.html 昨天去客户那里测试,需求才开始,所以很简单,就是测一下能不能接受到视频或图片,然后保存下来,现场客 ...

  4. asp.net core mvc视频A：笔记3-7.ViewStart与ViewImort

    项目位置 放在其它目录应该不会执行! 默认配置 默认配置

  5. OGG_GoldenGate日常维护（案例）

    2014-03-12 Created By BaoXinjian

  6. android 布局权重问题（最近布局经常坑爹）

    android 布局 权重 With layout_weight you can specify a size ratio between multiple views. E.g. you have ...

  7. React.Fragment 的作用：代替div作为外层

    https://segmentfault.com/a/1190000013220508 import React, { Fragment } from 'react'; <Fragment> ...

  8. java日志-纯Java配置使用slf4j配置log4j（转）

    工程目录如下 代码里面用的是slf4j,但是想要用log4j来管理日志,就得添加slf4j本来的jar,然后添加log4j和slf4j箱关联的jar即可. 如果是maven项目的话添加下面的依赖即可 ...

  9. MATLAB（3）——GUI界面设计入门

    作者:桂. 时间:2017-03-01  18:43:35 链接:http://www.cnblogs.com/xingshansi/articles/6485688.html 声明:转载请注明出处, ...

  10. javascript Dictionary data structures

    Dictionary常被称为数据字典,是一种用来保存键值对的数据结构,比如我们日常的电话本,就是一个Dictionary.我们通过键(名字),就可以访问到对应的值(电话号码).在C++与java中我们 ...