（七）webStorage使用实例——webStorage作为简易数据库来使用
生活随笔
收集整理的這篇文章主要介紹了
（七）webStorage使用实例——webStorage作为简易数据库来使用
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
webStorage作為簡易數(shù)據(jù)庫來使用
?
如果想用webStorage作為數(shù)據(jù)庫，首先要考慮以下問題：
1、在數(shù)據(jù)庫中，大多數(shù)表都分為幾列，怎樣對列進行管理？
2、怎樣對數(shù)據(jù)庫進行檢索？
?
實現(xiàn)原理：（客戶聯(lián)系信息管理網(wǎng)頁）
? 客戶聯(lián)系信息分為姓名、Email、電話號碼、備注這幾列，保存在localStorage中。如果輸入客戶的姓名并且進行檢索可以獲取該客戶的所有信息；首先，保存數(shù)據(jù)時將客戶的姓名作為鍵名來保存，這樣在獲取客戶其他信息是會比較方便；然后，怎樣將客戶聯(lián)系信息分幾列來進行保存呢？要做到這一點，需要使用JSON格式。將對象以JSON格式作為文本來保存，獲取該對象時再通過JSON格式來進行獲取，就可以在webStorage中保存和讀取具有復雜結(jié)構(gòu)的數(shù)據(jù)了?！綣SON格式是javascript Object Notation的縮寫，是將javascript中的對象作為文本形式來保存時所使用的一種格式】。
實現(xiàn)代碼：
?
database.html
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>簡易數(shù)據(jù)庫示例</title><script type="text/javascript" src="script3.js"></script> </head> <body><h1>使用webStorage來做簡易數(shù)據(jù)庫示例</h1><table><tr><td>姓名：</td><td><input type="text" id="name"></td></tr><tr><td>Email:</td><td><input type="text" id="email"></td></tr><tr><td>電話號碼：</td><td><input type="text" id="tel"></td></tr><tr><td>備注：</td><td><input type="text" id="memo"></td></tr><tr><td></td><td><input type="button" value="保存" οnclick="saveStorage();"></td></tr></table><hr><p>檢索：<input type="text" id="find"><input type="button" value="檢索" οnclick="findStorage('msg');"></p><p id="msg"></p> </body> </html>
script3.js
運行結(jié)果：
超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術(shù)人生總結(jié)
以上是生活随笔為你收集整理的（七）webStorage使用实例——webStorage作为简易数据库来使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： （六）Web Storage的使用实例—
- 下一篇： 【PL/SQL】Excel批量往数据库中