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