node-webkit连接mysql

最新推荐文章于 2024-09-14 19:55:29 发布

weixin_33941350

最新推荐文章于 2024-09-14 19:55:29 发布

阅读量128

点赞数

文章标签：数据库 json javascript ViewUI

一、安装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文件，文件内容如下：

 1 <html>
 2 <head>
 3 <title>Demo</title>  
 4 <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
 5 <script type="text/javascript" src="script.js"></script> 
 6 </head> 
 7 <body >   
 8     name: <input type="text" id="name" /> password: <input type="text" id="password" />  <input type="button"  value="add" onclick="add();"/><br/>
 9     <div id="info"><div>  
10 
11 </body>
12 </html>

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

  1 var mysql = require('./mysql');//加载数据库模块
  2 var TEST_DATABASE = 'nodejs_mysql_test';//数据库名
  3 var TEST_TABLE = 'user';//表名
  4 var client ;
  5 var infodiv;
  6 
  7 window.onload = function (){    
  8     client = mysql.createConnection({  
  9         host : '127.0.0.1',  //主机地址
 10         user : 'root',  //数据库用户名
 11         password : '123456'//数据库密码
 12     }); 
 13     client.query('USE '+TEST_DATABASE);//使用该数据库
 14     infodiv = document.getElementById("info"); 
 15        queryAll(); //查询所有数据
 16 }
 17  
 18  //日期格式转换
 19 Date.prototype.Format = function(fmt) 
 20 { 
 21   var o = { 
 22     "M+" : this.getMonth()+1,                  //月份 
 23     "d+" : this.getDate(),                     //日 
 24     "h+" : this.getHours(),                    //小时 
 25     "m+" : this.getMinutes(),                  //分 
 26     "s+" : this.getSeconds(),                  //秒 
 27     "q+" : Math.floor((this.getMonth()+3)/3), //季度 
 28     "S"  : this.getMilliseconds()               //毫秒 
 29   };   
 30   if(/(y+)/.test(fmt)) 
 31     fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); 
 32   for(var k in o)  
 33     if(new RegExp("("+ k +")").test(fmt))  
 34   fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); 
 35   return fmt; 
 36 }
 37 
 38 //添加数据
 39 function add(){
 40     var name =  document.getElementById("name");
 41     var password = document.getElementById("password");
 42     var date = (new Date()).Format("yyyy-MM-dd hh:mm:ss");
 43     client.query('INSERT INTO '+TEST_TABLE+' SET username = ?, password = ?, created = ?',[name.value, password.value, date],function(err, results){
 44         if(results.insertId != null){
 45             alert("添加成功");
 46           }//返回记录id
 47     });
 48     infodiv.innerHTML=""; 
 49     queryAll();
 50 }
 51 
 52 //查询所有数据
 53 function queryAll(){
 54      client.query('select * from  '+TEST_TABLE,function(err, results){ 
 55         var info="id  &nbsp;&nbsp;username &nbsp; &nbsp; &nbsp;password&nbsp;  &nbsp;createdate</br>";
 56         for(var i = 0; i < results.length; i++){
 57             var person = results[i];
 58             var date=new Date(person.created);
 59             var dateStr = date.Format("yyyy-MM-dd");
 60             info += person.id + " &nbsp; &nbsp;" + person.username + " &nbsp; &nbsp;" + person.password + " &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" +dateStr + "&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<lable οnclick='toremove("+person.id+");'>delete</lable> </br>";
 61         }
 62         infodiv.innerHTML=info; 
 63     }); 
 64 }
 65 
 66 //删除数据
 67 function toremove(id){
 68     if(confirm("确定删除？")){
 69     client.query("delete from user where id = ?", [ id ], function(err, results) {//删除id为1的记录
 70     var str = JSON.stringify(results);
 71   /**result 如下的信息
 72       {
 73           fieldCount: 0,
 74           affectedRows: 1,
 75           insertId: 0,
 76           serverStatus: 2,
 77           warningCount: 0,
 78           message: '',
 79           protocol41: true,
 80           changedRows: 0 
 81       }
 82   */    infodiv.innerHTML=""; 
 83         queryAll();
 84     });
 85 }
 86 }
 87 
 88 //修改数据
 89     /**client.query("update user set password = ? where id = ?", [ "123456", 4 ], function(err, results) {//修改id为1的记录的password
 90     var str = JSON.stringify(results);    
 91     alert(str);
 92 //  alert(results);  
 93   /** result 如下的信息
 94       {      fieldCount: 0,
 95           affectedRows: 1,
 96           insertId: 0,
 97           serverStatus: 2,
 98           warningCount: 0,
 99           message: '(Rows matched: 1  Changed: 1  Warnings: 0',
100           protocol41: true,
101           changedRows: 1 
102       }
103   
104 });  */
105  
106 client.end();//关闭连接

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

1 {
2   "name": "nw-demo",
3   "main": "index.html"
4 }

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

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

weixin_33941350

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫