如何設計訂單查詢系統_部分顯示【Google表單教學】

imingho · 發表於 2020-9-30 09:03:05

http://discuz.bestdaylong.com/thread-38953-1-1.html
原文章有網友提到查詢的身分證不要顥示，因為寫法會不同，所以另開主題討論。

Google APP Script

function doGet(e) {
//https://youtu.be/MQV3AlAOtCU 影音說明
var params = e.parameter;
var uid = params.uid;
var Sheet = SpreadsheetApp.getActiveSheet();
var LastRow = Sheet.getLastRow();
var LastColumn = Sheet.getLastColumn();
var data = [];
// 取得部分顯示資料
var listAll = Sheet.getSheetValues(1, 2, LastRow, LastColumn-1);
// 設定查詢欄位資料
var inq=Sheet.getSheetValues(1, 1, LastRow, 1);
//存標題
data.push({data: listAll[0]});
// 找尋資料是否有存在
for(var i = 1;i < listAll.length; i++){
if(inq[i].indexOf(uid)===0){
data.push({data: listAll[i]})
}
}
//顯示資料
Logger.log(data);
// 回傳json資料
return ContentService.createTextOutput(JSON.stringify(data))
.setMimeType(ContentService.MimeType.JSON);
}

複製代碼

HTML網頁程式碼

<html>
<head>
<meta charset="UTF-8" />
<script type="text/javascript">
function showHint(str)
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
var result=xmlhttp.responseText;
var obj = JSON.parse(result);//解析json字串為json物件形式
var html = '<table border=1 width=100%>';//
for (var i = 0; i < obj.length; i ++ ) {//
html += '<tr>';//
for(j=0;j<obj[i].data.length;j++)
{
html+= '<td>'+obj[i].data[j]+'</td>';
}
html += '</tr>';
}
html+="</table>";
document.getElementById("order_status").innerHTML=html;
if(obj.length==1) //只有一筆代表查不到資料
alert('查無資料');
}
}
var url="https://script.google.com/macros/s/AKfycbwLolAyf6vBS1TkjOGKHwjUZ8N5a4zQi2NgyuwN/exec";
xmlhttp.open("get",url+"?uid="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
輸入購買者身分證號：<input type="text" id="uid" />
<input type="button" name="inq" value="查詢" onclick="showHint(uid.value);"></br>
<span id="order_status"></span>
</body>
</html>

複製代碼

測試網址: https://bestdaylong.blogspot.com/2020/09/blog-post.html

namcp · 發表於 2020-9-30 09:08:05

太受用了！
非常感謝版主您的指導

imingho · 發表於 2021-1-2 11:05:05

其他網友提到，若是他不想顯示的欄位在最後面要如何修改。
------------------------------------------------
請問: [身分證號] [訂單編號] [姓名] [訂單狀態] ，我有看到您隱藏了查詢身分證號的範例。我想請問您如果我資料庫欄位有 [身分證號] [訂單編號] [姓名] [訂單狀態] [欄位1] [欄位2]

我查詢時我想隱藏欄位1 欄位2 不要顯示這兩欄。這樣的話要怎樣寫程式碼呢~~非常需要您的幫忙，只能先訂閱點讚萬分感謝老師教學

程式碼,-2代表最後2欄不顯示

function doGet(e) {
//https://youtu.be/MQV3AlAOtCU 影音說明
var params = e.parameter;
var uid = params.uid;
var Sheet = SpreadsheetApp.getActiveSheet();
var LastRow = Sheet.getLastRow();
var LastColumn = Sheet.getLastColumn();
var data = [];
// 取得部分顯示資料
var listAll = Sheet.getSheetValues(1, 1, LastRow, LastColumn-2);
// 設定查詢欄位資料
var inq=Sheet.getSheetValues(1, 1, LastRow, LastColumn-2);
//存標題
data.push({data: listAll[0]});
// 找尋資料是否有存在
for(var i = 1;i < listAll.length; i++){
if(inq[i].indexOf(uid)===0){
data.push({data: listAll[i]})
}
}
//顯示資料
Logger.log(data);
// 回傳json資料
return ContentService.createTextOutput(JSON.stringify(data))
.setMimeType(ContentService.MimeType.JSON);
}

複製代碼

Francis · 發表於 2021-1-12 05:06:38

板主您好，看了一下這篇滿實現的
另外有以下的問題需要向您請益一下
可否用時間來估篩選?
如篩選訂購日期或者用時間戳記的區間：2020/6/10~2020/6/14範圍訂單資料?
目前參考板主的寫法確定如果是選擇單一方式搜尋，是可以搜尋指定日期，當天所有訂單紀錄。
但多條件方式指定一個範圍區間，會出問題，不是出現2020/6/10&2020/6/14這兩天的，要麻就是全都搜尋出來了。

imingho · 發表於 2021-1-12 08:07:25

Francis 發表於 2021-1-12 05:06
板主您好，看了一下這篇滿實現的
另外有以下的問題需要向您請益一下
可否用時間來估篩選?

您好,
麻煩您參考底下這篇上傳您的程式碼.
如何在discuz張貼程式碼
http://discuz.bestdaylong.com/thread-30239-1-1.html
(出處: 彰化一整天的論壇)

Francis · 發表於 2021-1-12 10:27:29

imingho 發表於 2021-1-12 08:07
您好,
麻煩您參考底下這篇上傳您的程式碼.
如何在discuz張貼程式碼

謝謝板主，代碼如下

function doGet(e) {
var params = e.parameter;
//訂單進件日期:PTime1 //訂單進件日期:PTime2 //客戶訂單:OorderID //消費者名稱:CEOName //訂單內容:BDName
var PTime1 = params.PTime1,PTime2 = params.PTime2,CEOName = params.CEOName,BDName=params.BDName;
var Sheet = SpreadsheetApp.getActiveSheet();
var LastRow = Sheet.getLastRow();
var LastColumn = Sheet.getLastColumn();
var data = [];
// 取得全部資料
//var listAll = Sheet.getSheetValues(1, 1, LastRow, LastColumn);
//部分顯示資料從第2列取得到第27列
var listAll = Sheet.getSheetValues(1, 2, LastRow, 27);
// 取得部分顯示資料
//var listAll = Sheet.getSheetValues(1, 2, LastRow, LastColumn-1);
//存標題
data.push({data: listAll[0]})
// Search資料是否有存在
for(var i = 1;i < listAll.length; i++)
{//for以下開始
//第1欄,由0開始---以下是參考範例寫法
//if(listAll[i].indexOf(PTime) ===0 && listAll[i].indexOf(OorderID) ==10 || listAll[i].indexOf(CEOName) ==11 ){ }
//if(listAll[i].indexOf(OorderID) ==10 && listAll[i].indexOf(CEOName) ==11 ){ }
// if((listAll[i].indexOf(OorderID) == 10 ) || (listAll[i][11].indexOf(CEOName) != -1) || (listAll[i].indexOf(OorderID) == 10 && listAll[i][11].indexOf(CEOName) != -1 ))
//↓以下這一段是可以模糊搜尋，但目前寫法仍有問題，待修正。
//if(listAll[i][11].indexOf(OorderID) != -1 ){}
//Search某字串在字串内的位置(indexOf)
if(listAll[i].indexOf(PTime1) ===0 && listAll[i].indexOf(PTime2) === 0 )
{
//範例 if((listAll[i].indexOf(PTime_1) ===0 && listAll[i].indexOf(OorderID) ===11 ) || (listAll[i].indexOf(OorderID) ===10&& listAll[i].indexOf(CEOName) ===11 ))
{ //第1欄,由0開始
if(BDName!="" && (listAll[i].indexOf(OorderID) ===10 || listAll[i].indexOf(CEOName) ===11 ))
{
Sheet.getRange("S"+(i+1)).setValue(BDName);//寫回訂單內容物狀態
Sheet.getRange("T"+(i+1)).setValue("尚未完成匯款");//寫回狀態
Sheet.getRange("R"+(i+1)).setValue(new Date());//寫回訂單變更日期狀態
//listAll[i]=Sheet.getSheetValues(i+1,1,1,LastColumn)[0];//重新讀取
listAll[i]=Sheet.getSheetValues(i+1,2, LastRow, 27)[0];//重新讀取
}
//去個資顯示
listAll[i][11]=string_add_symbol(listAll[i][11],"*");
data.push({data: listAll[i]});
}
}
}//for以上結束
//顯示資料
Logger.log(data);
// 回傳json資料
return ContentService.createTextOutput(JSON.stringify(data))
.setMimeType(ContentService.MimeType.JSON);
Sheet.getSheet
}
function string_add_symbol(s,symbol)
{
var ss="";
for(var i=0;i<s.length;i++)
{
if(s.length==3 && i%2===1){//名稱字串等於3or4時，奇數加符號
ss=ss+symbol;
}else if(s.length===4 && i%3===2)
ss=ss+symbol;
else
//ss=ss+s.substring(i,i+1);
ss=ss+s.substring(i,i+1);
}
return ss;
}

複製代碼

imingho · 發表於 2021-1-12 11:10:00

Francis 發表於 2021-1-12 10:27
謝謝板主，代碼如下

請參考底下的範例自行修改.

function Test() {
//https://youtu.be/MQV3AlAOtCU 影音說明
var BeginDate = Date.parse('2019/8/1'); //將文字日期轉換成日期格式
var EndDate=Date.parse('2019/8/4'); //將文字日期轉換成日期格式
var Sheet = SpreadsheetApp.getActiveSheet();
var LastRow = Sheet.getLastRow();
var LastColumn = Sheet.getLastColumn();
var data = [];
// 取得全部資料
var listAll = Sheet.getSheetValues(1, 1, LastRow, LastColumn);
//存標題
data.push({data: listAll[0]})
// 找尋資料是否有存在
for(var i = 1;i < listAll.length; i++){
if(listAll[i][5]>=BeginDate && listAll[i][5]<=EndDate){
data.push({data: listAll[i]})
}
}
//顯示資料
Logger.log(data);
}

複製代碼

Francis · 發表於 2021-1-12 12:15:40

imingho 發表於 2021-1-12 11:10
請參考底下的範例自行修改.

謝謝板主，已經修改並測試完成了，
另外請問html部份的語法是不是也需要一併做修改???

imingho · 發表於 2021-1-12 13:28:18

本帖最後由 imingho 於 2021-1-12 14:16 編輯

Francis 發表於 2021-1-12 12:15
謝謝板主，已經修改並測試完成了，
另外請問html部份的語法是不是也需要一併做修改??? ...

是的.

請參考.
如何設計訂單查詢系統_日期區間顯示【Google表單教學】
http://discuz.bestdaylong.com/thread-39138-1-1.html
(出處: 彰化一整天的論壇)

Francis · 發表於 2021-1-13 13:15:45

imingho 發表於 2021-1-12 13:28
是的.

請參考.

謝謝板主，今天研究了一下，實測後發現兩個問題，當資料庫(試算表內)日期部份欄位部份有以下事項要注意了，
1.格式必需設為日期格式。
2.如果有帶函數(舉例：=text(b1,"yyyy/mm/dd"))的，無法搜尋到。

		自動登錄	找回密碼
密碼			立即註冊