對於那種內容要經常更新的網站,前端的開發流程是什嗎? 是寫好html,css,js然後仍給後端還是按照後端的模板比如smarty來寫html?
回複內容:
對於那種內容要經常更新的網站,前端的開發流程是什嗎? 是寫好html,css,js然後仍給後端還是按照後端的模板比如smarty來寫html?
後端寫好資料介面 前端通過 資料介面去擷取資料 然後更新網站 這個應該是比較好的處理方式,你說的那種通過模板的 都是前後端不分離的狀況,修改一個東西需要前後端一起配合
前提,沒有用開源項目的前提下。
前端:
按照設計稿產生前端頁面
實現需求中的頁面效果
後端:
資料互動以及前端頁面對接介面
合作:
前端:使用者smarty或者ajax進行資料互動
後端:說明資料互動規則
前端+後端:調試頁面資料是否顯示正常,對於不能提供或者無法提供的資料,做處理。
以我的開發經驗為例子:
前端的職責:
1.按照設計稿產生前端頁面
2.實現需求中的頁面效果
3.將頁面所有內容放到單獨的檔案中,載入時候使用js來控制檔案的載入
後端的職責:
資料互動以及前端頁面對接介面
最後:
前端:與後端ajax進行資料互動,可以視為聯調的過程
寫一個velocity的架子,將一些公用的頭尾載入進去,需要引用的js路徑寫對,扔給後端
後端:接受那個velocity檔案放在相應位置
這樣做的好處就是真的做到了徹底分離,因為頁面的架子都是一樣的,只是js路徑不同,內容是通過js來控制載入的,一旦需求有變動,不要去協商後端出資源協助你改模版,只需要你更改那個單獨的檔案中的內容就可以了。
答一個目前在職公司的流程:
前端是先和後端定義好介面,模板資料介面以及非同步資料介面。
然後前端做假資料類比請求,調前端展示和互動邏輯。
做好後,再和後端聯調。
前端使用edp:
調試
構建
代碼產生
使用edp WebServer進行調試。
感興趣的可以看一下:https://github.com/ecomfe/edp
對這個工具還不是特熟悉,項目也是剛剛接手。
大概意思是:前端與後端定義好頁面資料,前端即可使用edp 工具進行類比,調試。
內容經常更新,需要做一套內容管理系統,更新內容圖片不用改代碼。
如果頁面比較複雜,可以先做好靜態,再套smarty,如果比較簡單,直接改smarty,自己搭環境來測
smarty模版難道不是前端開發的嗎? 你還能指望一個PHPer去寫HTML、JS和CSS?