一、安装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. 【ERROR】bash: vim: command not found的解决办法

    今天在学习鸟哥的菜的时候,发现自己linux不可以启用vim命令,错误为:bash: vim: command not found. 机器环境:VMWare8+RED HAT Enterprise5 ...

  2. 解决idea中Activiti的bpmn编辑器的中文乱码问题

    我使用的是idea2017+activiti6.0版本. 该文章主要是为了解决安装activiti插件后创建的流程模板中文乱码的问题. 1.安装Activiti流程编辑器插件. 1.1网上资料很多,这 ...

  3. react 事件绑定的2种常用方式

    方式一:传统 import React, { Component } from 'react'; class App extends Component { handleSubmit (e, args ...

  4. Nginx(三)：日志文件管理

    一.Nginx日志描述 通过访问日志,你可以得到用户地域来源.跳转来源.使用终端.某个URL访问量等相关信息: 通过错误日志,你可以得到系统某个服务或server的性能瓶颈等.因此,将日志好好利用,你 ...

  5. C#扩展方法实现 byte[] 输出为HEX字符串形式

    public static class Util { public static string ToHexString(this byte[] bytes) { string byteStr = st ...

  6. 【Android】21.1 画板资源

    分类:C#.Android.VS2015: 创建日期:2016-03-19 一.简介 画板资源(Drawable Resources)是用XML描述/Resources/drawable中的2D图形文 ...

  7. 【Android】3.4 图层展示

    分类:C#.Android.VS2015.百度地图应用: 创建日期:2016-02-04 3.4 示例4--图层展示 一.简介 1.地图类型 百度地图Android SDK 3.7.1提供了两种类型的 ...

  8. 【Android】5.3 单选和复选

    分类:C#.Android.VS2015: 创建日期:2016-02-07 一.简介 1.CheckBox 复选 [Checked]属性:是否选中. 2.RadioButton 单选 [Checked ...

  9. date 增加一个小时 减少一个小时

    # date -s `date -d -1hour +%T`

  10. asp.net kindeditor 后台取不到数据

    今晚搞了3个小时,才搞定这个破问题. 页面上使用kindeditor,提交的时候使用了LinkButton,按钮后台事件私活娶不到kineditor里的数据. 最终一步一步测试,终于发现是LinkBu ...