[精讚] [會員登入]
1993

[web]校園食材登錄平臺午餐食材嵌入頁面語法

校園食材登錄平臺午餐食材嵌入頁面語法

分享此文連結 //n.sfs.tw/14748

分享連結 [web]校園食材登錄平臺午餐食材嵌入頁面語法@igogo
(文章歡迎轉載,務必尊重版權註明連結來源)
2023-04-11 09:48:24 最後編修
2020-09-18 14:47:20 By igogo
 

此語法適用全國於校園食材登錄平臺每日更新內容的單位, 

 

校園食材登錄平臺的今日菜單嵌入學校首頁

廠商表示資安原因, 不建議使用iframe語法嵌入,

並鼓勵透過api取得今日菜單內容

 

尋找服務單位的schoolid, 先按進階查詢,  依下拉選單提示選擇, 最後按左邊查詢鍵

 

https://fatraceschool.k12ea.gov.tw/frontend/index.html

 

經查詢後會在網址列得到一組很長的資訊

其中school=64643 就是服務單位的代碼

請修改schoolid 為自校代碼

操作影片 : lunch.mp4

午餐食材語法

 

呈現結果如石岡國小 

 

這是 javascript 透過 http request 跟午餐的api 先取得該校當日的BatchDataId, 

會有一家以上廠商, 因每校, 每日, 每家廠商不同, 所以id 不同,  選定id後  ,

再進行第二次資料請求, 取回午餐菜單資料

 

可先於底下網站測試結果

w3schools

 

 

 

 

如果想在同一頁面呈現附幼的午餐, 需將一些變數名稱更動

 

<div id="lunchApp2></div>

  let SchoolId2 = "64740444";
  // ====================================== script runs from here ==================================
  let Today2 = new Date();
  let period2 =Today2.getFullYear()+ "-" + (Today2.getMonth()+1) + "-" + Today2.getDate();
  let url2 = "https://fatraceschool.k12ea.gov.tw/offered/meal?KitchenId=all&MenuType=1&period=" + period2 + "&SchoolId=" + SchoolId2 + '"';
     axios
                .get(url2)

 

END

你可能感興趣的文章

在docker裡跑spring boot+mongo(一) 系統安裝docker ce centos7 + docker ce https://docs.docker.com/in

資料表更改為多個primary key, MariaDB [database]> describe TABLENAME; 想由本來是兩個PRIMARY KE

臺中市雲端校務系統與Windows AD帳號整合(6) 修改Windows AD 密碼原則

使用expect及 openssl 產生SSL 憑證簽署要求 每年都要製做tls 憑證 二十幾張, 此語法利用expect 產生私錀及憑證請求檔 #!/usr/bin/expect

proxmox zfs 建立異地備份與還原 zfs最吸引人的地方就是可以建立快照並傳輸到遠端机器, 達到增量備份, 並且隨時從任一備份檔還原 完全不怕勒索病毒 將v

如何檢查網站憑證是否過期 檢查網站憑證

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

vue.js components 多個組件的呈現 vue.js 組件 component

[vue.js] input event Form-Input-Components-using-Custom-Events

資料表更改為多個primary key, MariaDB [database]> describe TABLENAME; 想由本來是兩個PRIMARY KE

hoc2018灑水機器人 灑水機器人的工作是替行道樹灑水,機器人的灑水範圍有限(左前方、左方、左後方),請寫程式控制機器 人判斷須灑水的狀況。每顆

找尋多個文件夾中最新檔案(jpg,png,txt)並複製到nexus資料夾 找尋多個文件夾中最新檔案(jpg,png,txt)並複製到集中資料夾