這篇文章是為了總結了一下這個寒假的寒假作業——極客網工作室官網制作
前期準備
這個官網是主要制作我們工作室一個展示的官網。其中分為三個小組,有前端、后臺。而我,也恰巧使我們小組的組長。這也是我在這個寒假做的唯一的一件大事情。
首先,是小組進行了討論,主要是針對需求文檔,包括一些基本信息,基本功能實現、網頁設計制作、人員分配等問題(因為我們只是寒假放假之后短暫的停留幾天,都會各自回家,所以詳細的討論更分工就顯得尤為重要)。
大致討論內容
網頁模式:長網
本機服務器:MySQL
工具:coding、、RAP
-
規范:《百度前端代碼規范》
寫代碼命名加上自己的首字母+下劃線,如稅小豪(S_)
長網頁每個人負責的版塊用一個整的<div>括起來
實現技術:HTML、CSS、JavaScript/JQuery、Java、Spring MVC、Ajax
-
前后端版塊實現
- 前端展示頁
- 后臺數據庫
- 后臺管理界面
-
功能:
- 導航欄:首頁、工作室簡介、成員介紹、畢業去向、加入我們
- 主頁:背景大圖+logo+輪播
- 工作室簡介
- 成員介紹(交互)
- 交互數據:name(成員姓名)、 img(照片地址) 、grade(年級) 、direction(技術方向 )、motto(格言)
- 畢業去向(交互)
- company(公司)
- 加入我們(交互)
- 傳給后臺:name(姓名) 、shoolName(學院) 、major(專業) 、studentId(學號) 、direction(技術方向)
前期準備的問題
- 因為我們是在學校進行討論,準備回家后做,可是這樣就出現了嚴重的時間效率拖延問題,以至于是最后大家提前回學校進行制作的。
- 作為組長,我沒有做好詳細的分配,是我的失責
- 還有就是網頁樣式制作的準備不夠,造成了我們后期對樣式修改的程度比較大
- 工具的使用沒有正確。雖然用的是coding,可是前期框架沒有搭好,在后期也造成了一定問題
正式制作
正式制作,我主要負責了后臺管理界面和前端界面的畢業去向這一塊。
主要技術使用
這次我只是單獨說一下我負責的那塊的技術使用。
- HTML、css 兩樣進行了基本樣式的制作
- 用簡單的css3 進行了一些動畫效果的制作
- 用jQuery寫的ajax進行交互
- 用ajax進行動態請求分頁
這次我用的最多的就是ajax的交互使用,所以說,我更多的是增加了對ajax的一些熟悉度和他的基本原理。
制作中的問題
- 因為之前我幾乎沒有接觸過css3,所以并未處理好css3動畫效果的兼容性
- ajax的代碼量太大,沒有做到很好的優化代碼量,不過在后期的制作中,我注意到了這一點
- ajax的異步請求問題。前期通過了一個ES6中的promise使其縱向加載。后期也可以通過寫在ajax里面進行ajax來解決問題
- 代碼比較亂,因為我們的代碼展示都在同一個頁面,雖然前期說了代碼規范,不過后來還是出現了一些問題,而且也忘了JavaScript中將代碼封裝在立即執行函數中
總結
這次項目是一個不大不小的項目。作為組長的我在分配以及調節方面都有不可推卸的責任,這也是我之后制作項目的一個警戒。不過看到項目完工,其實也有一種莫名的自豪感,哈哈哈,還是覺得實實在在敲代碼比較好。。
一個寒假,原本的學習計劃都沒有好好執行。QAQ,新學期,我要進行新學習咯,加油,好好學習!