線上書籍

Home

GAS+LineBot開發

一、商品展示

  1. 如圖

     
  2. 規劃欄位

    1. 表單順序

      表單標題

      form_name

      表單類型

      資料型別

      表單寬度

      表單驗證

      表單功能

      表單預設值

      欄位控制

      表單唯讀

      表單選項

      表單說明

      表單暫留字

      列表顯示

      列表對齊

      列表排序

      列表寬度

      1 流水號 sn 隱藏 2 true false left false
      2 啟用 enable 下拉選單 文字 2 是 true |是 true center false
      3 順序 sort 簡答 2 true true left false
      4 商品名稱 title 簡答 文字 4 必填 false true left true
      5 商品單價 price 簡答 2 必填 false true left false
      6 商品單位 unit 簡答 文字 2 必填 false true left false
      7 商品內容 content 段落 文字 12 必填 false false left false
      8 商品數量 amount 簡答 文字 12 必填 false 例： +1|+2|+5 true left false
      9 商品圖片 pic 簡答 文字 12 必填 false 請將圖片上傳至 https://i.imgur.com/ false left false
      10 商品資訊 info 網頁編輯器 文字 12 false left false
    2. 表單順序：由小至大
    3. 表單標題：請不要重覆，若有異動，請執行「程式碼.gs / setup」，標題會重新寫入，因此「欄位控制 ：true」的欄位，需要手動調整資料部份
    4. form_name：請不要重覆，使用英文命名。單一工作表 第1欄位：sn。主+明細檔 工作表：明細檔 第1欄位 sn ，第2欄位 ofsn
    5. 表單類型：簡答、段落、下拉選單、複選、單選、日期、時間、日期時間、網頁編輯器、隱藏
      網頁編輯器：請勿讓訪客使用
    6. 資料型別：「 | 文字」，若是數字請選空白
    7. 表單寬度：「1 ~ 12 」
    8. 表單驗證：「必填、email、網址、數字」，可複選
    9. 表單功能：時間戳記：程式會自行設定 日期+時間。email：代表此欄位會寄信
    10. 表單預設值
    11. 欄位控制：欄位控制 true，因此該欄位會出現在試算表上，請儘量將該類型欄位往前排放，其他 false的欄位，會出現在 CODE 欄位裡面 
    12. 表單唯讀
    13. 表單選項：單選、複選、下拉選單的項目
    14. 表單說明
    15. 表單暫留字
    16. 列表顯示
    17. 列表對齊
    18. 列表排序
    19. 列表寬度：(單位：px)
.videobox { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .videobox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Youtube影片：https://youtu.be/WxjHkeVLIRI