Cesar競賽平臺項目中期總結

Cesar競賽平臺項目中期總結

軟件51 謝運帷 2015013185

咱們小組的選題是大學生競賽平臺項目，通過咱們需求分析，原型設計等等步驟，咱們終於要開始着手實現這一個龐大的競賽平臺項目。咱們使用Django+mysql處理後端邏輯，加上Vue實現一個相應式的前端設計。參考咱們微信項目的框架，咱們設計實現了一套先後端接口，並約定寫成接口文檔，讓咱們總體項目能夠先後端分離的進行開發。這篇總結將一一點評咱們前端部分從開始到如今遇到的點點

Vue多頁面應用的配置

我負責的任務是前端的開發。首先咱們面臨的第一個問題就是：Vue-cli生成的是一個單頁應用的框架，而咱們的項目不太好作成一個單頁的項目（加載時間太長，跳轉過快等等）。因此咱們着手將這個框架改形成能夠生成多頁應用。網上有許多的多頁面框架，通過了各類踩坑階段，排除了很多網上的錯誤實現，咱們終於找到了一個合適的Vue項目目錄結構和Webpack打包的配置方法。

ESLint：從棄用到重拾

一開始，我十分討厭Vue框架自帶的ESLint代碼風格檢查，由於它和我一向寫的JS的風格不太相同……後來聽了老師對於咱們整個項目的要求，着實感覺到代碼風格對於咱們的項目實現也有十分重要的意義。這樣咱們去閱讀他人的代碼時，會變得十分方便，整個項目調試的時候，也會變得很是方便。

Vue單文件組件的學習

一旦開始真正編寫Vue框架下的項目，單文件組件這一新的模式必然是躲不開的。父子組件間的通訊，在單文件組件的實現中相當重要，組件該如何在一個網頁上應用，咱們都必須從頭開始學習。這之中咱們閱讀了Vue的官方文檔和不少他人的實例代碼，終於明白瞭如何應用組件，如何使用組件。

ElementUI組件庫

咱們的Vue項目不可能從頭開始寫咱們的一個個組件，因而咱們選用了目前應用最多的ElementUI組件庫來幫助咱們美化咱們的頁面。在熟悉使用Element組件的同時，咱們也漸漸熟悉了Vue的語法和使用形式。目前，咱們已經基本擺脫了四處亂撞的嘗試模式，已經能夠在本身的理解下寫一個個前端頁面了。

GET/POST時Django的CSRF檢查

這個是困擾咱們很長一段時間的一個問題。當咱們棄用Django的template+views來繪製和重定向頁面時，咱們必然須要採用GET和POST請求來完成先後端的數據通訊。可是Django有一個防範跨域訪問的方式——CSRFToken檢查，這樣咱們普通的POST一個表單給Django，會被無情地拒絕。。看網上不少的說法說只要在表單中加上CSRFToken這一項就能夠解決這個問題，但各類嘗試仍是會出錯。因此咱們就放棄了去解決這個問題，直接關掉了Django的CSRF檢查。

到這裏，前端從開始到中期遇到的全部問題大概就說完了。下面談談我對於咱們中期的實現狀況的一些感覺吧：

1. 咱們抱着學習的心態來接觸Vue框架和前端工程化這些東西，說實話有很大的學習成本，相比熟悉的引入一個JQuery.js上手起來慢了許多
2. 大學生競賽平臺的工做量仍是很大的……要考慮的東西太多了，能付出的時間又有限，感受可能最終完成的不太好
3. 後端的功能接口仍是要先想好，實現好……感受以前沒有想太好的地方給先後端都形成了麻煩
4. 進度仍是有一些慢……不過絕大部分緣由是以前各類其餘的做業太多了。。。後面估計其餘的事情也不會少，看來須要提早安排好進度了

最後咱們對於前端的要求可能不能過高，不過咱們仍是想要盡力去完成，給咱們的用戶一個簡潔明瞭的交互界面。若是談一點但願的話，但願咱們人能更多點吧。。