成果形式：FLY社區(qū)實(shí)踐報(bào)告成果名稱：FLY社區(qū) FLY社區(qū)實(shí)踐目的1.素養(yǎng)提升（1）在做項(xiàng)目的時(shí)候得學(xué)會(huì)和組員交流溝通，相互幫助相互發(fā)現(xiàn)彼此的問題，在項(xiàng)目中準(zhǔn)確地找到自己的定位，發(fā)揮出自己的價(jià)值，學(xué)會(huì)與組員有效且及時(shí)的溝通處理能力，會(huì)極大的促進(jìn)項(xiàng)目的完成，團(tuán)隊(duì)精神尤其是在最后做項(xiàng)目的時(shí)候得以體現(xiàn)。（2）在做項(xiàng)目中，老師不會(huì)把全部步驟都傳授給你，但會(huì)把知識點(diǎn)都教給你，這時(shí)候就需要自己去琢磨，需要快速學(xué)習(xí)能力、接受能力，并且把所學(xué)到的知識快速的運(yùn)用到實(shí)踐中去。通過實(shí)訓(xùn)，培養(yǎng)了我們綜合運(yùn)用已學(xué)知識Java語言的面向?qū)ο缶幊棠芰?；培養(yǎng)了我們的動(dòng)手能力、良好編程規(guī)范、編程方法，以便能較全面地理解、掌握和綜合運(yùn)用所學(xué)的知識提高編程能力，增強(qiáng)自己的團(tuán)隊(duì)協(xié)作意識，了解軟件開發(fā)的思考角度和主要流程。為畢業(yè)之后能夠更快地進(jìn)入工作狀態(tài)并且能夠更好地工作，打好一定的基礎(chǔ)。2.技能提升（1）熟練并掌握web前端的設(shè)計(jì)，了解HTML、CSS的基本用法。前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程，通過HTML、CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，如Bootstrap框架等，實(shí)現(xiàn)產(chǎn)品的頁面交互和邏輯展示，同時(shí)能夠完成基本的后臺(tái)操作。熟練掌握Web開發(fā)的相關(guān)技術(shù)，掌握Web開發(fā)的基本流程及其各環(huán)節(jié)之間的關(guān)系。（2）熟練并掌握J(rèn)ava語言。Java是一門面向?qū)ο缶幊陶Z言，吸收了C++語言的各種優(yōu)點(diǎn)，摒棄了C++里難以理解的多繼承、指針等概念,因此Java語言功能強(qiáng)大、簡單易用。Java語言作為靜態(tài)面向?qū)ο缶幊陶Z言的代表，極好地實(shí)現(xiàn)了面向?qū)ο罄碚摚试S程序員以優(yōu)雅的思維方式進(jìn)行復(fù)雜的編程。3.團(tuán)隊(duì)協(xié)作在本次項(xiàng)目中，不僅鍛煉了我們的動(dòng)手能力，而且將我們以小組形式劃分，讓我們成更為簡便、快充分感受到團(tuán)隊(duì)協(xié)作的力量，每個(gè)人做好自己的本職工作，無形中使項(xiàng)目完成的更快捷。團(tuán)隊(duì)存在的意義就是讓大家明白團(tuán)隊(duì)精神，團(tuán)隊(duì)精神是小組的靈魂，而組長是小組的核心人物，團(tuán)隊(duì)領(lǐng)袖帶領(lǐng)大家目標(biāo)明確，任務(wù)分工明確，大家緊緊的團(tuán)結(jié)在一起，發(fā)揮各自的優(yōu)勢所在，最終完成任務(wù)。實(shí)踐內(nèi)容超文本標(biāo)記語言(HyperTextMarkupLanguage)，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用。HTML不是一種編程語言，而是一種標(biāo)記語言(markuplanguage)，是網(wǎng)頁制作所必備的?！俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標(biāo)記語言(或超文本標(biāo)簽語言)的結(jié)構(gòu)包括“頭”部分、和“主體”部分，其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容。。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯(cuò)原因和出錯(cuò)部位。CSS即層疊樣式表是一種用來表現(xiàn)HTML文件樣式的計(jì)算機(jī)語言，CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。（2）MySQL是一種關(guān)系數(shù)據(jù)庫管理系統(tǒng)，關(guān)系數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉庫內(nèi)，這樣就增加了速度并提高了靈活性。所使用的SQL語言是訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言，使用MySQL應(yīng)用軟件創(chuàng)建數(shù)據(jù)庫，使得表與表之間的聯(lián)系密切，為后面的步驟打下良好的基礎(chǔ)。Navicatpremium是一款數(shù)據(jù)庫管理工具。將此工具連接數(shù)據(jù)庫，你可以從中看到各種數(shù)據(jù)庫的詳細(xì)信息。NavicatPremium是一個(gè)可多重連線資料庫的管理工具，它可以讓你以單一程式同時(shí)連線到MySQL、SQLite、Oracle及PostgreSQL資料庫，讓管理不同類型的資料庫更加的方便。網(wǎng)頁制作完成之后，需建立一個(gè)小型的數(shù)據(jù)庫，使用MySQL工具創(chuàng)建兩個(gè)表，分別為：用戶注冊表、發(fā)帖內(nèi)容表，表與表之間存在一對多以及一對一的關(guān)系，為下一步驟提供數(shù)據(jù)的來源支撐，是非常重要的一個(gè)步驟。（3）Eclipse是一個(gè)開放源代碼的、基于Java的可擴(kuò)展開發(fā)平臺(tái)。就其本身而言，它只是一個(gè)框架和一組服務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。Eclipse是一個(gè)開放源代碼的軟件開發(fā)項(xiàng)目，專注于為高度集成的工具開發(fā)提供一個(gè)全功能的、具有商業(yè)品質(zhì)的工業(yè)平臺(tái)。它主要由Eclipse項(xiàng)目、Eclipse工具項(xiàng)目和Eclipse技術(shù)項(xiàng)目三個(gè)項(xiàng)目組成，具體包括四個(gè)部分組成——EclipsePlatform、JDT、CDT和PDE.JDT支持Java開發(fā)、CDT支持C開發(fā)、PDE用來支持插件開發(fā)，EclipsePlatform則是一個(gè)開放的可擴(kuò)展IDE，提供了一個(gè)通用的開發(fā)平臺(tái)。它提供建造塊和構(gòu)造并運(yùn)行集成軟件開發(fā)工具的基礎(chǔ)。EclipsePlatform允許工具建造者獨(dú)立開發(fā)與他人工具無縫集成的工具從而無須分辨一個(gè)工具功能在哪里結(jié)束，而另一個(gè)工具功能在哪里開始。EclipseSDK（軟件開發(fā)者包）是EclipsePlatform、JDT和PDE所生產(chǎn)的組件合并，它們可以一次下載。這些部分在一起提供了一個(gè)具有豐富特性的開發(fā)環(huán)境，允許開發(fā)者有效地建造可以無縫集成到EclipsePlatform中的工具。EclipseSDK由Eclipse項(xiàng)目生產(chǎn)的工具和來自其它開放源代碼的第三方軟件組合而成。（4）layui，是一款采用自身模塊規(guī)范編寫的前端UI框架，遵循原生的HTML/CSS/JS的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)。layui更多是面向于后端開發(fā)者，所以在組織形式上毅然采用了幾年前的以瀏覽器為宿主的類AMD模塊管理方式，卻又并非受限于CommonJS的那些條條框框，它擁有自己的模式，更加輕量和簡單。layui定義為“經(jīng)典模塊化”，并非是刻意強(qiáng)調(diào)“模塊”理念本身，而是有意避開當(dāng)下JS社區(qū)的主流方案，試圖以盡可能簡單的方式去詮釋高效。Fly社區(qū)是跨設(shè)備模塊化前端框架layui的官網(wǎng)社區(qū)，致力于為web開發(fā)提供強(qiáng)勁動(dòng)力。三、實(shí)踐過程3.1.用戶注冊模塊用戶在注冊界面需要輸入郵箱、用戶名和密碼等主要信息，信息輸入完畢后點(diǎn)擊界面中的立即注冊按鈕。系統(tǒng)首先校驗(yàn)用戶注冊信息的有效性，例如：用戶名只能包含字母、數(shù)字、下劃線，如果不正確，注冊界面會(huì)自動(dòng)提示用戶名不正確，需要用戶重新注冊。注冊不成功，需要重新輸入。注冊信息全部有效，系統(tǒng)將用戶注冊的信息保存到數(shù)據(jù)庫中。管理員可以在后臺(tái)查看到用戶的注冊信息。 圖1用戶注冊頁面3.2.用戶登錄模塊FLY社區(qū)登錄界面如下圖所示，用戶員在用戶名，郵箱和密碼框中輸入用戶注冊的信息。用戶輸入完用戶名，郵箱號，密碼框，系統(tǒng)首先會(huì)將輸入的信息與數(shù)據(jù)庫中的用戶信息進(jìn)行匹配，如果輸入的用戶名和密碼和數(shù)據(jù)庫中的用戶信息相匹配，系統(tǒng)會(huì)自動(dòng)跳轉(zhuǎn)到FLY社區(qū)的主頁界面。倘若登錄信息與數(shù)據(jù)庫中的信息不匹配，系統(tǒng)會(huì)將信息清空，重定義到登錄界面。圖2用戶登錄頁面3.3.FLY社區(qū)主頁面用戶輸入各種信息后，點(diǎn)擊登錄，如果輸入信息完全正確，即可跳轉(zhuǎn)至FLY社區(qū)主頁面，如下圖所示：圖3FLY社區(qū)主頁面3.4.修改個(gè)人資料模塊3.4.1修改基本資料用戶通過點(diǎn)擊個(gè)人中心界面的修改按鈕，將個(gè)人信息傳遞到修改個(gè)人信息界面，主要包括郵箱、昵稱、城市和個(gè)人簽名等信息，修改完成后即可點(diǎn)擊確認(rèn)修改按鈕，修改成功后系統(tǒng)會(huì)跳入登錄頁面，用戶需重修輸入自己新修改的信息完成本次登錄；若不修改個(gè)人信息，點(diǎn)擊退出按鈕，將跳轉(zhuǎn)到個(gè)人中心界面。圖4-1修改個(gè)人資料頁面3.4.2修改頭像對于修改頭像功能來說，用戶若想修改頭像，則可點(diǎn)擊頭像模塊，點(diǎn)擊上傳頭像按鈕，系統(tǒng)會(huì)跳至本地圖片管理文件夾，用戶即可選擇自己想要更換的新頭像，選擇完畢后，點(diǎn)擊確認(rèn)修改，修改成功后，刷新頁面，頭像則修改成功。圖4-2修改頭像模塊3.5.發(fā)帖模塊3.5.1編輯發(fā)帖內(nèi)容用戶進(jìn)入我的主頁后，可點(diǎn)擊右上方我要發(fā)帖按鈕，系統(tǒng)會(huì)調(diào)至到此頁面，用戶可在此頁面中發(fā)表自己的問題或見解等，輸入完成后，點(diǎn)擊立即發(fā)布按鈕，即可完成發(fā)帖。 圖5-1發(fā)帖頁面3.5.2查看發(fā)帖內(nèi)容若用戶發(fā)帖成功，即可返回至用戶中心，查看發(fā)帖是否成功，若發(fā)帖成功，則數(shù)據(jù)庫則會(huì)存入相應(yīng)用戶的發(fā)帖內(nèi)容，可進(jìn)行修改編輯等基本操作。圖5-2用戶中心頁面3.5.3評論發(fā)帖內(nèi)容FLY社區(qū)是一個(gè)在線交流社區(qū)，用戶發(fā)帖成功后，可點(diǎn)擊我的消息按鈕，查看自己發(fā)帖內(nèi)容是否得到評論，即可完成網(wǎng)上交流問答等功能。 圖5-3我的消息頁面實(shí)踐體會(huì)通過這次為時(shí)三周的實(shí)訓(xùn)，我收獲了很多，把以前所學(xué)的一些書本知識運(yùn)用到實(shí)際中來，對它們理解的更透徹。原先，學(xué)的時(shí)候感嘆學(xué)的資料太難懂，此刻想來，有些其實(shí)并不難，關(guān)鍵在于理解。在這次實(shí)習(xí)中還鍛煉了我很多方面的能力，提高了獨(dú)立思考問題、自己動(dòng)手操作的潛力，在做項(xiàng)目的過程中，復(fù)習(xí)了以前學(xué)習(xí)過的知識，并掌握了一些應(yīng)用知識的技巧等。其次，實(shí)訓(xùn)中的項(xiàng)目作業(yè)也使我更加有團(tuán)隊(duì)精神，更加珍惜團(tuán)隊(duì)合作。這次實(shí)訓(xùn)的第一周，主要是老師帶領(lǐng)我們一起學(xué)習(xí)接下來項(xiàng)目要用的內(nèi)容，教會(huì)了我們?nèi)绾谓⒕W(wǎng)站，創(chuàng)建表，進(jìn)行增刪改等操作。在這期間我們也出了很多程序編寫上的問題，但是在老師和同學(xué)的幫助下，這些問題都一一解決了，我也對所學(xué)習(xí)的內(nèi)容理解的更透徹。在實(shí)訓(xùn)的第二到三周里，主要是自己團(tuán)隊(duì)合作制作項(xiàng)目，這一周我懂得了團(tuán)隊(duì)的寶貴，在這一周里，老師也一直在幫助我們修改代碼。我發(fā)現(xiàn)我以前對知識的理解過于書面化，必須要結(jié)合實(shí)際操作才能把知識活學(xué)活用?；仡欉@三周的學(xué)習(xí)，每天從早到晚想的都是如何將功能將代碼實(shí)現(xiàn)的事，雖然很累但是很充實(shí)，從項(xiàng)目一開始的毫無頭緒到漸入佳境，從對知識難點(diǎn)的無法理解到現(xiàn)在可以給別人講的頭頭是道，從代碼中紅叉遍布到現(xiàn)在程序的完美運(yùn)行，我們付出了很多心血，卻也收獲了很多在學(xué)校的課堂中學(xué)不到的知識，這些知識對我今后走入職場一定會(huì)有很大的幫助：自主學(xué)習(xí)能力很重要。俗話說:師傅領(lǐng)進(jìn)門，修行看個(gè)人。在做項(xiàng)目的過程中，難免會(huì)遇到老師的講授中沒有涉及到的知識，這個(gè)時(shí)候一味的求問老師，會(huì)讓我們產(chǎn)生依賴心理，所以，在遇到之前未出現(xiàn)過的問題時(shí)，我們會(huì)盡可能的將這個(gè)問題與之前的知識點(diǎn)靠攏，爭取能觸類旁通，實(shí)在不行，就借助網(wǎng)絡(luò)尋找解決方法，在這個(gè)過程中極大地鍛煉了我們自主學(xué)習(xí)的能力。二、實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。學(xué)習(xí)過程中，大家常會(huì)為一個(gè)問題的出現(xiàn)緣由爭得面紅耳赤，但誰也說服不了誰，這個(gè)時(shí)候，我們就會(huì)動(dòng)手實(shí)踐一下，用實(shí)踐結(jié)果來作為自身的論據(jù)。三、有壓力才會(huì)有動(dòng)力。之前學(xué)校的學(xué)習(xí)中，我們對于學(xué)習(xí)得到積極性不是很高，很大一部分的原因就是我們沒有壓力，置身于不是很緊張的學(xué)習(xí)環(huán)境中，人就很容易產(chǎn)生懈怠心理，學(xué)習(xí)效果不言而喻。而在