Title1
Title2
Title3
Login
Link
Search
教學頻道
中信金融管理學院
點二下資訊社
新化社區大學
GAS+購物車開發
GAS專案
GAS+購物車開發
Google表單實戰電商購物車
GAS+LineBot開發
外帶內用管理
購物車管理
線上打卡系統管理
萬用表單5
LineBot 線上書籍
PHP專案
網站程式設計-PHP(10502)
網站程式設計-PHP
PHP SMARTY 樣板引擎
SMARTY樣板
課程教材
雲端工具入門
行動應用企劃人員養成班
萬用表單5
GAS+LineBot開發
研習
萬用表單5
鐵人賽-Google Apps Script整合運用
GAS+LineBot開發
樂齡3C學習不斷電
臺東專科學校
GAS 開發 LineBot 自動接單系統
德鍵
112行動應用企劃人員養成班
111網頁前端設計工程師培訓班
110網頁前端設計工程師培訓班
網頁前端設計工程師培訓班
old
網頁前端設計與開發運用培訓班
Javascript & JQUERY
免費釋出專案
萬用表單
自動資料查詢
台南社大
113-01-雲端工具入門
112-02-AI自動管理
112-01-用QRCODE打造自動化環境
110-01-用雲端打造自動化環境
用雲端打造自動化環境
Google雲端智慧王
讓雲端工具提昇工作效率
Google 速學工作術
台南市總圖
教你如何使用LINE Bot機器人增加工作效率
Google雲端工具基礎應用
Google雲端工具進階應用
工作自動化與行銷(台南社大)
全部教材
台南市人力發展中心
Google工具應用實務班
企業課程
鐳達實業有限公司
GAS研習-20200726
中正大學-GAS研習
將軍圖書館
Google雲端工具基礎應用
Google雲端工具進階應用
南方創客
GitHub 衍伸應用
Google 應用工作術
永康社大
用雲端打造自動化環境(110-春季班)
用雲端打造自動化環境
南關社大
電腦、手機生活應用
遠端桌面
公司業務
傳送檔案
adwcleaner
W10 更新
客戶網站
最近完工
深雋設計有限公司
新化社大校務系統
靚品科技有限公司
5C Precision Co., Ltd.
BALANCE 1
RWD網站
東北關廟麵
曼馱有限公司
永宸昕有限公司
昌美實業社
形象網站
勇信機械有限公司
GAS專案
聯絡我們&案件委託
所有書籍
「111網頁前端設計工程師培訓班」目錄
MarkDown
10-1 後臺資料庫串接概念簡介
1. 網頁規劃溝通技巧
1-1 公司常見的網站種類與目的
1-2 參考網頁風格蒐集
1-3 網站頁面架構圖提供
1-4 網站後續維護需求
2. 虛擬主機與網域綁定
2-1 申請免費網域
2-2 實際操作
3. 網站(結構/內容)需求分析與規劃
4. 工具
4-1 Visual Studio Code
4-1-1 安裝 Visual Studio Code 的相關套件
4-1-2 VSCode 常用快捷鍵
4-2 Git & Git Hub
4-2-1 使用 SSH 金鑰與 GitHub 連線
4-2-2 建立 Repository
4-2-3 GitHub Pages
4-2-4 GitHub Pages 綁定網址
4-3 Hackmd
4-4 Canva
4-5 Notion
5. 前端網頁設計與製作
5-1 HTML5, CSS基礎
5-2 CSS選擇器
5-3 CSS度量單位
5-4 CSS的顏色表示法
5-5 HTML常用標籤
5-6 HTML 表格
5-7 表單
5-7-1 form tmp
5-7-2 doPost(e)
5-7-3 bootstrap5 - 表單驗證提示
5-7-4 HTML5驗證樣式
6. Google Apps Script
7. Bootstrap
7-1 安裝Bootstrap5
7-2 Bootstrap排版
7-3 Element.insertAdjacentHTML()
7-4 Grid System
7-5 欄寬隨著內容長度改變
7-6 套用多組斷點樣式
8. Javascript
8-1 Javascript語法架構
8-2 資料型別
8-3 Javascript 保留字
8-4 JS 常見函數
8-5 Assignments 指派
8-6 宣告變數
8-7 運算子
8-8 Javascript流程控制分成兩種類型
8-8-1 if
8-8-2 switch
8-8-3 try...catch...finally
8-8-4 for
8-8-5 while
8-8-6 for in
8-8-7 for of
8-9 認識函式
8-9-1 宣告函式
8-9-2 高階函式
8-10 認識 DOM
8-10-1 新增、編輯、刪除、查詢 元素屬性
8-10-2 取得元素節點
8-10-3 表單-複選-HTML5驗證
9. JQUERY
10. 後端伺服器資料串接
10-1 後臺資料庫串接概念簡介
10-2 Google Apps Script 存取工作表
10-3 建立路由
10-4 Google Apps Script 樣版引擎
10-4-1 渲染樣版函式
10-4-2 GAS樣板引擎-變數的使用
10-4-3 API
11. WordPress
11-1 安裝 Wordpress
11-2 登入 WordPress 控制台
11-3 WordPress操作介面
11-4 表單串Line Notify 通知
11-4-1 JS取得網址
11-4-2 製做 wp外掛 聯絡我們
11-5 astra 佈景樣板套用
11-5-1 更改網頁首
11-5-2 新增文章列表頁面&側邊欄設定
11-5-3 新增文章
12. WooCommerce
13. Google Apps Script APi
14. RY WooCommerce Tools
15. 行銷-優惠券
16. 專題實做
10-3 建立路由
111網頁前端設計工程師培訓班 =============== >
Google Workspace 所有產品之API:
### 一、程式架構 1.
程式:SpreadsheetApp
2.
試算表檔案:openById()、getActiveSpreadsheet()
3.
試算表中的工作表:getSheetByName()
4.
工作表中範圍:getRange()
5.
設定儲存格的值:setValue()
### 二、註解 1.
ctrl+/
2.
/\*\*
### 三、試算表寫入 1.
API: SpreadsheetApp
2.
取得試算表:getActiveSpreadsheet()
3.
取得工作表:getSheetByName()
4.
取得儲存格:getRange()
5.
寫值:setValue()
### 四、寫入單一儲存格 1.
Google Spreadsheet的列編號由1開始,欄編號也是由1開始(許多程式是由0開始)
2.
所以A欄 即 1 、B欄 即 2........
3.
程式第一次執行時,會根據程式所用的APP,執行授權動作,這是制式選擇,若不授權則程式無法使用
4.
授權動作 => 選擇自己的「
EMAIL 帳號
」=> 「
進階
」=> 「
前往xxx(不安全
)」=> 「
允許
」,這個動作可以讓指定的訪客用自己的「
EMAIL 帳號
」,執行程式
```javascript function myFunction() { // console.log('Hello workd'); /** * */ let ss = SpreadsheetApp.getActiveSpreadsheet(); let ws = ss.getSheetByName('工作表1'); let range = ws.getRange(1,1); range.setValue('姓名'); } ``` 5.
取得 試算表
若GAS是由 SpreadsheetApp 產生,即可用
getActiveSpreadsheet()
取得 試算表 取得 試算表後,可用
getId()
取得 ID
SpreadsheetApp.openById('ID')、
SpreadsheetApp.
openByUrl('URL')
也可以 取得試算表
```javascript let ss = SpreadsheetApp.getActiveSpreadsheet(); ```
6. 取得 工作表 ```javascript let ws = ss.ggetSheetByName('工作表名稱'); ``` 7. 取得工作表範圍 ```javascript let range = ws.getRange(rowIndex, colIndex);//(列指標,欄指標) ``` 8. 寫入儲存格 ```javascript range.setValue(value); range.setNumberFormat('@').setValue(value);//將儲存格 數字型態 格式化為 「文字」 ``` 9.
好了,目前已可以寫入一個儲存格,我們在網站部署了一個表單,它是根據 stru 這個陣列,來建立表單元件
1.
首先我們可以指定,接收資料後要寫入那個工作表
2.
工作表的第一列,一般是 標題 => 請根據 stru 將 標題寫入工作表
3.
接收每次請求後,將資料寫入工作表(每次一筆)
4.
ws.getLastRow():工作表最後的列指標
5.
ws.getLastColumn():工作表最後欄指標