[精讚] [會員登入]
2000

[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

你可能感興趣的文章

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

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

mongo備份指令 mongodump --host localhost --port 27017 --username root --db

臺中市雲端校務系統與Windows AD帳號整合(4) 雲端校務系統與Windows AD的架構

[web] 自訂模組-打字機與跑馬燈效果 自訂模組-打字機效果

雲端校務系統與OPENLDAP帳號整合(1) 本文件目標是為做單一帳號整合, 使用校端更改密碼服務, 將雲端校務系統的帳密同步至校內LDAP server, 並讓SA

隨機好文

[vue.js] 設定 content type 今天在wickt 端怎麼就是收不到vue.js 以post 傳過來的資料 找了好久才發現 application/jso

java.time 時間 instant java.time

2018 hoc 掃地機器人 掃地機器人只能打掃沒有障礙物(桌椅、牆壁)的範圍,請寫程式控制機器人打掃餐廳的所有走道, 並在清掃完畢後回到充電器。

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

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