（七）webStorage使用实例——webStorage作为简易数据库来使用
webStorage作為簡易數(shù)據(jù)庫來使用
?
如果想用webStorage作為數(shù)據(jù)庫，首先要考慮以下問題：
1、在數(shù)據(jù)庫中，大多數(shù)表都分為幾列，怎樣對列進(jìn)行管理？
2、怎樣對數(shù)據(jù)庫進(jìn)行檢索？
?
實(shí)現(xiàn)原理：（客戶聯(lián)系信息管理網(wǎng)頁）
? 客戶聯(lián)系信息分為姓名、Email、電話號碼、備注這幾列，保存在localStorage中。如果輸入客戶的姓名并且進(jìn)行檢索可以獲取該客戶的所有信息；首先，保存數(shù)據(jù)時(shí)將客戶的姓名作為鍵名來保存，這樣在獲取客戶其他信息是會比較方便；然后，怎樣將客戶聯(lián)系信息分幾列來進(jìn)行保存呢？要做到這一點(diǎn)，需要使用JSON格式。將對象以JSON格式作為文本來保存，獲取該對象時(shí)再通過JSON格式來進(jìn)行獲取，就可以在webStorage中保存和讀取具有復(fù)雜結(jié)構(gòu)的數(shù)據(jù)了。【JSON格式是javascript Object Notation的縮寫，是將javascript中的對象作為文本形式來保存時(shí)所使用的一種格式】。
實(shí)現(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
運(yùn)行結(jié)果：
超強(qiáng)干貨來襲 云風(fēng)專訪：近40年碼齡，通宵達(dá)旦的技術(shù)人生總結(jié)
以上是生活随笔為你收集整理的（七）webStorage使用实例——webStorage作为简易数据库来使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： （六）Web Storage的使用实例—
- 下一篇： 【PL/SQL】Excel批量往数据库中