✍ 📁 🙈 🙉 🙊 : Blogger Google資料庫

顯示具有 Blogger Google資料庫 標籤的文章。顯示所有文章

Google Apps Script

<h3>我的 Google Apps Script 範例程式碼</h3>
<div> //  紅色是你的試算表地址<br>
var SpreadSheet = SpreadsheetApp.openByUrl('<r>https://docs.google.com/spreadsheets/d/1loDC9_v5gdeosEd01_S4x619gCmxZS6SF4uRQLo3rOg/edit#gid=0</r>') ;</div>
<pre>var SheetName = SpreadSheet.getSheetByName('工作表1');
var obj = {} ;
var objA =  {  檔案名稱: SpreadSheet.getName(), 
               工作表名: SheetName.getName(), 
               資料筆數: SheetName.getLastRow(), 
               資料項目: SheetName.getLastColumn(), } ; 
var A1=1,A2=1,B3=4,B2=4 ;

function doGet(e) {   
   var  parameter = [] ;   
   if(typeof e !== 'undefined') { parameter = e.parameter ; }

//  Google 試算表 刪除欄位 deleteColumns
if( parameter.dow == "deleteColumns"){ 
    SheetName.deleteColumns(parameter.colIndex,parameter.numcols) ;
    return ContentService.createTextOutput("ok" ); }

//  Google 試算表 插入欄位 insertColumns
if( parameter.dow == "insertColumns"){ 
    SheetName.insertColumns(parameter.colIndex,parameter.numcols) ;
    return ContentService.createTextOutput("ok" ); }

//  刪除多個列 delete Rows            
if( parameter.dow == "deleteRows"){ 
    SheetName.deleteRows(parameter.rowIndex,parameter.numRows) ;
    return ContentService.createTextOutput("ok" ); }

// ** 插入列 Insert Row **
if( parameter.dow == "insertRows"){ 
    SheetName.insertRows(parameter.rowIndex, parameter.numRows) ;
    return ContentService.createTextOutput("ok" ); }

// ** 清空 工作表 內容 **
if( parameter.dow == "clearALL"){ 
    var first = SheetName;
    first.clear();
    return ContentService.createTextOutput("clearALL ok" ); }

// ** 讀取所有 或 指定範圍 資料 **
if( parameter.dow == "ReadData"){
    ReadData(parameter.A1,parameter.A2,parameter.B1,parameter.B2);
    return ContentService.createTextOutput(JSON.stringify(obj)).
    setMimeType(ContentService.MimeType.JSON)  }

// ** 加入多數內容 ******
if( parameter.dow == "setValuesALL"){
    setValuesALL(parameter.Row , parameter.Col , 
                 JSON.parse(parameter.Sdata)) ;
     return ContentService.createTextOutput('setValuesALL ok') }

Logger.log(objA)

return ContentService.createTextOutput(JSON.stringify(objA)).
        setMimeType(ContentService.MimeType.JSON)   ;
}

// ** 加入多數內容 **
function setValuesALL(Row,Col,TT){
var range = SheetName.getRange(Row,Col,TT.length,TT[0].length);
    range.setValues(TT); }

//  讀取所有 或 指定範圍 資料 ***
function ReadData(A1,A2,B1,B2) { 
//  讀取指定範圍用
if(A1 != null){
    var data = SheetName.getRange(A1,A2,B1,B2).getValues();}
//  讀取所有用
else {var data = SheetName.getDataRange().getValues()}

obj = data;
Logger.log(obj); }

</pre>

<h3>Google Spreadsheet
<br><br>
<img style="width:80%;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVe4K_ORUNzZ9blmwt9AhsyCSZ381_hOtqNVYvFa8nFEITz9zQZd1fwsXpc7xB9C87qW5dkCOClkIfTC57AAzWFluzf0nxGSOf-HjPkhWO3qbN7UyqwXyyDijuAfWJsemwmhlL6ac83jc6VqqXAp8hXITCD-DQW1HBZa5sU7pOTBO4p0/s2600/app1.jpg" /></h3>
<pre> 製作完你的試算表後，紅框標示的區塊，就是去到執行 或 編寫 Apps Script
 指令碼的地方。</pre>

<br>
  
☛ <a  href="https://developers.google.com/apps-script" target="_blank" title="HTML">Google Apps Script 官網</a> 
<br>
☛ <a  href="https://developers.google.com/apps-script/reference/spreadsheet/spreadsheet" target="_blank" title="HTML">使用 google Apps 腳本自動執行任務</a>

.T3 {width:150px;border: 1px solid black;text-align: center;color : blue; 
     background:radial-gradient(circle farthest-corner at left,yellow,red);background:radial-gradient(circle farthest-corner at left,yellow,red);}
.T2 {width:80px;text-align: center}

pre { font-size: 20px ;}
 h3 { text-align: center;
     font-size: 30px;
     font-weight: bold;
     text-shadow: 10px 6px 10px grey;
     color: blue; }
</style>

<h3>Google Apps Script development platform
<br><br>
<img style="width:80%;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja7higLn_5MgI7cpNonQrpXhe-h8JjNoDQ6rctVKFYA6OG1bFxhAxYBnpHRHzXZN-B0sUEv1duFeSidqyKebk-2q3BREWzHvieKFwd1w-i-enFIftkhI8eotxgk0NPyx80f4myd11FVlCUz7dL2qqit9YBpi5XjuBAX3G85gta6aGkvtw/s1600/app2.jpg" /></h3>

<pre> 進入 Apps Script 指令碼的地方，編寫寫你的 app script，測試偵錯之後，
 發佈部署上網，供 HTML 向 Google 試算表 讀取或寫入資料 的橋樑。</pre>

pre { font-size: 20px ;}
 h3 { text-align: center;
     font-size: 30px;
     font-weight: bold;
     text-shadow: 10px 6px 10px grey;
     color: blue; }
</style>

Edit

#ccs #HTML #blogger #google blogger #google apps script #Google Sheets 為網頁資料庫 #免費資料庫 #doGet(e) #deleteColumns() #insertColumns() #免費資料庫

Google Apps Script 2

<h3>get Google SpreadSheet content</h3>
<div class="DDiv">

<pre>html 程式訪問 google Apps Script，值 data 傳回 google 工作表1 內容，
var <R>appUrl</R> = "我的 google Apps Script 應用程式的網址"。
</pre>

<ol>
<li>  <</span>div id="DP"><</span>/div>
<br>
<br>
<li>  <</span>script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"><li><</>/script>
<br>
<br>
<li>  <</span>script>
<li>  var <R>appUrl</R> = "https://script.google.com/macros/s/AKfycbz7m55YR3t-WeJUbrNNOgwVehbGqPDhwFy6qHHIrfvLPgKE59EQX33HKNFqlyRvYMsH_A/exec" ;
<br>
<br>
<li>parameter = {dow:'ReadData'    };
<br>
<li>$.get(appUrl, parameter, function(data) {
<li>           $('#DP').text(JSON.stringify(data)) ; 
<li>    }) 
<li>  <</c>/script>
</ol>
 <br><br>
 
傳回 :<br>

parameter = {dow:'ReadData' };
$.get(appUrl, parameter, function(data) {
 $('#DP').text(JSON.stringify(data )) ; 
})
</script>

.DDiv {word-break: break-all; word-wrap: break-word;}
R {color:red}
</style>

pre {font-size: 20px ;}
R   {color:red}
h3  { text-align: center;
      font-size: 30px;
      font-weight: bold;
      text-shadow: 10px 6px 10px grey;
      color: blue; }
</style>

<h3>get Google SpreadSheet content</h3>

<pre>html 程式訪問 google Apps Script，傳回 google 工作表1 內容，
var <R>url</R> = "我的 google Apps Script 應用程式的網址"。
</pre>
<ol>
<li><<c>div id="demo"><<c>/div>

<li><<c>script>
<li><div>var url ="https://script.google.com/macros/s/AKfycbz7m55YR3t-WeJUbrNNOgwVehbGqPDhwFy6qHHIrfvLPgKE59EQX33HKNFqlyRvYMsH_A/exec"
</div><br>
<li> url+= "?dow=ReadData" ;
<li> var xhp = new XMLHttpRequest();
<li> xhp.onload = function() {
<li> demo.innerHTML = xhttp .responseText;  }
<li> xhp.open("GET",url  );
<li> xhp.send();
<li> <<c>/script>
</ol>

<br>

傳回 xhp : <div id="demo"></div>

url+= "?dow=ReadData" ;

var xhp = new XMLHttpRequest();
  xhp.onload = function() {
  //var dd=[] ;

var dd=JSON.parse(xhp.responseText)
  var TxT="";

TxT+= "var dd=JSON.parse(xhp.responseText)";
      TxT+= "<br>dd = " + JSON.stringify(dd) ;
      TxT+= "<br>dd.length = " + dd.length;
      TxT+= "<br>dd[1] = " + dd[1] ;
      TxT+= "<br>dd[1][1] = " + dd[1][1] ;

demo.innerHTML =  TxT;  }

xhp.open("GET",url  );
  xhp.send();

</script>

demo , pre{ font-size: 20px ;}
R   {color:red}
h3  { text-align: center;
      font-size: 30px;
      font-weight: bold;
      text-shadow: 10px 6px 10px grey;
      color: blue; }
</style>

<h3>get Google SpreadSheet content</h3>

<pre>html 程式訪問 google Apps Script，傳回 google 工作表1 內容，
var <R>url</R> = "我的 google Apps Script 應用程式的網址"。
</pre>
<ol>
<li><<c>div id="demo"><<c>/div>

<li><<c>script>
<li><div>var <R>url</R>  ="https://script.google.com/macros/s/AKfycbz7m55YR3t-WeJUbrNNOgwVehbGqPDhwFy6qHHIrfvLPgKE59EQX33HKNFqlyRvYMsH_A/exec"
</div><br>
<li> url+= "?dow=ReadData&A1=2&A2=1&B1=3&B2=3" ;
<li> var xhp = new XMLHttpRequest();
<li> xhp.onload = function() {
<li> demo.innerHTML = xhttp .responseText;  }
<li> xhp.open("GET",url  );
<li> xhp.send();
<li> <<c>/script>
</ol>

<br>

傳回 : <div id="demo"></div>

url+= "?dow=ReadData&A1=2&A2=1&B1=3&B2=3" ;
  var xhp = new XMLHttpRequest();
  xhp.onload = function() {
  demo.innerHTML = xhp .responseText;  }

xhp.open("GET",url  );
  xhp.send();

</script>

demo , pre{ font-size: 20px ;}
R   {color:red}
h3  { text-align: center;
      font-size: 30px;
      font-weight: bold;
      text-shadow: 10px 6px 10px grey;
      color: blue; }
</style>

Edit

#get Google SpreadSheet content #XMLHttpRequest() #blogger #google blogger #google apps script #Google Sheets 為網頁資料庫 #免費資料庫 #doGet(e) #xhp.send() #xhp.open("GET",url ) #JSON.stringify(data) #xhttp .responseText

Google Apps Script 1

<h3>get Google SpreadSheet content</h3>
<table border="1" style="width:100%">
<tbody><tr><td>
<div width="100%"><</c>script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"><<c>/script>

<br>
var appUrl = "apps script appUrl " ;
<tr><td>

parameter = { }  // 讀取 Google 試算表 資訊
<br>$.get(appUrl, parameter, function(data) {.......})</pre>
<div id="DP1"></div>

</td></tr><td>

parameter={ dow:'ReadData' } // 讀取 Google 試算表 內容
<br>$.get(appUrl, parameter, function(data) {.......})
<div id="DP2"></div>

</td></tr><td>
// 讀取 Google 試算表 指定位置內容 <br>
parameter = {dow:'ReadData', A1:2 , A2:1 , B1:3 , B2:3} 
<br>$.get(appUrl, parameter, function(data) {.......})</pre>
<div id="DP3"></div><br>

</td></tr><td>
// 讀取 Google 試算表 指定位置內容 <br>
parameter = {dow:'ReadData', A1:1 , A1:1 , B1:1 , B2:1}  
<br>$.get(appUrl, parameter, function(data) {.......})</pre>
<div id="DP4"></div><br>

</div>

</td></tr></tbody><table>

function IT(){
parameter = { };
$.get(appUrl, parameter, function(data) {
txt = "data = " + JSON.stringify(data ) ;
       DP1.innerHTML= txt; })

parameter = {dow:'ReadData'}; // 讀取所有內容
$.get(appUrl, parameter, function(data) {
txt = "data = " + JSON.stringify(data ) ;
       DP2.innerHTML= txt; })

parameter = {dow:'ReadData',A1:2,A2:1,B1:3,B2:3};
$.get(appUrl, parameter, function(data) {
txt = "data = " + JSON.stringify(data ) ;
       DP3.innerHTML= txt; })

parameter = {dow:'ReadData',A1:1,A2:1,B1:1,B2:1};
$.get(appUrl, parameter, function(data) {
txt = "data = " + JSON.stringify(data ) ;
       DP4.innerHTML= txt; })

}
IT();

</script>
<a  href="https://docs.google.com/spreadsheets/d/1loDC9_v5gdeosEd01_S4x619gCmxZS6SF4uRQLo3rOg/edit#gid=0" target="_blank" title="HTML">HTML Google資料庫20240320</a>

td {font-size: 20px ;}
R   {color:red}
h3  { text-align: center;
      font-size: 30px;
      font-weight: bold;
      text-shadow: 10px 6px 10px grey;
      color: blue; }
</style>

// 清空 Google 試算表內容
function clearALL(){
DP1.innerHTML= UPDOWN.innerHTML;
parameter = {dow:'clearALL'};
$.get(appUrl, parameter, function(data) {DP() }) ;  }

// 加入 Google 試算表 部份內容
// Sdata 加入內容
// Row=2 var Col=2 加入位置
function setValuesALL(){
DP1.innerHTML= UPDOWN.innerHTML;
var Sdata=[['你','好','嗎'],[2,22,222],[3,33,333],[4,44,444]]
 var Row=2 ; var Col=2 ;
parameter = {dow:'setValuesALL' , Sdata:JSON.stringify(Sdata) ,
             Row:Row , Col:Col  };
$.get(appUrl, parameter, function(data) {DP(); }) ;  }

</script>

<h3>Modify Google SpreadSheet content</h3>

<div id="UPDOWN" style="display:none">
<marquee scrollamount="10" style="width:200px" ><b>
....upload....download.... </b></marquee></div>

<table border="1" style="width:100%;">
<tbody><tr><td height="150px">
<button onclick="clearALL()" >清空 Google 試算表內容</button>
<pre>parameter = {dow:'<r>clearALL</r>'}; 
$.get(appUrl, parameter, function(data) {......}) </pre><br>
<tr><td height="150px">
<button onclick="setValuesALL()" >加入 Google 試算表 部份內容</button>
<pre><m> // 加入試算表部份內容放入 Sdata 序列物件</m>
var Sdata=[['你','好','嗎'],[2,22,222],[3,33,333],[4,44,444]]
<m> // Row 及 Col 放入試算表位置,如果Row=0放入試算表最底加新一行   </m>
var Row=2 ; var Col=2 ;
parameter = {dow:'<r>setValuesALL</r>' , Sdata:JSON.stringify(DD) 
             Row:Row , Col:Col  };
$.get(appUrl, parameter, function(data) {.....}) ;</pre>
</td></tr><td>
<div id="DP1"></div> 
</td></tr></tbody><table>

// Google 試算表 刪除列,rowIndex:2 插入列在第二行,numRows:3  合共插入2列
function deleteRows(){
DP1.innerHTML= UPDOWN.innerHTML;
parameter = {dow:'deleteRows' , rowIndex:2 , numRows:2};
$.get(appUrl, parameter, function(data) {DP() }) ;   }

//Google 試算表 插入多個列,rowIndex:2 刪除列在第二行,numRows:3  刪除插入2列
function insertRows(){
DP1.innerHTML= UPDOWN.innerHTML;
parameter = {dow:'insertRows' , rowIndex:2 , numRows:2};
$.get(appUrl, parameter, function(data) {DP() }) ;   }

</script>

<h3>Modify Google SpreadSheet content</h3>

<div id="UPDOWN" style="display:none">
<marquee scrollamount="10" style="width:200px" ><b>
....upload....download.... </b></marquee></div>

<table border="1" style="width:100%;">
<tbody><tr><td height="150px">
<button onclick="insertRows()" >Google 試算表 插入列 </button>
<pre>parameter = {dow:'<r>insertRows</r>' , rowIndex:2 , numRows:2} 
$.get(appUrl, parameter, function(data) {......}) </pre><br>
<tr><td height="150px">

<button onclick="deleteRows()" >Google 試算表 刪除多個列</button>
<pre>parameter = {dow:'<r>deleteRows</r>' , rowIndex:2 , numRows:2 };
$.get(appUrl, parameter, function(data) {.....}) ;
<br></pre>
</td></tr><td>
<div id="DP1"></div> 
</td></tr></tbody><table>

// Google 試算表 刪除欄位 [rowIndex:2 刪除第二欄] [numRows:3  合共刪除2欄]
function deleteColumns(){
DP1.innerHTML= UPDOWN.innerHTML;
parameter = {dow:'deleteColumns' , colIndex:2 , numcols:2};
$.get(appUrl, parameter, function(data) {DP() }) ;   }

//Google 試算表 插入欄位, [colIndex:2 第二行插入欄位] [numcol:2  插入2欄]
function insertColumns(){
DP1.innerHTML= UPDOWN.innerHTML;
parameter = {dow:'insertColumns' , colIndex:2 , numcols:2};
$.get(appUrl, parameter, function(data) {DP() }) ;   }

</script>

<h3>Modify Google SpreadSheet content</h3>

<div id="UPDOWN" style="display:none">
<marquee scrollamount="10" style="width:200px" ><b>
....upload....download.... </b></marquee></div>

<table border="1" style="width:100%;">
<tbody><tr><td height="150px">
<button onclick="insertColumns()" >Google 試算表 插入多欄位 </button>
<pre>parameter = {{dow:'<r>insertColumns</r>' , colIndex:2 , numcols:2} 
$.get(appUrl, parameter, function(data) {......}) </pre><br>
<tr><td height="150px">

<button onclick="deleteColumns()" >Google 試算表 刪除多欄位</button>
<pre>parameter = {dow:'<r>deleteColumns</r>' , colIndex:2 , numcols:2};
$.get(appUrl, parameter, function(data) {data) {.....}) ;
<br></pre>
</td></tr><td>
<div id="DP1"></div> 
</td></tr></tbody><table>

Edit

#get Google SpreadSheet content #Modify Google SpreadSheet content() #blogger #google blogger #google apps script #Google Sheets 為網頁資料庫 #免費資料庫 #setValuesALL() clear() #getRange() #getDataRange() #insertRows()

訂閱：文章 (Atom)

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單

Google Apps Script

Google Apps Script 2

Google Apps Script 1

window Resize

html 測試 左入右出

html 測試 上入下出

html 測試 單入單出

html 測試 左單右單

Google Apps Script

Google Apps Script 2

Google Apps Script 1

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單