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

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

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