javascript - 求解前端開發的流程?

來源:互聯網
上載者:User
對於那種內容要經常更新的網站,前端的開發流程是什嗎? 是寫好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?

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.