社區(qū)系統(tǒng)設(shè)計實踐報告

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

div+css

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

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