以Google試算表作為簡易資料庫(下)--資料庫的讀取

續篇

此篇為系列文之(下)篇,建議各位先閱讀(上)篇:

這篇我會簡化一些上篇做過的步驟,不會一一截圖示範,請適當的舉一反三~

※圖片若不易閱讀請點擊放大※


步驟大綱

  1. 在Google Drive上建立一個程式
  2. 程式內容可以對特定Google試算表文件進行存取
  3. 架一個網頁,對應用程式GET送資料
  4. 應用程式接收到資料後,將資料顯示在網頁上


正文

首先把資料庫準備好
我已經輸入了一些資料,其中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的使用說明書寫的淺顯易懂,不過對入門者來講還是略深。其餘資料庫的運用請各位自己舉一反三吧!希望這兩篇文章對各位有所幫助~

沒有留言:

張貼留言