健行科大首頁試做--試做一個首頁的範例,供大家參考

臨時的連結: http://211.78.254.185:8080/default.html

這個專案,實做一個google app engine的網站, 另一方面,也是將我一個做網站的想法簡單的實現出來,

這個網站,結構比較簡單, 由於是首頁,所以,大概是一些圖像及連結, 為

1. 增加網站效能,
2. 減輕維護者的負擔,

我試著將整個網站設計成,

1. 大部份工作都交由frontend(前端) javascript 執行,(因為首頁主要也是UI的呈現,資料處理很少)
2. backend基本上負則提供 .json 文件,原則上都是靜態的檔案,當然有需要也可以試著用 backend 程式產生,

前端javascript透過AJAX讀取 backend 提供的.json文件, 然後依內容呈現網頁內容,

對於

1. 執行效能而言,由於是.json文件,若是靜態的,則可透過cache機制,讓瀏覽器不用重覆讀取,節省流量。 若是動態產生的,至少backend 程式可以不用處理如何轉出 html 文件這種具備使用者介面內容的東西,要處理相當麻煩的UI呈現, 另一方面也會大幅增加網路傳輸的量。
2. 網站維護而言,大部份的情況,只需要修改.json的內容即可,backend程式應該幾乎不用更動,至於 frontend 的javascript程式, 則需要看網站的需求了,但,若無特殊需求,應該也是幾乎不用更動。畢竟 javascript 對大多數人來說都相當頭痛。