程式設計
首頁 程式設計
[電子書]Google試算表建立資料庫網頁 – 實作程式
9. GAS連接多個Web App檔11. 表單上傳系統12. 階層式登入系統13. 模糊資料搜尋系統 - SQL14. 資訊發布系統CRUD系統15. 待辦事項－CRUD系統新增章節 第19章. Google試算表－功能列按鈕 － 跳出CRUD系統
9. GAS連接多個Web App檔
code.gs
function doGet(e){
// if ... else ... statement 來確認是否有參數來決定開啟哪一個網頁
//如果沒有參數
if (!e.parameter.page){
...
【Google Sheets資料庫-2】指定Google試算表上的資料到網頁上
程式分享如下：
code.js
// 哪一個檔案要顯示資料
function doGet(e) {
var x = HtmlService.createTemplateFromFile("index");
var y = x.evaluate();
// 避免無法顯示，使用XFrame allow all
var z = y.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
...
AI學習工具 – 前後差異比較
差異分析
...
網頁程式設計對決：ChatGPT、Gemini、Claude3，究竟哪個最強？
人工智慧的演化速度驚人,程式編碼這項傳統人類專長,近來也被AI搞得天翻地覆。不過,誰是頂級高手?今天我們就來評比一下三位知名AI的網頁開發實力。
出賽者包括:
ChatGPT - 目前AI界的人氣王,佔有大量用戶群。
Claude - 號稱最強大的AI,實力是否名符其實,待查看。
Gemini - 來自科技巨擘Google的基因,底蘊深厚有望一展長才。
(沒選Copolit只因它是建立在ChatGPT的模式上,所以不加以討論)
比賽項目如下:
請幫我設計公司首頁網站，並提供相關程式在同一個檔案裡
使用Bootstrap 5.3框架
加入頁面輪播功能
增設公司簡介模組(含圖文，兩欄位)
每一項將評分,累計總分高者為贏家。是時候拉開序幕,讓這AI大亂鬥開始吧!請看以下的影片：
https://youtu.be/4xQUeVVZG_w
比較表格
巢狀式「下拉式選單」設計/Design Nested Dropdown using Bootstrap
https://youtu.be/5hZhICwLTP0?si=l8IIGLr9rktCY1Rj
dropdown.html
https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js
<style>
.navbar-nav li:hover>ul.dropdown-menu {
...
【網知 EP9】將Google 試算表的資料顯示在網頁上
https://youtu.be/zzIY22dHqY8
code.gs程式
// 連結HTML檔案
function doGet(){
var x=HtmlService.createTemplateFromFile("Index");
var y= x.evaluate();
// 避免無法顯示在網際網路上
var z = y.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return z;
}
// 抓試算表裡的資料
function getData(){
...
【Google Sheets變成資料庫- 1】上傳「表單」資料到Google 試算表
這個影片會介紹如何將網頁表單所輸入的資料，上傳到Google試算表
https://youtu.be/qxtgUKQMPFI
Code.gs
// 連結HTML檔案
function doGet(){
var html=HtmlService.createTemplateFromFile("form");
var check=html.evaluate();
var show =check.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return show;
}
// 新增資料到試算表
function addData(rowData){
//抓時間
...
【Google Sheets資料庫- 5】尋搜引擎
https://youtu.be/OH51tMGJQFk
這篇文章分享搜尋引撆程式。
code.gs
// 連結HTML檔案
function doGet(){
var html=HtmlService.createTemplateFromFile("index");
var check=html.evaluate();
var show =check.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return show;
}
/* PROCESS FORM */
function processForm(formObject){
var...
時鐘設計- 網頁
這個網頁設計專案會介紹如何用HTML, CSS, JavaScript來設計出一個l時鐘
https://youtu.be/AaweM7eTJok
html程式碼
http://script.js
</html>" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"...