【正文】 20xx 年 10月 20日 。沒有做好設(shè)計(jì)，編碼時不盡心，不僅花費(fèi)人力，還耽誤了時間，這就是我失敗的最大原因。因?yàn)檎麄€ Android 團(tuán)隊(duì)最后只剩下兩個人，另一個還是男同學(xué)，所以整個 Android的 UI 界面全得我自己解決，我沒有任何設(shè)計(jì)，色彩方面的知識，但也只能硬著頭皮上，開始學(xué)習(xí) PS，到網(wǎng)絡(luò)上學(xué)習(xí)別人怎樣搭配顏色，怎樣用代碼做出各種漸變的圖形，顏色，下載各種 app 程序看別人的思路，雖然學(xué)的東西確實(shí)有點(diǎn)多，但這些并不需要太久時間，最主要的還是我單獨(dú)負(fù)責(zé)的編碼模塊，異步加載圖片，怎樣能讓下拉時圖片，文字跟著下拉，怎樣讓介紹文字能夠圍繞著圖片，過程是痛苦的，但結(jié)局是甜蜜的，我完成了我最用心的這兩部分。在學(xué)長的訓(xùn)斥后，主心干的隊(duì)員就跟我說了：“一句話，你想不想寫代碼！”。開始的一個星期，我跟另一個Android 的隊(duì)員一直處于看 Android 主心干隊(duì)員的代碼的狀態(tài)下，別 人真的進(jìn)度太快了，幾乎一個人都完成了全部的內(nèi)容?！甭犕旰笪倚睦镂逦冻呻s，說不出話，只有心里暗暗決定一定要付出多倍努力來彌補(bǔ)這一切?？旆偶俚臅r候，大家都決定好了要留校用所學(xué)的只是開始做項(xiàng)目，八月份再回 家，剛開始我是下決定最早而且是最堅(jiān)定的一個，但最后母親一定要讓我回家，我就回去了。 剛開始階段，我們整個團(tuán)隊(duì)都在儲備知識，三天總結(jié)一次，學(xué)長，學(xué)姐也會對我們進(jìn)行培訓(xùn)。 20xx 年 10月 23日 iyo 校園綜合信息服務(wù)平 臺項(xiàng)目 個人工作報(bào)告 計(jì)算機(jī)科學(xué)與工程學(xué)院 網(wǎng)絡(luò) 112 班 陶秭屹 學(xué)號： 20xx083217 20xx 年的 4 月，我們整個團(tuán)隊(duì)的成員已經(jīng)確定，并在學(xué)長，學(xué)姐的指引和幫助下，確定了各自想要向前發(fā)展的方向，并為之付出努力。同時，我也深深的覺得一個團(tuán)隊(duì)里團(tuán)結(jié)和溝通最重要，溝通時一個團(tuán)隊(duì)的靈魂所在，如果沒有良好的溝通，那么這個團(tuán)隊(duì)算不得成功。在做這個項(xiàng)目的過程中我積累了不少作業(yè)面的經(jīng)驗(yàn)，對以后的工作和生活有著深遠(yuǎn)影響。 css:學(xué)了更多有關(guān)層疊樣式表的知識，比如：自動換行、背景的長度和寬度自動適應(yīng) div 等。 四、 經(jīng)驗(yàn)總結(jié) 在做完這些頁面后，我覺得自己對 css、 javascript 和 jQuery 等知識有了進(jìn)一步的了解，讓我更加懂得了頁面存在的意義。（該學(xué)長名叫虞增勇） 背景圖片：在做社團(tuán)簡介的頁面時，由于簡介的字?jǐn)?shù)不固定，所以需要把背景圖片做的適合屏幕，一開始沒有頭緒，后來上網(wǎng)查到了相關(guān)代碼，解決了這 個問題。在寫個人中心修改信息頁面和注冊頁面的時候遇到了有關(guān)問題，在查閱相關(guān)資料之后，解決了該問題。 三、 遇到的問題與解決辦法 由于在完成這些頁面的同時，我也在看書學(xué)習(xí)，而且完成的時間也相對久一些，所以下面就挑一些主要的問題敘述。個人中心的色調(diào)以藍(lán)色為主，藍(lán)色讓人平靜，更讓人幻想，用在此處最合適不過。 個人中心：這部分要實(shí)現(xiàn)的功能有：（ 1）顯示平臺用戶的個人信息 （ 2）修改平臺用戶的個人信息 （ 3）顯示社團(tuán)用戶的個人信息 （ 4）修改社團(tuán)用戶的個人信息 （ 5）社團(tuán)一卡通的卡號激活 （ 6）選擇社團(tuán) （ 7）查看所選社團(tuán)（ 8）查看所選社團(tuán)的成員 登錄：登錄的頁面需要實(shí)現(xiàn)的功能是：（ 1）用正則表達(dá)式實(shí)現(xiàn)郵箱的判斷 （ 2）密碼的判斷由后臺傳輸數(shù)據(jù) 注冊 ：注冊的頁面需要實(shí)現(xiàn)的功能是：（ 1）用正則表達(dá)式實(shí)現(xiàn)郵箱的判斷 （ 2）用正則表達(dá)式實(shí)現(xiàn)用戶名的判斷 （ 3）用正則表達(dá)式實(shí)現(xiàn)密碼的判斷 （ 4）判斷兩次密碼輸入是否一致 二、 頁面設(shè)計(jì) 社團(tuán)部分：之前學(xué)校有一個社聯(lián)平臺，但是我覺得其樣式不能淋漓盡致的展現(xiàn)當(dāng)代大學(xué)生社團(tuán)生活的風(fēng)采和個性，于是在查閱資料和瀏覽相關(guān)網(wǎng)站之后給社團(tuán)頁面定了樣式：社團(tuán)首頁以黑色為主，上面顯示 iYo 網(wǎng)站的標(biāo)志，左側(cè)顯示社團(tuán)列表，右側(cè)則有一個三維立體圖，展示我們大學(xué)生絢麗多彩的社團(tuán)活動；而社團(tuán)簡介的樣式與社團(tuán)首頁相似，不過右側(cè)的立體圖變成相應(yīng)的社團(tuán) 簡介內(nèi)容。 20xx 年 10月 20日 23 iyo 校園綜合信息服務(wù)平臺項(xiàng)目 個人工作報(bào)告 計(jì)算機(jī)科學(xué)與工程學(xué)院 網(wǎng)絡(luò) 114班 田原 學(xué)號： 20xx083422 一、 需求分析 由于這個項(xiàng)目是要在社團(tuán)納新之前上線，所以主要的頁面都要配合社聯(lián)的納新工作，而我負(fù)責(zé)的部分是社團(tuán)首頁、社團(tuán)簡介、個人中心、登錄、注冊以及新聞（由于時間關(guān)系，后期刪掉）。 這次的項(xiàng)目是從假期開始的，那時前端只學(xué)習(xí)了 html 和 css ，沒想到僅僅一個假期我就能摸清 js 的脈絡(luò)了，這個的項(xiàng)目給我留下了很多的財(cái)富，從前在學(xué)習(xí)一個語言的時候我是一句一句得看，遇到例子，也是一個一個的敲到電腦上，運(yùn)行，不得不說，這樣學(xué)太折磨人了，進(jìn)行的也太慢了。 三 . 總結(jié)： 通過這次項(xiàng)目，我發(fā)現(xiàn)了自己有很多問題，首先反正自己能讀懂，就特別不愿意寫注釋，導(dǎo)致后期在修改的時候自己有的地方都忘記是干什么的了，可讀性不高。 在其他情況下多設(shè)置個寬度會是兼容性更好，而在框架情況下，將 導(dǎo)致內(nèi)置框架寬度過寬，影響兼容。 對于后臺管理系統(tǒng)，剛開始的頁面變成 jsp形式時無法兼容 ie和基于 ie內(nèi)核的 360 瀏覽器，點(diǎn)擊左下側(cè)的鏈接右側(cè)頁面脫離了結(jié)構(gòu)，顯示在了網(wǎng)頁的最下層，明顯有一種被擠下去的感覺，剛開始是懷疑 iframe 不支持 ie，后來編寫了一個 iframe 的小程序試驗(yàn)了一下發(fā)現(xiàn)是可以實(shí)現(xiàn)的，于是知道了大概會是在某個標(biāo)簽內(nèi)多設(shè)置了一些屬性。 下層分為左下側(cè)和右下側(cè)： 左下側(cè)也為導(dǎo)航模塊，此模塊為用戶信息導(dǎo)航 用戶管理：注冊用戶 權(quán)限管理：權(quán)限列表 論壇管理：論壇列表 社聯(lián)管理：人員管理：辦卡人員 社團(tuán)人員 待審核人員 社團(tuán)管理：社團(tuán)列表 社團(tuán)職務(wù) 22 商家管理：商家列表 社團(tuán)管理：我的社團(tuán) 右下側(cè)模塊為信息展示模 塊，通過使用內(nèi)置框架，點(diǎn)擊左下側(cè)導(dǎo)航，可在頁面右下側(cè)動態(tài)加載網(wǎng)頁，信息網(wǎng)頁實(shí)現(xiàn)的功能及樣式基本相同，信息皆為table 表格形式展示，頁面可修改信息，添加信息，刪除信息，查找信息，其中修改信息在彈出框內(nèi)進(jìn)行，并且有 js 驗(yàn)證功能，添加信息跳轉(zhuǎn)新網(wǎng)頁，也擁有 js 驗(yàn)證功能，部分網(wǎng)頁如：個人信息展示頁，有查看功能，點(diǎn)擊查看可擴(kuò)大該行高度，顯示全部信息。 動態(tài)，并留有登陸、注冊、個人信息、社團(tuán)及后臺管理系統(tǒng)接口。 第四層為新聞、學(xué)術(shù)、貼吧、論壇的部分信息展示及社團(tuán)鏈接，此模塊通過 Tab 方式展示。 第二層為 logo 展示、登陸注冊及個人中心鏈接部分，用戶未登錄時顯示登陸注冊兩項(xiàng)功能，用戶登陸后顯示用戶姓名，及退出，點(diǎn)擊用戶姓名可進(jìn)入個人中心。 首頁模塊設(shè)計(jì)： 頁面分為五個模塊，頁面整體布局為（ 1+1+1+1+1）形式： 最上一層為導(dǎo)航模塊，點(diǎn)擊分別可轉(zhuǎn)到（首頁，新聞，通知，學(xué)術(shù)，論壇，個人中心），此模塊設(shè)定 position:fixed。 21 學(xué)到很多，感受很多，更多的是成長，也讓我更加喜歡上了前端，堅(jiān)定了要在前端這條路上走下去的想法。溝通是一個很重要的環(huán)節(jié)，溝通不好會影響很多事情，前端和后臺溝通不好，在功能實(shí)現(xiàn)方面就會出問題，負(fù)責(zé)人和團(tuán)隊(duì)成員溝通不好，就會出現(xiàn)矛盾。 團(tuán)隊(duì)精神我學(xué)到的最重要的一點(diǎn)，一個團(tuán)隊(duì)的好壞決定著這個 作品的成敗。我們?nèi)齻€前端，吃、住、學(xué)都在一起，有什么問題都一起商量解決，有了好點(diǎn)子好主意大家一起分享。在項(xiàng)目中學(xué)到的是在書本上學(xué)不到的，積累了知識和經(jīng)驗(yàn)。”你看再多的技術(shù)書，不去實(shí)踐，那就是 一潭死水，特別是我們計(jì)算機(jī)專業(yè)，實(shí)踐才是最重要的，在實(shí)踐過程中遇到的問題可能在書中是沒有提到過的，解決方法更不用說了，這樣會讓你積累經(jīng)驗(yàn)，提高以后解決問題的效率。 收獲了知識、友誼和團(tuán)隊(duì)精神。 四、總結(jié)和感想 這個項(xiàng)目從暑假開始，我們團(tuán)隊(duì)在老校區(qū)工作室就開始著手做了，每個人都是新手，知識也都是才開始學(xué)的，所以說其實(shí)并不容易，沒個人都有很辛苦的付出，都是懷著想要把這個項(xiàng)目做好的心情在進(jìn)行，因?yàn)橐谛律_學(xué)的社團(tuán)納新時用上，所以時間也很緊迫。 在專業(yè)知識方面，因?yàn)閯傞_始做項(xiàng)目的時候也是剛開始學(xué)知識的時候，所以會遇到很多很雜的問題，在這就舉個例子說一下吧。 網(wǎng)頁設(shè)計(jì)不僅需要專業(yè)的知識，也需要一定正確的審美，還需要不斷的積累經(jīng)驗(yàn)，不斷的學(xué)習(xí)。最滿意的是第三個版本，完全是自己想出的點(diǎn)子，以墻為背景，木質(zhì)圖片做點(diǎn)綴，還有藤蔓，有點(diǎn)小清新，很舒服的感覺。 清晰的視覺層級。 20 網(wǎng)頁設(shè)計(jì)必須具備一致性。到現(xiàn)在了，頁面設(shè)計(jì)對我來說也才是初步學(xué)習(xí)水平而已，設(shè)計(jì)是專業(yè)學(xué)設(shè)計(jì)的人的強(qiáng)項(xiàng)，我們前端更注重編程方面，但如果想要在前端方向走得更好，設(shè)計(jì)方面的東西好好學(xué)習(xí)一下是很有必要的。 （ 3） 彈出廣告就是用到了 javascript。 （ 1） 論壇首頁的帖子列表，用 javascript 循環(huán)控制顯示的帖子的個數(shù)，翻頁用到 ajax 異步刷新，只刷新帖子列表那一部分，打破了過去刷新整個頁面的技術(shù)限制。 （ 2） 廣告詳細(xì)介紹頁面：有廣告商家的文字介紹和商家宣傳照片展示。但最終的版本刪除了此頁面，將其合并到了論壇首頁。 （ 2）帖子瀏覽頁面： head 部分要有各板塊的連接，還有登陸注冊的連接；有帖子內(nèi)容的展示部分，包括帖子標(biāo)題，發(fā)布時間，發(fā)帖人名和帖子正文；有評論按鈕，點(diǎn)擊鏈接到頁面底部的評論編輯框處，在評論里還有回復(fù)按鈕，可對此評論進(jìn)行回復(fù)；有個人信息，包括頭像、用戶名，點(diǎn)擊用戶名可進(jìn)入個人中心。接下來就具體說一下，以論壇為例，學(xué)術(shù)不同之處會指出。 二、工作內(nèi)容介紹 現(xiàn)在網(wǎng)上出現(xiàn)了越來越多的論壇，貼吧等供人們進(jìn)行交流和分享，增加了人與人之間思想和情感上的互動，人們的言論自由也在一定程度上得到了解放。我負(fù)責(zé)的主要是論壇和學(xué)術(shù)板塊還有一個廣告的彈出框和廣告介紹頁面。人 員 19 安排分前端、后臺、客戶端三個部分，我是負(fù)責(zé)做前端的其中一個。雖然網(wǎng)站已經(jīng)做出，并成功試用了，但是其中還有很多問需要我去研究和解決，我的能力有待提高。由于前臺后臺人員各自所學(xué)的知識分化程度很大，我們做服務(wù)端的人對客戶端的知識掌握不夠，做前臺的同學(xué)對后臺知識也不是很了解，使得前端后臺交互出現(xiàn)困難。我們沒項(xiàng)目管理經(jīng)驗(yàn)，開發(fā)過程有些混亂，每個組員都能在自己的機(jī)器上正常工作，但是，大家的代碼合到一起的時就會出現(xiàn)一些問題，如文件重名、函數(shù)重名、字符編碼不一致等問題，這些問題都很大程度的干擾了我們的工作。在