[精讚] [會員登入]
1995

[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

你可能感興趣的文章

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

臺中市校務雲端系統與Windows AD帳號整合(1) active directory,ldaps,雲端校務系統

臺中市雲端校務系統與Windows AD帳號整合(8) 三 開機啟動服務 3-1 Windows Server上隨系統開機啟動服務 寫一個bat檔 cd C:UsersAdmi

雲端校務系統與OPENLDAP帳號整合(2) openldap,雲端校務

centos 7 移机出現 dracut-initqueue timeout centos 7 移机出現 dracut-initqueue timeout 處理

臺中市雲端校務系統與Windows AD帳號整合(5) 安裝java環境

隨機好文

tmux 將終端機切割成多個視 窗 tmux, multiple terminal

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

臺中市雲端校務系統與Windows AD帳號整合(9) 3-2 Linux上隨系統開機啟動服務 以Centos 7 發行版為例 請注意, 此時提供服務的主机為Linux, 所以

在docker裡跑spring boot+mongo(二) 使用docker-compose 管理多個container 前篇使用docker run 一次建一個container

tc web 問與答 Q. 填報網址 A. https://tiny.cc/tc-web Q. 出現了以下畫面, 怎麼辦 A. 建議瀏覽器開無