【心得6】10/19

 今天學習到「資料庫」的概念，使用了Google試算表的表格資料替代先前用array儲存的資料，除了可以方便更動資料，也能一次儲存大量的資料，也不會因為在程式碼區直接輸入大量資料，發生筆誤時還需要從編譯器debug才能正常運作，只是網頁會跑的比直接在程式碼輸入資料還要久才會顯示畫面，上次學到的分頁也能跟主頁從同一個資料庫呼叫資料來使用。

引算表時需開啟編輯頁複製目標頁面從d/到/pubhtml之間這段

<script src='https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.5.1/tabletop.min.js'></script>

    <script type='text/javascript'> 

        var publicSpreadsheetUrl = 'https://docs.google.com/spreadsheets/d/編輯頁網址/pubhtml';

data就是試算表的資料，利用迴圈，可顯示「data[i].每欄名稱」，為那一欄的資料。

    function init() {

    Tabletop.init({

        key: publicSpreadsheetUrl,

        callback: showInfo,

        simpleSheet: true

        })

    }

    function showInfo(data, tabletop) {

    // alert('Successfully processed!')

        console.log(data);

    var str = "";

        for (var i = 0; i < data.length; i++) {

        str += data[i].name + " <br />";

         }

        document.getElementById("demo").innerHTML = str;

        }

    window.addEventListener('DOMContentLoaded', init)