一、安装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. HDU1024 Max Sum Plus Plus 【DP】

    Max Sum Plus Plus Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others ...

  2. java日志 -logback的使用和logback.xml详解(转)

    一.logback的介绍 Logback是由log4j创始人设计的另一个开源日志组件,官方网站: http://logback.qos.ch.它当前分为下面下个模块: logback-core:其它两 ...

  3. MySQL变量的定义与赋值

    MySQL存储过程中,定义变量有两种方式:1.使用set或select直接赋值,变量名以 @ 开头.例如:set @var=1;可以在一个会话的任何地方声明,作用域是整个会话,称为会话变量. 2.以 ...

  4. cocos2dx 3.x draw debug

    有时候需要用ccDrawXXX绘制debug线框来调试图形程序. 在cocos2dx 2.x中,由于是立即模式,所以如果在draw函数中用ccDrawXXX画线框,要用节点的局部坐标. 在cocos2 ...

  5. 清除sqlserver日志方法(不适合always on)

    清除sqlserver日志方法 --查看数据库的recovery_model_desc类型 SELECT NAME, recovery_model_desc FROM sys.databases -- ...

  6. xpages的combobox提前输入值

            之前的文档已经提到怎么在combobx手动输入.哪我们如何能够在combobox默认获取值呢?下面有几个种方法请大家參考 1)获取当前数据库某视图的某列值 @DbColumn(&quo ...

  7. PYNQ = Python + ZYNQ —— ZYNQ部分功能的Python化

    PYNQ优点:1.    Python用于ZYNQ开发,Python库和FPGA硬件库可以直接调用,极大加快开发进程.缩短开发周期.降低开发难度,更方便.快捷:2.    用PYNQ开发,当Pytho ...

  8. 【Android】3.0 第3章 百度地图及其应用--预备知识

    分类:C#.Android.VS2015.百度地图应用: 创建日期:2016-02-04 一.概述 这一章先来点有意思的百度地图应用示例,然后再分章详细介绍用C#开发Android App的各种基本技 ...

  9. OOP KLASSOOP, instanceklass

    http://rednaxelafx.iteye.com/blog/1847971 https://www.sczyh30.com/posts/Java/jvm-klass-oop/ OpenJDK9 ...

  10. 使用自定义验证组件库扩展 Windows 窗体

    使用自定义验证组件库扩展 Windows 窗体             1(共 1)对本文的评价是有帮助 - 评价此主题                          发布日期 : 8/24/20 ...