2011年5月25日 星期三

[學習筆記]使用JavaScript 新增/修改/刪除 MS Access資料庫

利用 JavaScript 來連接資料庫在內行人看來可能會覺得安全性不夠,因為等於資訊完全被看光光。但如果只是想撰寫一個單機使用的資料庫處理網頁界面,JavaScript就方便許多,至少不用為了資料庫處理而架一個伺服器。使用的語法也不會很難,但缺點就是目前只相容於IE瀏覽器,若使用firefox或chrome就無法使用了(囧)。

主要會使用到2個ActiveX物件:ADODB.Connection跟ADODB.Recordset
前面的比較簡單,就是跟資料庫連線所使用的,使用到的Connection String的語法是參考這裡
基本上這個物件只會使用到Open跟Close這兩個方法。
假設資料庫檔案在 c:\test.accdb (Access 2007的資料庫格式)

應該會看見彃跳視窗出現「連線成功」的訊息。

ADODB.Recordset這個物件使用到的方法較多,而且也會使用到SQL語法來操作,但整體上來說也不會太難。
假設test.accdb這個資料庫裡面有一個叫做demo的表格 (表格建立在Access內完成)
表格內有3個項目key(自動編號)、product (產品名稱)、price (售價)
若要新增一筆資料產品名稱為iphone4,售價為499


若要修改產品iphone4的售價為599


若要將產品iphone4從資料庫中移除

2011年5月22日 星期日

[學習筆記]Chrome與IE的JavaScript除錯工具

開啟方法
IE: 快速鍵 F12 (工具->開發者工具)
Chrome: 快速鍵 Ctrl+Shift+I (工具->開發人員工具)
Firefox: 快速鍵 Ctrl+Shift+K (工具->網頁主控台)

常用程式碼
console.log是個很好用的工具,可以取代alert那煩人的彈跳視窗,讓程式運行的更順暢 ^^
訊息將會列印在開發工具視窗中
例: