概要設(shè)計(jì)系統(tǒng)功能結(jié)構(gòu)圖系統(tǒng)功能結(jié)構(gòu)圖功能結(jié)構(gòu)圖是一種描述功能從屬關(guān)系的工具，以各個(gè)模塊為類別，將總功能分解為各個(gè)小功能，介紹模塊下的小功能。網(wǎng)站分為前臺(tái)展示和后臺(tái)管理。網(wǎng)站后臺(tái)管理功能結(jié)構(gòu)圖如下：圖3.1網(wǎng)站功能結(jié)構(gòu)圖系統(tǒng)功能結(jié)構(gòu)描述1.用戶注冊(cè)功能：未注冊(cè)的瀏覽者可以在網(wǎng)站頁(yè)面上注冊(cè)。2.用戶登錄功能：已注冊(cè)的訪問(wèn)者可以在登錄頁(yè)面進(jìn)行登錄操作，個(gè)人中心管理操作。3.最新作品欣賞功能：顯示最新上傳作品，每個(gè)作品上顯示上傳時(shí)間上傳作者。4.最近發(fā)表論壇文章顯示：在論壇區(qū)域中顯示最新發(fā)布的文章和工作內(nèi)容，并單擊文章詳細(xì)信息頁(yè)面。5.文章作品評(píng)論功能：用戶參與文章作品的評(píng)論。6.發(fā)表文章作品：發(fā)表文章，添加攝影作品。7.管理個(gè)人中心：已登錄用戶自行管理個(gè)人中心發(fā)布的文章。查詢和刪除文章，管理用戶的功能；管理系統(tǒng)所有數(shù)據(jù)。對(duì)用戶進(jìn)行管理操作。數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)概念設(shè)計(jì)數(shù)據(jù)庫(kù)概念設(shè)計(jì)是把通過(guò)需求分析得到的用戶需求進(jìn)行綜合，歸納和抽象，轉(zhuǎn)變?yōu)樾畔⑹澜绲慕Y(jié)構(gòu)。數(shù)據(jù)庫(kù)的概念設(shè)計(jì)基礎(chǔ)為，建立E-R模型，E-R模型主要包括實(shí)體，屬性，實(shí)體之間的聯(lián)系。建立E-R模型第一步是確立實(shí)體，第二步是確定實(shí)體的屬性，再確定實(shí)體之間的關(guān)系。實(shí)體描述：攝影網(wǎng)站的實(shí)體有用戶實(shí)體，文章實(shí)體，評(píng)論實(shí)體。各實(shí)體屬性描述（1）用戶實(shí)體屬性包括：用戶名，用戶ID，密碼。圖3.2用戶實(shí)體及屬性圖（2）文章實(shí)體屬性包括：文章ID，標(biāo)題，內(nèi)容，圖片路徑，創(chuàng)建時(shí)間，修改時(shí)間，創(chuàng)建用戶。圖3.3文章實(shí)體及屬性圖（3）評(píng)論實(shí)體屬性包括：評(píng)論ID，作品ID，創(chuàng)建用戶，創(chuàng)建時(shí)間，修改時(shí)間。圖3.4評(píng)論實(shí)體及屬性圖建立E-R圖攝影網(wǎng)站各實(shí)體之間存在的聯(lián)系：用戶于文章之間的聯(lián)系為“發(fā)表”，這兩個(gè)實(shí)體之間為一對(duì)多的關(guān)系，一個(gè)用戶可以發(fā)表多個(gè)文章。用戶和評(píng)論之間的聯(lián)系為“添加”，這兩個(gè)實(shí)體之間為一對(duì)多的關(guān)系，一個(gè)用戶可以添加多個(gè)評(píng)論。攝影網(wǎng)站的E-R圖如下：圖3.5網(wǎng)站E-R圖E-R圖轉(zhuǎn)化為關(guān)系模型用戶與文章之間為一對(duì)多的關(guān)系，用戶與評(píng)論之間的關(guān)系為一對(duì)多的關(guān)系，文章與評(píng)論之間的關(guān)系為一對(duì)多的關(guān)系。將E-R圖轉(zhuǎn)換為關(guān)系模型如下用戶（用戶ID，用戶名，密碼），主鍵為用戶ID。文章（文章ID，標(biāo)題，內(nèi)容，創(chuàng)建用戶，創(chuàng)建時(shí)間，修改時(shí)間，圖片路徑），主鍵為文章ID。評(píng)論（評(píng)論ID，文章ID，創(chuàng)建用戶，創(chuàng)建時(shí)間，修改時(shí)間，評(píng)論內(nèi)容），主鍵為評(píng)論ID。數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)攝影網(wǎng)站采用的是MySQL數(shù)據(jù)庫(kù)。網(wǎng)站的數(shù)據(jù)庫(kù)名為photography，該數(shù)據(jù)庫(kù)中共有三個(gè)表，分別為用戶表（user），文章表（works），評(píng)論表（chat）。表3.1用戶表（user）名稱代碼數(shù)據(jù)類型用戶IDUser_idBigint(20)用戶名User_nameVariablecharacters(20)密碼PasswordVariablecharacters(20)表3.2文章表（works）名稱代碼數(shù)據(jù)類型文章IDWorks_idBigint(20)標(biāo)題NameVariablecharacters(20)內(nèi)容Contenttext圖片路徑ImageVariablecharacters(255)創(chuàng)建時(shí)間Create_timedatetime修改時(shí)間Update_timedatetime創(chuàng)建人User_nameVarchar(20)表3.3評(píng)論表（chat）名稱代碼數(shù)據(jù)類型評(píng)論IDP_idBigint(20)作品IDWork_idBigint(20)創(chuàng)建時(shí)間Create_timeDatetime修改時(shí)間Update_timeDatetime創(chuàng)建用戶User_nameVariablecharacters(20)詳細(xì)設(shè)計(jì)核心功能設(shè)計(jì)根據(jù)攝影網(wǎng)站的需求分析、角色區(qū)分和功能設(shè)計(jì)模塊，設(shè)計(jì)了攝影網(wǎng)站的主要功能，包括：注冊(cè)、登錄、評(píng)論、個(gè)人中心管理等功能、用戶在個(gè)人中心發(fā)布文章工作功能。其中用戶的個(gè)人中心管理包括：搜索查詢作品功能，刪除已發(fā)表文章作品功能。用戶注冊(cè)詳細(xì)設(shè)計(jì)瀏覽者尚未注冊(cè)系統(tǒng)的登錄賬號(hào)，可在注冊(cè)頁(yè)面后注冊(cè)賬號(hào)，填寫(xiě)賬號(hào)，確認(rèn)兩次密碼。注冊(cè)信息發(fā)送到后臺(tái)，判斷賬號(hào)和密碼是否有誤。正確，則數(shù)據(jù)存入數(shù)據(jù)庫(kù)，跳出提示注冊(cè)成功，回到登錄界面。注冊(cè)失敗，提示失敗，重新注冊(cè)。流程圖如下：圖4.1用戶注冊(cè)流程圖用戶登錄詳細(xì)設(shè)計(jì)已經(jīng)注冊(cè)的瀏覽者在登錄界面輸入正確的賬號(hào)數(shù)據(jù)，根據(jù)提示進(jìn)行操作，流程圖如下：圖4.2用戶注登錄程圖用戶評(píng)論詳細(xì)設(shè)計(jì)用戶在論壇頁(yè)面瀏覽，對(duì)想要評(píng)論的作品進(jìn)行評(píng)論，點(diǎn)擊評(píng)論按鈕。后臺(tái)檢測(cè)狀態(tài)，登錄才能在評(píng)論框輸入相應(yīng)的評(píng)論內(nèi)容，系統(tǒng)后臺(tái)收到評(píng)論內(nèi)容數(shù)據(jù)，評(píng)論數(shù)據(jù)將存入數(shù)據(jù)庫(kù)，系統(tǒng)保存該評(píng)論數(shù)據(jù)并通過(guò)前端代碼顯示到網(wǎng)站前端界面。輸入評(píng)論內(nèi)容。評(píng)論成功后，評(píng)論相關(guān)內(nèi)容顯示在作品的底部。圖4.3用戶評(píng)論流程圖用戶個(gè)人中心管理詳細(xì)設(shè)計(jì)文章或作品搜索當(dāng)在個(gè)人中心搜索自己的作品時(shí)，你可以通過(guò)輸入文章的標(biāo)題進(jìn)行搜索，后臺(tái)會(huì)查詢數(shù)據(jù)庫(kù)所有滿足條件的文章和作品。在后端業(yè)務(wù)層寫(xiě)一個(gè)service方法，傳入的id值，查詢符合條件的所有作品，然后在前端動(dòng)態(tài)展示在個(gè)人中心界面。圖4.4用戶搜索流程圖發(fā)表文章或作品以及登錄的用戶在個(gè)人中心界面點(diǎn)擊發(fā)表按鈕，根據(jù)相應(yīng)的文本框提示輸入相關(guān)的信息，再點(diǎn)擊提交，提交成功后，在后端的控制層中判斷發(fā)表的文件是否已經(jīng)存在，如不存在，randomUUID()方法自動(dòng)生成一個(gè)唯一的id，再將上傳的文件上傳到指定的服務(wù)器文件目錄下。圖4.5用戶發(fā)表作品流程圖刪除文章或作品在個(gè)人中心頁(yè)面上，用戶可以刪除其已發(fā)布的作品或文章。該請(qǐng)求為需要?jiǎng)h除作品的ID來(lái)創(chuàng)建，由axios創(chuàng)建，執(zhí)行獲取請(qǐng)求并從服務(wù)器獲取數(shù)據(jù)，并刪除相應(yīng)的數(shù)據(jù)。網(wǎng)站系統(tǒng)的后端通過(guò)控制層和業(yè)務(wù)層將相應(yīng)數(shù)據(jù)從數(shù)據(jù)庫(kù)中徹底清除。圖4.6用戶刪除作品，文章流程圖后臺(tái)其他簡(jiǎn)略功能功能設(shè)計(jì)表4.1查看文章作品詳情功能編號(hào)1.11功能名稱查看文章，作品詳情優(yōu)先級(jí)高功能描述用戶登錄之后，想要查看文章，作品，評(píng)論。在相應(yīng)信息點(diǎn)擊查看詳情就能在個(gè)人管理界面可以查看對(duì)應(yīng)的文章，作品，評(píng)論。處理描述接收表單傳來(lái)的數(shù)據(jù)，在后臺(tái)管理界面顯示相應(yīng)數(shù)據(jù)輸出項(xiàng)后臺(tái)管理界面顯示相應(yīng)文章，作品，評(píng)論，查詢失敗，彈出提示框界面要求輸入框簡(jiǎn)約，界面風(fēng)格簡(jiǎn)約。表4.2刪除文章和作品以及評(píng)論功能編號(hào)1.12功能名稱刪除文章，作品，評(píng)論優(yōu)先級(jí)高功能描述用戶登錄之后，想要?jiǎng)h除文章，作品，評(píng)論。輸入相應(yīng)信息新增之后，就能在個(gè)人管理界面可以刪除對(duì)應(yīng)的文章，作品，評(píng)論。輸入項(xiàng)文章，作品，評(píng)論關(guān)鍵字信息等處理描述接收表單傳來(lái)的數(shù)據(jù)，在數(shù)據(jù)庫(kù)中刪除數(shù)據(jù)輸出項(xiàng)個(gè)人中心管理界面刪除相應(yīng)文章，作品，評(píng)論刪除失敗，彈出提示框界面要求輸入框簡(jiǎn)約，界面風(fēng)格簡(jiǎn)約。表4.3查詢用戶功能編號(hào)1.13功能名稱查詢用戶優(yōu)先級(jí)高功能描述管理員登錄之后，想要查詢用戶。輸入相應(yīng)信息之后，就能在后臺(tái)管理界面顯示對(duì)應(yīng)用戶。輸入項(xiàng)用戶名關(guān)鍵字信息處理描述接收表單傳來(lái)的數(shù)據(jù)，在界面顯示數(shù)據(jù)輸出項(xiàng)后臺(tái)管理界面顯示相應(yīng)用戶；刪除失敗，彈出提示框界面要求輸入框簡(jiǎn)約，界面風(fēng)格簡(jiǎn)約。表4.4刪除用戶功能編號(hào)1.14功能名稱刪除文章，作品，評(píng)論優(yōu)先級(jí)高功能描述用戶登錄之后，想要?jiǎng)h除用戶。輸入相應(yīng)信息之后，就能在后臺(tái)管理界面可以刪除對(duì)應(yīng)用戶。輸入項(xiàng)用戶關(guān)鍵字信息處理描述接收表單傳來(lái)的數(shù)據(jù)，在數(shù)據(jù)庫(kù)中刪除數(shù)據(jù)輸出項(xiàng)管理界面刪除相應(yīng)用戶刪除失敗，彈出提示框界面要求輸入框簡(jiǎn)約，界面風(fēng)格簡(jiǎn)約。系統(tǒng)實(shí)現(xiàn)用戶登錄注冊(cè)展示登錄注冊(cè)頁(yè)面是通過(guò)一個(gè)form表單進(jìn)行提交用戶信息,注冊(cè)信息傳到后臺(tái)之后，對(duì)賬號(hào)和密碼進(jìn)行判斷是否為空。數(shù)據(jù)庫(kù)中建立的user表，當(dāng)你注冊(cè)的時(shí)候填寫(xiě)的信息就會(huì)進(jìn)入到數(shù)據(jù)庫(kù)中的對(duì)應(yīng)的表單中。根據(jù)登錄時(shí)填寫(xiě)的賬戶，從數(shù)據(jù)庫(kù)中獲取相應(yīng)的數(shù)據(jù)，檢索密碼是否匹配。如果匹配，則登錄成功。代碼5-1用戶注冊(cè)登錄控制層代碼@RestController@RequestMapping("/account")publicclassAccountController{privateUserServiceuserService;privateRedisOperatorredis;@PostMapping("/login")publicResultlogin(@RequestBodyUserDtouserDto){UserEntitylogin=userService.login(userDto);//調(diào)用userservice驗(yàn)證帳號(hào)密碼if(null!=login){Map<String,String>map=newHashMap<>();Stringtoken=UUID.randomUUID().toString();//自動(dòng)生成主鍵//封裝token信息，返回給前端，用于驗(yàn)證是否登錄//獲取Map集合的所有鍵名，并存放在一個(gè)集合對(duì)象中。map.put("token",token);map.put("account",login.getAccount());map.put("username",login.getUsername());returnResult.success(map);}returnResult.error("賬號(hào)或者密碼錯(cuò)誤");//返回給前端}圖5.1登錄界面圖文章作品詳情展示頁(yè)面作品詳細(xì)信息顯示界面的頂部顯示文章的標(biāo)題、發(fā)布時(shí)間和用戶名，攝影作品的照片顯示，作品顯示文章的內(nèi)容以及用戶對(duì)作品的評(píng)論。圖5.2文章作品詳情界面圖圖5.3文章作品詳情界面圖圖5.4文章作品詳情界面圖最近發(fā)表展示最近發(fā)表的作品文章在首頁(yè)的最近發(fā)表下展示，已登錄用戶可以點(diǎn)擊右上角的圖標(biāo)進(jìn)入作品詳情界面，進(jìn)入作品詳情界面可以對(duì)作品進(jìn)行評(píng)論。圖5.5最近發(fā)表界面圖最新作品界面展示圖5.6最新作品界面圖個(gè)人中心界面展示圖5.7個(gè)人中心界面圖用戶發(fā)表作品界面展示用戶作品發(fā)表界面是在用戶的個(gè)人中心界面，用戶將編輯好的文章作品提交，通過(guò)/api/mainadmin/fileUpload接口，通過(guò)multipart接收用戶上傳的文件，進(jìn)行文件保存并返回訪問(wèn)的url。系統(tǒng)根據(jù)multipart請(qǐng)求把數(shù)據(jù)上載到服務(wù)器指定的文件夾。Spring擴(kuò)展了HttpServletRequest接口，后端可以更好地處理文件信息。若出現(xiàn)有multipart請(qǐng)求，表示在控制層實(shí)例中存在實(shí)現(xiàn)MultipartHttpServletRequest接口的請(qǐng)求對(duì)象。圖5.8發(fā)表作品界面圖用戶評(píng)論界面展示圖5.9文章評(píng)論界面圖后臺(tái)管理界面展示代碼5-2后臺(tái)管理控制層核心代碼@GetMapping("/countUser")publicResultcountUser(){intcount=userService.queryAll("").size();//查詢注冊(cè)人數(shù)returnResult.success(count);}圖5.10后臺(tái)管理界面圖系統(tǒng)訪問(wèn)資源攔截器網(wǎng)站的個(gè)人中心以及相關(guān)操作需要登錄之后才能操作，所以需要攔截未登錄用戶的功能代碼5-3攔截未登錄用戶控制層代碼publicclassUserTokenInterceptorimplementsHandlerInterceptor{@AutowiredpublicRedisOperatorredis;publicbooleanpreHandle(HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler)throwsException{StringtokenId=request.getHeader("token_id");Strings=redis.get(tokenId);UserDtouserDto=JsonUtils.jsonToPojo(s,UserDto.class);if(null==userDto){thrownewCommonException("未登錄");}returntrue;}}軟件測(cè)試網(wǎng)站代碼編寫(xiě)完成后需要進(jìn)行相關(guān)的測(cè)試才能確保正常使用，網(wǎng)站的測(cè)試使用黑盒測(cè)試。表6.1功能測(cè)試列表功能名稱功能前置動(dòng)作出現(xiàn)結(jié)果是否符合用戶注冊(cè)功能1.用戶點(diǎn)擊注冊(cè)鏈接2.填寫(xiě)賬號(hào)，密碼1.系統(tǒng)提示用戶賬號(hào)已經(jīng)存在2.系統(tǒng)彈出提示注冊(cè)成功符合用戶登錄功能1.用戶點(diǎn)擊登錄或者系統(tǒng)敏感操作跳轉(zhuǎn)到登錄界面2.填寫(xiě)賬號(hào)，密碼1.用戶登錄成功跳轉(zhuǎn)到個(gè)人中心界面2.系統(tǒng)提示登錄賬號(hào)或密碼錯(cuò)誤符合發(fā)表文章功能用戶在個(gè)人中心界面點(diǎn)擊發(fā)表按鈕跳出文章編輯框添加相關(guān)圖片點(diǎn)擊提交按鈕個(gè)人中心界面顯示發(fā)表的文章作品符合刪除個(gè)人作品功能1.用戶個(gè)人界面的作品點(diǎn)擊刪除操作按鈕作品的狀態(tài)發(fā)生了改變，界面不再顯示刪除的作品符合搜索功能1.用戶在個(gè)人中心界面中點(diǎn)擊搜索2.彈出個(gè)人作品信息界面顯示搜索出的作品信息符合參與評(píng)論功能1.用戶在文章作品詳情界面中點(diǎn)擊去評(píng)論2.跳出編輯框3.輸入評(píng)論信息1.評(píng)論成功之后顯示出評(píng)論內(nèi)容符合

結(jié)束語(yǔ)本文闡述了攝影網(wǎng)站開(kāi)發(fā)的整個(gè)過(guò)程，為用戶提供攝影技術(shù)討論以及更多的攝影技巧交流。在這個(gè)網(wǎng)站，我們可以互相學(xué)習(xí)，改進(jìn)攝影技術(shù)，交流和展示攝影作品，注冊(cè)用戶也可以管理個(gè)人中心的攝影作品和文章。網(wǎng)站基于Springboot+Mybatis-plus開(kāi)發(fā)。采用前后端分離的開(kāi)發(fā)思想，選用MySQL數(shù)據(jù)庫(kù)技術(shù)存儲(chǔ)數(shù)據(jù)，實(shí)現(xiàn)了攝影網(wǎng)站的主要功能。論文完成的工作如下：（1）闡述了攝影網(wǎng)站國(guó)內(nèi)外背景，研究開(kāi)發(fā)意義。（2）分析網(wǎng)站開(kāi)發(fā)的技術(shù)，分析了本次選擇技術(shù)的優(yōu)勢(shì)。（3）完成了攝影網(wǎng)站的整體設(shè)計(jì)。（4）完成攝影網(wǎng)站界面規(guī)劃設(shè)計(jì)，后臺(tái)數(shù)據(jù)庫(kù)和主要功能進(jìn)行了設(shè)計(jì)。（5）完成對(duì)網(wǎng)站主要功能的功能測(cè)試。（6）完成本次課題的設(shè)計(jì)與開(kāi)發(fā)工作，對(duì)系統(tǒng)的主要功能核心代碼進(jìn)行了闡述。本次攝影網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)采用的是前后端分離的開(kāi)發(fā)思想，提高了平臺(tái)的維護(hù)性，風(fēng)格統(tǒng)一。本次課題還存在許多的不足，在以后可以考慮在一些方面進(jìn)行進(jìn)一步的完善：（1）可以結(jié)合當(dāng)下應(yīng)用比較廣泛的社交應(yīng)用軟件，轉(zhuǎn)發(fā)或者分享到其他平臺(tái)，進(jìn)一步提高網(wǎng)站的關(guān)注度和參與度。（2）可以在個(gè)人中心設(shè)置個(gè)人相冊(cè)，并設(shè)置相應(yīng)的權(quán)限，設(shè)置個(gè)人相冊(cè)中對(duì)其他用戶的可見(jiàn)度。進(jìn)一步加強(qiáng)相關(guān)技術(shù)的應(yīng)用以更好的優(yōu)化網(wǎng)站各個(gè)頁(yè)面的訪問(wèn)速度。

致謝在本論文的設(shè)計(jì)過(guò)程中，老師從選題、構(gòu)思到定稿等各個(gè)方面對(duì)論文進(jìn)行了細(xì)致的指導(dǎo)和指導(dǎo)，最終完成了畢業(yè)論文的設(shè)計(jì)。在我的學(xué)習(xí)中，老師嚴(yán)謹(jǐn)?shù)膶W(xué)術(shù)態(tài)度、豐富而深刻的知識(shí)、敏銳的學(xué)術(shù)思維、優(yōu)秀的工作態(tài)度和不屈不撓的教師作風(fēng)是我終身學(xué)習(xí)的典范。老師們博大精深的造詣和嚴(yán)謹(jǐn)求實(shí)的學(xué)術(shù)精神將永遠(yuǎn)激勵(lì)我。在過(guò)去的2.5年里，它也得到了許多教