續篇
此篇為系列文之(下)篇，建議各位先閱讀(上)篇:
這篇我會簡化一些上篇做過的步驟，不會一一截圖示範，請適當的舉一反三~
※圖片若不易閱讀請點擊放大※
步驟大綱
首先把資料庫準備好
我已經輸入了一些資料，其中6號是故意跳過的，模擬"座號不連續"及"查詢座號"不存在的狀況
新建一個Google Apps Script，並新增空白專案
將專案命名，並改成doGet(e)
從上篇建立的程式碼上半部直接複製過來改~
參數只需要留一個number
接著是程式主體:比對到正確資訊後將資料輸出
此處我採用循序比對法，簡單明瞭
若資料量過多，請自己選用適合的演算法
※注意陣列是zero-based，跟行數不同※
加上沒找到的狀況
並且直接把return塞進迴圈
建立debug用程式碼
也是可以跳過這部直接發布啦~
debug程式碼內容照舊，只是參數只送一個座號
紅框處兩個按鍵都可以執行
執行結束後來看看結果，打開執行紀錄查看
紅框處顯示有正確抓到資料~~
一次成功爽･*:.｡..｡.:*･゜ヽ( ´∀｀)人(´∀｀ )ノ･゜ﾟ･*:.｡..｡.:*
改成不存在的6，有成功顯示錯誤資訊
將程式部屬為網路應用程式，詳細步驟看上篇
一樣以W3School的javascript測試平台模擬架好的網站
如果自己有Server請舉一反三
範例網頁我就不一一講解了，簡而言之也是一個"會透過jquery送GET Request的網頁"。
範例網頁如下，請全選複製覆蓋左半邊，將裡面的網址換成你的，再按提交代碼:
範例網頁如下，請全選複製覆蓋左半邊，將裡面的網址換成你的，再按提交代碼:
<!DOCTYPE html>
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
NO: <input type="text" id="numberInput"><br><br>
<input type="button" value="查詢" onclick="Search()">
<script type="text/javascript">
function Search(){
$.get("※你的網址放這邊※", {
"number": document.getElementById("numberInput").value
},
function (data) {
document.write("--------------------------<br>");
document.write("No.,Name,Score <br>"+data+"<br>");
document.write("--------------------------<br>");
});
}
</script>
</body>
</html>
接下來試試看查詢吧~
成功~
輸入不存在的6
有顯示出不存在信息~
結尾
至此系列文結束。
與其說資料庫相關，這兩篇文章主要是在演示簡易的Google Apps Script的使用方式。Google的使用說明書寫的淺顯易懂，不過對入門者來講還是略深。其餘資料庫的運用請各位自己舉一反三吧!希望這兩篇文章對各位有所幫助~
※上篇請戳: 以Google試算表作為簡易資料庫(上)--資料庫的建立及寫入※
沒有留言:
張貼留言
本站遭到垃圾留言(病毒連結)攻擊，開啟審核模式。留言後並不會馬上公開顯示。