一、安装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. golang(5)使用beego 开发 api server 和前端同学拆分开发,使用swagger

    1,beego api Swagger 是一个规范和完整的框架,用于生成.描写叙述.调用和可视化 RESTful 风格的 Web 服务.整体目标是使client和文件系统作为服务器以相同的速度来更新. ...

  2. Verilog学习笔记

    作者:桂. 时间:2017-06-24  11:07:40 链接:http://www.cnblogs.com/xingshansi/p/7039237.html 前言 Verilog是硬件描述语言, ...

  3. cocos2dx 3.3将坐标由父空间转化到局部空间

    设在node的父空间内有一点p,要求其转化到node局部空间后的坐标p_local,代码如下: node->getNodeToParentTransform();//in order node- ...

  4. Mac升级bash到最新版本

    mac自带的bash为3.2版本,而最新的bash是4.9,需要升级了,才能支持关联数组等新特性. 1.brew install bash 2.安装到/usr/local/bin/bash里面.可以通 ...

  5. 【Android】2.1 PhonewordApp—第1个Android应用程序

    分类:C#.Android.VS2015:  创建日期:2016-02-04 本例子演示如何添加一个简单的单页导航,在此基础上,再演示如何在第2个页面中显示第1个页面中拨打过的所有电话号码. (1)通 ...

  6. UIActivityIndicatorView的详细使用

    转自:http://www.cnblogs.com/top5/archive/2012/05/17/2506623.html UIActivityIndicatorView实例提供轻型视图,这些视图显 ...

  7. SQL Server 创建约束图解 唯一 主键

    SQLServer中有五种约束,Primary Key约束.Foreign Key约束.Unique约束.Default约束和Check约束,今天使用SQL Server2008来演示下这几种约束的创 ...

  8. 利用Django中的url方法实现地址动态拼接自动生成超链接地址

    目标 建立一个图书列表页面,显示图书名列表,并实现点击书名跳转到图书详细页面,显示图书详细信息. URL方法简介 功能:返回一个绝对路径的引用(不包含域名的URL):该引用匹配一个给定的视图函数和 一 ...

  9. python 使用py2exe将python 脚本生成exe可执行文件

    使用python的py2exe模块可以很容易地帮助我们将python脚本生成可执行的exe程序.这样我们就可以让脚本脱离虚拟机的束缚,从而独立运行. 首先安装py2exe分解步骤如下:(pip和eas ...

  10. 每日英语:China Overtakes U.S. in Number of Diabetes Cases

    China is now home to the world's largest diabetes population. The number of people who have diabetes ...