社區(qū)系統(tǒng)設(shè)計(jì)實(shí)踐報(bào)告

成果形式：實(shí)踐報(bào)告成果名稱：社區(qū)系統(tǒng)設(shè)計(jì)實(shí)踐報(bào)告社區(qū)開發(fā)一、實(shí)踐目的1.專業(yè)技能提升在實(shí)訓(xùn)期間，老師帶領(lǐng)我們學(xué)習(xí)了HTML前端頁(yè)面設(shè)計(jì)語(yǔ)言、Javawab開發(fā)語(yǔ)言、數(shù)據(jù)存儲(chǔ)工具M(jìn)ySQL數(shù)據(jù)庫(kù)等一些主流開發(fā)技術(shù)。比如HTML是我們?cè)趯W(xué)校學(xué)習(xí)過(guò)程中所沒(méi)遇到的新知識(shí)，雖然實(shí)訓(xùn)只有短短的一個(gè)月，但是我們聽的很認(rèn)真，學(xué)的很扎實(shí)，還是收獲了不少新知識(shí)，鞏固并加強(qiáng)了舊知識(shí)，對(duì)我們專業(yè)技能的提升有著很大的幫助。2.適應(yīng)能力提升因?yàn)闀r(shí)間緊迫，從一開始的HTML，老師就講的比較快，課堂上也沒(méi)有多余的練習(xí)時(shí)間，所以就需要我們自己課下花費(fèi)更多的時(shí)間去練習(xí)并掌握這些新知識(shí)。隨著課程的慢慢深入，我們漸漸的適應(yīng)了這總高強(qiáng)度的以學(xué)代練的形式。這種形式可能就是在公司中的常態(tài)吧，有了這段經(jīng)歷，相信我們以后能更加從容地面對(duì)快節(jié)奏的工作壓力。3.明確發(fā)展方向在實(shí)訓(xùn)老師的帶領(lǐng)下，我們?nèi)嗤瑢W(xué)分成不同的小組，嚴(yán)格按照公司項(xiàng)目的開發(fā)流程，一步一步的往下走，最終完成我們的Fly社區(qū)項(xiàng)目。比如先進(jìn)行需求分析，設(shè)計(jì)軟件的功能和實(shí)現(xiàn)的算法和方法、軟件的總體結(jié)構(gòu)設(shè)計(jì)和模塊設(shè)計(jì)，然后進(jìn)行編碼和調(diào)試、程序聯(lián)調(diào)和測(cè)試等。經(jīng)過(guò)這一系列的練習(xí)，我們了解了真正的軟件開發(fā)流程，明確了公司需要什么養(yǎng)的人才，明確了自己的發(fā)展方向。二、實(shí)踐內(nèi)容本次實(shí)踐的內(nèi)容主要是學(xué)習(xí)了UI設(shè)計(jì)語(yǔ)言HTML、開發(fā)語(yǔ)言Java、MySQL數(shù)據(jù)庫(kù)等知識(shí)，開發(fā)了社區(qū)項(xiàng)目，我們主要實(shí)現(xiàn)了注冊(cè)、登錄、修改個(gè)人信息、發(fā)帖等功能。HTML前端頁(yè)面設(shè)計(jì)語(yǔ)言短學(xué)期開始后的第一周，實(shí)訓(xùn)老師給我們主講了HTML前端頁(yè)面設(shè)計(jì)語(yǔ)言，由于我們之前沒(méi)有接觸過(guò)前端頁(yè)面設(shè)計(jì)，所以在這塊花費(fèi)了較多的時(shí)間。（1）前期主要是介紹了HTML的相關(guān)概念、相應(yīng)的軟件、資料及基本的用法等。如用記事本編寫一個(gè)自己的網(wǎng)頁(yè)界面，將之改成HTML文件，并用瀏覽器打開，顯示效果如下：圖SEQ圖\*ARABIC1HTML文件（2）后期給主要我們講了HTML的兩種布局方式，table和div。table不需要考慮瀏覽器兼容問(wèn)題；但相對(duì)來(lái)說(shuō)代碼臃腫，不管有多少內(nèi)容規(guī)定必須用<table><tr><td>才能開始寫內(nèi)容</td></tr></table>；table代碼繁亂完全不利于修改；不利于收索引擎收索。Div布局結(jié)構(gòu)會(huì)個(gè)樣式分隔離，相對(duì)來(lái)說(shuō)代碼簡(jiǎn)潔清晰，容易維護(hù)開發(fā)；容易被收索引擎收錄；定位精準(zhǔn)。但需要考慮瀏覽器兼容性的問(wèn)題，比較難學(xué)。雖然div有這么多table所不具有的優(yōu)點(diǎn)，但各自都有優(yōu)劣，要視情況而選用總結(jié)就是：

div+css

可以簡(jiǎn)單實(shí)現(xiàn)的布局就不要用表格了，除了div難以實(shí)現(xiàn)的用下table也無(wú)大礙，不要覺(jué)得自己的頁(yè)面里出現(xiàn)table就好像天理不容的樣子，div雖然是當(dāng)今發(fā)展的趨勢(shì)，但是也不能忽略table的使用，合理的結(jié)合靈活應(yīng)用就行了。圖SEQ圖\*ARABIC2用table布局的登陸注冊(cè)界面圖SEQ圖\*ARABIC3用div布局的抖音主頁(yè)2.Java后端控制語(yǔ)言由于我們每年實(shí)踐周都講得是Java知識(shí)，所以這次實(shí)訓(xùn)并沒(méi)有著重講解Java語(yǔ)言，實(shí)訓(xùn)老師帶著我們系統(tǒng)的回顧了一下Java的基本內(nèi)容：配置Java環(huán)境、數(shù)據(jù)類型和運(yùn)算符、數(shù)組、函數(shù)重載、類與對(duì)象等?？傮w來(lái)說(shuō)，Java是一門純面向?qū)ο缶幊陶Z(yǔ)言，不僅吸收了C++語(yǔ)言的各種優(yōu)點(diǎn)，還摒棄了C++里難以理解的多繼承、指針等概念，因此Java語(yǔ)言具有功能強(qiáng)大和簡(jiǎn)單易用兩個(gè)特征。Java語(yǔ)言作為靜態(tài)面向?qū)ο缶幊陶Z(yǔ)言的代表，極好地實(shí)現(xiàn)了面向?qū)ο罄碚?，允許程序員以優(yōu)雅的思維方式進(jìn)行復(fù)雜的編程。Java具有簡(jiǎn)單性、面向?qū)ο?、分布式、健壯性、安全性、平臺(tái)獨(dú)立與可移植性、多線程、動(dòng)態(tài)性等特點(diǎn)

。Java可以編寫桌面應(yīng)用程序、Web應(yīng)用程序、分布式系統(tǒng)和嵌入式系統(tǒng)應(yīng)用程序等。3.數(shù)據(jù)存儲(chǔ)工具——MySQL數(shù)據(jù)庫(kù)因?yàn)楹笃陧?xiàng)目中需要用到數(shù)據(jù)庫(kù)，所以實(shí)訓(xùn)老師在講解基礎(chǔ)知識(shí)時(shí)講了一下MySQL數(shù)據(jù)庫(kù)。首先引導(dǎo)我們安裝并配置MySQL環(huán)境，然后講了一寫MySQL中的插入、刪除、修改、查找等sql語(yǔ)句。創(chuàng)建表：create

table

table_name（field1

int

primary

key，field2

varchar（20）

not

null

...）;刪除表：drop

table

table_name;插入表：insert

into

table_name(field1,field2)

values(value1,value2);查詢表：select

*

from

table_name

where

查詢條件

;添加列：alter

table

table_name

add

col_name

varchar(20)

not

null;刪除列：alter

table

table_name

drop

column

col_name;修改列：alter

table

table_namemodify

column

col_name

varchar(50);更新列：update

table_name

set

col1=value1...

where

條件...;MySQL是一種開放源代碼的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)（RDBMS），MySQL數(shù)據(jù)庫(kù)系統(tǒng)使用最常用的數(shù)據(jù)庫(kù)管理語(yǔ)言--結(jié)構(gòu)化查詢語(yǔ)言（SQL）進(jìn)行數(shù)據(jù)庫(kù)管理。4.項(xiàng)目實(shí)踐（1）項(xiàng)目前端頁(yè)面設(shè)計(jì)在本次項(xiàng)目開發(fā)中，前端頁(yè)面設(shè)計(jì)是由其他組員完成的，前端頁(yè)面設(shè)計(jì)相對(duì)于后端控制來(lái)說(shuō)簡(jiǎn)單一點(diǎn)，但是他比較繁瑣的地方就是，調(diào)整每個(gè)頁(yè)面的布局，每個(gè)按鈕的位置、大小、顏色控制等等。我們項(xiàng)目所完成的功能通過(guò)前端頁(yè)面都可以顯示出來(lái)。圖SEQ圖\*ARABIC4討論區(qū)界面圖SEQ圖\*ARABIC5從討論區(qū)進(jìn)入注冊(cè)界面圖SEQ圖\*ARABIC6注冊(cè)界面圖SEQ圖\*ARABIC7登錄界面圖SEQ圖\*ARABIC8個(gè)人主頁(yè)圖SEQ圖\*ARABIC9基本設(shè)置界面圖SEQ圖\*ARABIC10修改個(gè)人信息圖SEQ圖\*ARABIC11用戶中心界面圖SEQ圖\*ARABIC12發(fā)布動(dòng)態(tài)（2）項(xiàng)目后端控制用Java編寫后端控制程序這塊是由我和另外兩位組員做的，我主要負(fù)責(zé)修改個(gè)人信息部分，其中包括城市、簽名及加入社區(qū)的時(shí)間等。因?yàn)橹皩W(xué)校也沒(méi)有開過(guò)Java這門課，自己也就是了解一些簡(jiǎn)單的知識(shí)，并沒(méi)有用Java寫過(guò)什么東西。所以在項(xiàng)目中使用Java語(yǔ)言，對(duì)我來(lái)說(shuō)挑戰(zhàn)挺大的。Java大多數(shù)功能系統(tǒng)已經(jīng)實(shí)現(xiàn)好了，所以只用調(diào)接口就行了，但是對(duì)接口不熟，這就是一個(gè)很麻煩的事，比如錯(cuò)用、漏用等都會(huì)造成很多潛在的bug，因此在了解Java接口方面方面花了很大的功夫。簡(jiǎn)單介紹一下Java程序它是如何控制前端頁(yè)面的吧，比如用session方法將從界面獲取的城市及簽名信息存入數(shù)據(jù)庫(kù)，在set.jsp文件中調(diào)用getSgin()函數(shù)接口將數(shù)據(jù)從數(shù)據(jù)庫(kù)調(diào)出，顯示在前臺(tái)界面。這就是一條數(shù)據(jù)從頁(yè)面獲取，存儲(chǔ)到數(shù)據(jù)庫(kù)，然后再顯示到前端頁(yè)面的大致流程。雖然我們?cè)谇芭_(tái)界面看見(jiàn)這些操作很簡(jiǎn)單，其實(shí)在后臺(tái)調(diào)用了很多類及函數(shù)接口，而且每個(gè)類之間都是環(huán)環(huán)相扣的，可能改一個(gè)地方之后，與其相關(guān)聯(lián)的類都得改動(dòng)，也就是說(shuō)牽一發(fā)而動(dòng)全身。圖SEQ圖\*ARABIC13Java后端控制文件圖SEQ圖\*ARABIC14Java后端控制流程（3）后端數(shù)據(jù)存儲(chǔ)項(xiàng)目在使用MySQL來(lái)存儲(chǔ)數(shù)據(jù)，因?yàn)槠渌俣瓤臁⒖煽啃愿?、適應(yīng)性強(qiáng)，所以在不需要事務(wù)化處理的情況下，MySQL是我們管理數(shù)據(jù)最好的選擇。圖SEQ圖\*ARABIC15用戶基本信息表圖SEQ圖\*ARABIC16用戶動(dòng)態(tài)信息表三、實(shí)踐過(guò)程本次實(shí)踐的過(guò)程種第一個(gè)階段是實(shí)訓(xùn)老師講解一些基本軟件的使用、前端頁(yè)面設(shè)計(jì)語(yǔ)言HTML的基礎(chǔ)知識(shí)、Java語(yǔ)言的基礎(chǔ)知識(shí)、MySQL數(shù)據(jù)庫(kù)的基礎(chǔ)知識(shí)等。第二個(gè)階段是實(shí)訓(xùn)老師帶著我們做項(xiàng)目；首先老師給出多個(gè)項(xiàng)目，我們每個(gè)組任選一個(gè)完成；然后老師會(huì)講解每個(gè)項(xiàng)目的框架和大致流程，然后持續(xù)跟進(jìn)每個(gè)組的完成情況。最后所有的組輪流答辯?；A(chǔ)知識(shí)構(gòu)架在實(shí)施項(xiàng)目之前，老師先幫我們搭起了一個(gè)基礎(chǔ)知識(shí)構(gòu)架，雖然這花費(fèi)了很多時(shí)間，但有一句話說(shuō)的好“磨刀不誤砍柴工”，正是因?yàn)橛辛饲捌诨A(chǔ)知識(shí)的準(zhǔn)備，我們才能在實(shí)現(xiàn)項(xiàng)目的過(guò)程中鎮(zhèn)定自若，不會(huì)出現(xiàn)因?yàn)槟承┲R(shí)不了解，導(dǎo)致部分功能沒(méi)法實(shí)現(xiàn)。前期基礎(chǔ)知識(shí)的構(gòu)架如下：圖SEQ圖\*ARABIC17基礎(chǔ)知識(shí)架構(gòu)前期學(xué)習(xí)HTML的必要性：HTML是超級(jí)文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過(guò)在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容。為了將我們的項(xiàng)目完美的展示在瀏覽器上，學(xué)習(xí)HTML是必不可少的。前期學(xué)習(xí)Java的必要性：Java是一門面向?qū)ο缶幊陶Z(yǔ)言，不僅吸收了C++語(yǔ)言的各種優(yōu)點(diǎn)，還摒棄了C++里難以理解的多繼承、指針等概念，因此Java語(yǔ)言具有功能強(qiáng)大和簡(jiǎn)單易用兩個(gè)特征。Java具有簡(jiǎn)單性、面向?qū)ο蟆⒎植际?、健壯性、安全性、平臺(tái)獨(dú)立與可移植性、多線程、動(dòng)態(tài)性等特點(diǎn)。Java可以編寫桌面應(yīng)用程序、Web應(yīng)用程序、分布式系統(tǒng)和嵌入式系統(tǒng)應(yīng)用程序等。為了和瀏覽器更加緊密結(jié)合，選擇Java語(yǔ)言來(lái)實(shí)現(xiàn)非常明智的，所以在項(xiàng)目開始之前學(xué)習(xí)Java是很有必要的。前期學(xué)習(xí)MySQL的必要性：MySQL容易上手，具有速度快、可靠性高、適應(yīng)性強(qiáng)等特點(diǎn)，所以在不需要事務(wù)化處理的情況下，MySQL是我們管理數(shù)據(jù)最好的選擇。所以在項(xiàng)目開始之前學(xué)習(xí)MySQL是很重要的。項(xiàng)目實(shí)施基本知識(shí)都準(zhǔn)備完畢之后，我們開始了項(xiàng)目之旅，首先老師給出了Fly社區(qū)、12306購(gòu)票系統(tǒng)等項(xiàng)目，然后分別講述了這些項(xiàng)目的架構(gòu)、實(shí)現(xiàn)流程、及難點(diǎn)，然后讓我們自己選擇組內(nèi)商量，每組任選一個(gè)項(xiàng)目并實(shí)現(xiàn)。我們組經(jīng)過(guò)認(rèn)真的討論、再三權(quán)衡各個(gè)項(xiàng)目對(duì)我們自己的幫助，最終我們選擇了fly社區(qū)項(xiàng)目。選定題目之后，我們分成了三部分；兩個(gè)人負(fù)責(zé)前端頁(yè)面設(shè)計(jì)，三個(gè)人負(fù)責(zé)Java后端控制，一個(gè)人負(fù)責(zé)數(shù)據(jù)庫(kù)管理。兩天之后我們的大體框架已經(jīng)寫完，現(xiàn)在就只剩每個(gè)模塊的串聯(lián)，和解決bug了。在最終的調(diào)試、測(cè)試環(huán)節(jié)，我們遇到了許多問(wèn)題，比如jsp文件之間的跳轉(zhuǎn)沒(méi)有控制好，導(dǎo)致執(zhí)行結(jié)果老出現(xiàn)偏差；沒(méi)有對(duì)getSgin()函數(shù)接口正確的調(diào)用，導(dǎo)致從數(shù)據(jù)庫(kù)取出的數(shù)據(jù)不正確等問(wèn)題。最終在我們共同的努力和老師的幫助之下，解決掉了阻止我們前行的問(wèn)題。3.項(xiàng)目答辯所有的一切都準(zhǔn)備就緒后，迎來(lái)了暑期小學(xué)期的最后一環(huán)，也是檢驗(yàn)我們實(shí)踐成果的一環(huán)，那就是最后的項(xiàng)目答辯環(huán)節(jié)。我們每個(gè)組員都十分緊張，但又十分期待；緊張是因?yàn)槊鎸?duì)著老師和全班同學(xué)，期待是因?yàn)樽约河眯耐瓿傻淖髌否R上要向大家展示了，當(dāng)然會(huì)十分激動(dòng)了。答辯時(shí)，首先由組長(zhǎng)介紹項(xiàng)目的大體構(gòu)架，然后闡明每個(gè)組員都干了那些事，接下來(lái)就是每個(gè)組員講述自己完成的功能，為團(tuán)隊(duì)做出的貢獻(xiàn)等，最后由組長(zhǎng)總結(jié)這次項(xiàng)目的總體情況，再評(píng)價(jià)一下每個(gè)組員的特點(diǎn)及作用。答辯的基本流程就是這樣。整個(gè)答辯時(shí)間在20分鐘左右，每個(gè)組員都展現(xiàn)出了自己優(yōu)秀的一面，也積極的找出了自己的不足，希望在今后能夠不斷加強(qiáng)自己、成長(zhǎng)自己。四、實(shí)踐體會(huì)這次項(xiàng)目我主要負(fù)責(zé)修改個(gè)人信息部分，其中包括城市、簽名及加入社區(qū)的時(shí)間等。雖然我們?cè)谇芭_(tái)界面看見(jiàn)這些操作很簡(jiǎn)單，其實(shí)在后臺(tái)調(diào)用了很多類及函數(shù)接口，而且每個(gè)類之間都是環(huán)環(huán)相扣的，可能改一個(gè)地方之后，和它相關(guān)的的類都得改變，也就是說(shuō)牽一發(fā)而動(dòng)全身；比如用session方法將從界面獲取的城市及簽名信息存入數(shù)據(jù)庫(kù)，在se