【校務系統】-【圖文宣導】

校網首頁新增「圖文宣導」專區。

步驟繁多，如圖：

【校網】行事曆的步驟

登入校網之後，新增「行事曆」步驟：

⬇️【資源管理】-選擇【行事曆建立】，出現新視窗；填入【事件名稱】、設定【事件開始日期】、【事件結束日期】、顯示連結【不顯示】，完成之後【儲存】。

⬇️回到校網首頁就可以看見已新增的行事曆。

校網後台帳號權限設定

1. 行政同仁由 https://web.tc.edu.tw/ 使用公務帳號登入，後台才能看見帳號。
2. 將上述的帳號修改：【系統管理】-【帳號管理】操作
• 資料群組：行政
• 權限類別：行政權限

設定權限

1. 【系統管理】-【權限管理】
2. 選擇左邊的【行政權限】將要設定出來的功能打勾
• 要注意，這個設計的功能不夠明確，上層、下層都要打勾（如果只有勾下層，上層不會自動補勾，必須要自己勾上層；例如：『行事曆建立』的上層是『資源管理』，兩個都必須打勾，『行事曆建立』才會出現在後台的【行政權限】）。

校網登入

設定行政權限：

1. 同仁自行從【校網登入】成功之後，資訊組後台才會看到帳號。
2. 帳號設定：
1. 【系統管理】-【帳號管理】
• 資料群組：行政
• 權限類別：行政權限

【系統管理】-【權限管理】設定【行政權限】

1. 文檔管理 ( 用來上傳照片 )
2. 模組管理-公告模組 ( 用來新增公告 )
3. 行事曆建立 ( 用來新增校網對家長的行事曆)

校網後台管理說明

• 首頁「右側選單」修改：(認識樹德、課程教學、家長專區、師生網站、公務網站、學習網站)
• 後台－>【模組管理】－>選單模組
  ( 這個修改的是「在首頁出現的文字」，而【資訊管理】所建立的是【網站導覽】會出現的。)
• 文字的超連結可以自行修改，不見得一定要跟下一項的資訊管理所建立的頁面綁在一起。

• 後台－>【資訊管理】
• 要製作出【網站導覽】自動更新的分類，必須點左邊上面的〔新增〕，從這邊建立好「樹狀目錄」之後，才去右邊〔新增資訊〕。
• 只有〔新增資訊〕的文章，才能放附件上去，〔分類〕是無法上傳附件的。
• 在網站內，會用來做「靜態頁面」、「年度文件」這些非最新公告之類的說明文件，都在【資訊管理】裡面建立。
• 在這個【資訊管理】所建立，前二層都是「分類」，建立完二層的分類，才能建立文章。
• 後台－>【文檔管理】：在上面那項所建立的說明頁面，無法上傳附件，就把附件放在這。
• 後台－>【模組管理】有使用到的功能：
• 公告模組：目前只有資訊組放自製的打字網頁。
• 自定模組：午餐日誌、空氣品質、分隔線。
• 廣告模組：首頁輪播的 banner。
• 選單模組：首頁右邊的各種連結選單。
• RSS 訂閱：首頁的公布欄、榮譽榜，來自校務系統的模組。
• 
  

校網建立選單

建立階層選單

校網設定「學校代碼」

 「網站客製設定」>>「客製參數設定」，學校代碼需要輸入為 193666 ；才可以透過 https://web.tc.edu.tw/openid 登入。

黑快馬校網後台操作

• 資訊管理：本網站可以建立文章、寫內容的地方。在這邊建立的文章，可以上傳附件、可以在文章最前方上傳建立圖檔，但是在文章編輯中無法順利插入圖片，必須事先將要用到的圖片傳到下一項的【文檔管理】，再把圖片插入到文章中使用。
• 文檔管理：用來上傳檔案的地方，有點類似檔案庫。尤其是上面【資訊管理】文章中會用到的圖檔，似乎只能放到這邊來再取用。
• 模組管理
• 公告模組：除了用來當作【公佈欄】的功能之外，第一項的【資訊管理】的文章，也會列表到此處。
• 連結模組：校園活動、影音新聞、宣導網站；放超連結區塊的地方。
• 自訂模組：首頁想要自訂功能的區塊；榮譽榜、午餐日誌、空氣品質、分隔線。
• 廣告模組：首頁標題的橫幅圖片banner。
• 選單模組：首頁可區塊化的選單；認識樹德、課程教學、家長專區、學習網站、公務連結。
• 頁籤模組：目前未使用。
• 複合模組：把2個以上的區塊合成一個去塊的模組，目前未使用。
• 表單模組：目前未使用。
• 排行模組：目前未使用。
• 投票模組：目前未使用。
• 投票題組：目前未使用。
• 共享模組：目前未使用。
• 共享題組：目前未使用。
• RSS訂閱：公布欄；從校務系統的【校務佈告欄】 RSS 過來。
• Google相簿：目前未使用。
• 會員管理：目前未使用。
• 頁面管理
• 頁面底部建立：首頁下方的學校資訊
• 首頁連結設定：首頁最上方的選單連結；回首頁、網站導覽，
• 首頁畫面設定：設定首頁的區塊配置、風格；模組列表：加入新的區塊。
• 參數設定
• 系統管理
• 帳號管理
• 匯入匯出
• 資源管理
• 行事曆建立：首頁的行事曆區塊
• 圖庫管理
• 電子報

校網：空氣品質區塊的語法

空氣品質區塊

<iframe src='https://airtw.moenv.gov.tw/AirQuality_APIs/WebWidget.aspx?site=28&mode=easy' width='100%' height='200px' title="即時空氣品質顯示" frameborder="0" marginwidth="0" marginheight="0" scrolling='no'></iframe>

校網：午餐區塊的語法

午餐區塊的語法：
( 說明：紅色的號碼，請至教育部校園食材登陸平台查詢。

 

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<div id="lunchApp">

 

    <div v-if="info.data.length != 0">

         

     

       

    {{getBatchdata}}

               

      <!--顯示菜單  -->   

      <div v-if="menu.data.length !=0" class="border-bottom" v-for="dish in menu.data">

            <span v-if="dish.DishType !== undefined">{{dish.DishType}} :</span>  {{dish.DishName}}

      </div>

      <p style="margin: 0.5em;"> </p>

     

        <button @click="queryDetail" type="button" class="shadow-sm bg-white rounded">查看詳細資料</button>

    </div>   

     

     

    <div v-else>

        <span class="border-bottom" style="font-size: 1em; color:#3572f3;">本日無菜單<span>

    </div>

    </div>

       

</div>

<script>

  let SchoolId = "64744649";

  // ====================== script runs from here =======================

  let Today=new Date();

  let period=Today.getFullYear()+ "-" + (Today.getMonth()+1) + "-" + Today.getDate();

  let url = "https://fatraceschool.k12ea.gov.tw/offered/meal?KitchenId=all&MenuType=1&period=" + period + "&SchoolId=" + SchoolId + '"';

    

  const { createApp } = Vue

  createApp({

    data() {

      return {

      

info: {

      'data':[]

    },

    menu: {

      'data':[]    

    },

    selectedBatchdataId: '',

      }

    },

    created: function() {

     axios

        .get(url)

        .then(response => {

             

            this.info = response.data;    

            //console.log("廠商:"+this.info.data.length);

            if(this.info.data.length === 1){

              this.selectedBatchdataId = this.info.data[0].BatchDataId;

            } else {

                this.selectedBatchdataId ="000000";

                let vm = this;             

                   

               

                this.info.data.forEach(item=>{

                let dish = {};

                dish.DishName = item.KitchenName;

                vm.menu.data.push(dish);

                })

                console.log(vm.menu);

             

            }

        });

   

    },

    computed: {

     getBatchdata: function(){

        if(this.info.data.length !=0){           

            this.getMenu();

           

        }

    }

    },

    methods: {

    

getMenu: function() {

              //https://fatraceschool.k12ea.gov.tw/dish?BatchDataId=1600228898323523

              if(this.selectedBatchdataId !== "000000"){

                 

                        let url = "https://fatraceschool.k12ea.gov.tw/dish?BatchDataId=" + this.selectedBatchdataId;

              axios

                .get(url)

                .then(response => {

                    this.menu = response.data;                     

                  })

              }

               

       

  },

  queryDetail: function(){  

  let url = "https://fatraceschool.k12ea.gov.tw/frontend/search.html?school="+ SchoolId +"/" ;

    window.open(url);  

  }

   

    

    

    

    }

  }).mount('#lunchApp')

 

</script>