?word完整版可點(diǎn)擊如下下載>>>>>>>>

?基于vue的適老化住宅設(shè)計(jì)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn).rar-互聯(lián)網(wǎng)文檔類資源-CSDN下載內(nèi)容包括詳細(xì)設(shè)計(jì)文檔word版，附帶開題報(bào)告和相關(guān)PPT等文檔，供大家參考學(xué)習(xí)。摘要：本系統(tǒng)擬設(shè)計(jì)一更多下載資源、學(xué)習(xí)資料請?jiān)L問CSDN下載頻道.https://download.csdn.net/download/u013253075/51009884?spm=1001.2014.3001.5503

目? 錄

摘? 要------------------------------------------------------------------------------------- I

ABSTRACT------------------------------------------------------------------------------ II

1? 緒論----------------------------------------------------------------------------------- 1

1.1? 研究背景----------------------------------------------------------------------- 1

1.2? 國內(nèi)外研究現(xiàn)狀--------------------------------------------------------------- 1

1.3 ?研究的目的和意義------------------------------------------------------------- 2

1.4? 論文組織結(jié)構(gòu)------------------------------------------------------------------ 2

2? 相關(guān)開發(fā)技術(shù)與實(shí)驗(yàn)環(huán)境----------------------------------------------------------- 4

2.1? 相關(guān)開發(fā)技術(shù)介紹------------------------------------------------------------- 4

2.1.1 ?JavaScript語言---------------------------------------------------------- 4

2.1.2 ?Jquery框架-------------------------------------------------------------- 4

2.1.3 ?Ajax技術(shù)---------------------------------------------------------------- 4

2.1.4 ?MySQL技術(shù)------------------------------------------------------------ 4

2.2? 實(shí)驗(yàn)環(huán)境介紹------------------------------------------------------------------ 5

3? 可行性分析與需求分析-------------------------------------------------------------- 6

3.1? 可行性分析--------------------------------------------------------------------- 6

3.1.1 ?經(jīng)濟(jì)可行性-------------------------------------------------------------- 6

3.1.2 ?技術(shù)可行性-------------------------------------------------------------- 6

3.1.3 ?操作可行性-------------------------------------------------------------- 6

3.2 ?系統(tǒng)需求分析------------------------------------------------------------------ 6

3.3? 例圖設(shè)計(jì)----------------------------------------------------------------------- 6

3.3.1? 專家用例圖-------------------------------------------------------------- 7

3.3.2? 管理員用例圖----------------------------------------------------------- 7

3.3.3 ?用戶用例圖-------------------------------------------------------------- 8

3.4 ?系統(tǒng)性能分析------------------------------------------------------------------ 8

3.4.1? 時間性能要求----------------------------------------------------------- 8

3.4.2 ?靈活性能要求----------------------------------------------------------- 8

3.5? 系統(tǒng)功能上需要解決的技術(shù)問題--------------------------------------------- 9

3.6 ?系統(tǒng)開發(fā)環(huán)境------------------------------------------------------------------ 9

4? 系統(tǒng)總體設(shè)計(jì)----------------------------------------------------------------------- 10

4.1? 系統(tǒng)功能描述----------------------------------------------------------------- 10

4.1.1? 專家模塊管理功能----------------------------------------------------- 10

4.1.2 ?管理員模塊功能------------------------------------------------------- 10

4.1.3? 用戶模塊功能---------------------------------------------------------- 10

4.1.4? 系統(tǒng)的主要功能結(jié)構(gòu)圖----------------------------------------------- 11

4.2 ?數(shù)據(jù)庫實(shí)體設(shè)計(jì)-------------------------------------------------------------- 11

4.2.1? 模塊化適老設(shè)計(jì)------------------------------------------------------- 12

4.2.2? 住宅設(shè)計(jì)方案設(shè)計(jì)----------------------------------------------------- 12

4.2.3? 用戶設(shè)計(jì)--------------------------------------------------------------- 12

4.2.4 ?老年人能力信息設(shè)計(jì)-------------------------------------------------- 13

4.2.5 ?用戶預(yù)約信息設(shè)計(jì)----------------------------------------------------- 13

4.2.6? 評論預(yù)約信息設(shè)計(jì)----------------------------------------------------- 14

4.2.7? 系統(tǒng)全局E-R圖------------------------------------------------------- 14

4.3? 適老化設(shè)計(jì)管理系統(tǒng)數(shù)據(jù)庫------------------------------------------------- 15

4.3.1? 模塊化適老信息表----------------------------------------------------- 15

4.3.2? 住宅設(shè)計(jì)方案信息表-------------------------------------------------- 16

4.3.3? 用戶信息表------------------------------------------------------------- 16

4.3.4? 老年人能力信息表----------------------------------------------------- 17

4.3.5? 預(yù)約信息表------------------------------------------------------------- 18

4.3.6? 評論信息表------------------------------------------------------------- 18

4.4? 系統(tǒng)功能流程圖-------------------------------------------------------------- 19

4.5? 系統(tǒng)功能時序圖-------------------------------------------------------------- 21

4.5.1? 專家時序圖------------------------------------------------------------- 21

4.5.2? 管理員時序圖---------------------------------------------------------- 21

4.4.2? 用戶時序圖------------------------------------------------------------- 22

5? 系統(tǒng)功能實(shí)現(xiàn)----------------------------------------------------------------------- 23

5.1 ?用戶登錄系統(tǒng)模塊----------------------------------------------------------- 23

5.2 ?老年人能力評估模塊--------------------------------------------------------- 26

5.3 ?個性化適老改造方案模塊--------------------------------------------------- 27

5.4 ?模塊化適老改造模塊--------------------------------------------------------- 30

5.5? 適老改造方案推薦模塊------------------------------------------------------ 34

5.6 ?后臺功能模塊----------------------------------------------------------------- 38

6? 系統(tǒng)測試----------------------------------------------------------------------------- 42

6.1 ?單元測試---------------------------------------------------------------------- 42

6.2? 集成測試---------------------------------------------------------------------- 42

6.2.1 ?前臺功能測試---------------------------------------------------------- 42

6.2.2? 模塊化適老改造模塊功能測試--------------------------------------- 43

6.2.3? 后臺功能測試---------------------------------------------------------- 44

6.3? 測試結(jié)論與分析-------------------------------------------------------------- 44

7? 總結(jié)與展望-------------------------------------------------------------------------- 45

7.1? 總結(jié)--------------------------------------------------------------------------- 45

7.2? 展望--------------------------------------------------------------------------- 45

參考文獻(xiàn)--------------------------------------------------------------------------------- 46

致? 謝----------------------------------------------------------------------------------- 48

摘? 要

隨著我國老齡化，老年人生活差異逐漸明顯，改善城市老年人的生活條件已成為一個共同的想法。在我國，傳統(tǒng)思想根深蒂固，家庭結(jié)構(gòu)不盡復(fù)雜，而社會價(jià)值條件越來越高的情況下，只依靠國家補(bǔ)貼而建立的社會養(yǎng)老機(jī)構(gòu)，不僅在數(shù)量上沒有辦法滿足現(xiàn)階段老年人增多的情況，還有條件上，老年人的需求也逐漸增高。

本系統(tǒng)擬設(shè)計(jì)一種基于Vue的適老化住宅設(shè)計(jì)系統(tǒng)，該系統(tǒng)通過對老年人能力進(jìn)行評估以后，通過模型對比，生成個性化改造方案并進(jìn)行圖形化顯示，用戶還可以根據(jù)模塊化適老改造方案模塊進(jìn)行有效針對的模塊化的單一選擇，并且可以根據(jù)老年人能力評估的統(tǒng)計(jì)模型，給老年人推薦出當(dāng)前受老年人喜愛的適老化推薦方案。系統(tǒng)通過Vue,ElementUI,Bootstrap等框架下Web應(yīng)用研發(fā)的關(guān)鍵技術(shù)研究、Mysql數(shù)據(jù)庫詳細(xì)分析，設(shè)計(jì)基于 Vue的居家養(yǎng)老模式下適老化改造系統(tǒng)，該系統(tǒng)前端研發(fā)采用 Js,Html,Css,Vue等技術(shù)，Node作為系統(tǒng)后臺研發(fā)語言。在系統(tǒng)安全方面做了詳細(xì)分析，通過采用身份驗(yàn)證、用戶權(quán)限、登錄信息加密等技術(shù)來保護(hù)用戶數(shù)據(jù)安全。

此基于Vue的適老化住宅設(shè)計(jì)系統(tǒng)界面設(shè)計(jì)簡潔直觀，功能使用迅捷高效，且在提高效率的同時，也實(shí)現(xiàn)了系統(tǒng)的基本功能需求。經(jīng)測試，本系統(tǒng)可以實(shí)現(xiàn)適老化住宅設(shè)計(jì)系統(tǒng)中功能的基本要求，避免了傳統(tǒng)形式的復(fù)雜繁瑣；對于用戶而言，這是非常重要的，并且更加舒適，智能。

關(guān)鍵詞：適老改造? 住宅設(shè)計(jì)? 模型

ABSTRACT

With the aging of our country,the living differences of the elderly are gradually obvious.It has become a common idea to improve the living conditions of the elderly in cities.In China,the traditional ideas are deeply rooted,the family structure is not complex,and the social value conditions are increasingly high,the social pension institutions established by relying on state subsidies are not only unable to meet the increasing number of the elderly at the present stage,but also the conditions,the needs of the elderly are gradually increasing.

This system is proposed to design a Vue based optimal aging residential design system,the system is based on the old ability assessment, through the model contrast,generating personalized retrofit scheme and graphical display,the user can also according to the modular optimal old module modification plan effectively for modular single choice,and can according to the statistical model of competency assessment in the elderly,To recommend the elderly to the current elderly favorite suitable for aging recommended program.Through the research on the key technologies of Web application research and development under the framework of Vue,ElementUI and Bootstrap,and the detailed analysis of MySQL database,the system designed an aging suitable transformation system based on Vue under the home elderly care mode.The front-end of the system was developed with Js,Html,Css,Vue and other technologies.Node as the background development language of the system.The security of the system is analyzed in detail,and the security of user data is protected by using authentication,user authority,login information encryption and other technologies.

This Vue based design system for aging housing is simple and intuitive in interface design,quick and efficient in function use,and at the same time of improving efficiency,it also realizes the basic functional requirements of the system.After testing,the system can realize the basic requirements of functions of the aging adaptation system under the home nursing mode,avoiding the complexity and tedious of the traditional form;For the user,this is very important,and more comfortable,intelligent.???????????????????????????????????????????????????? Keywords:old modification? residential design? model

1? 緒論

1.1? 研究背景

目前的話我國養(yǎng)老的體系正在逐漸的完善，但是老人們還是都傾向于在家里進(jìn)行養(yǎng)老。所以就現(xiàn)在來看，居家養(yǎng)老模式這種模式，更受老人們的喜歡，首先老年人在自家的房子居住一方面能和子女們經(jīng)常見面，另一方面也能感受到家庭的溫馨。在家庭..............

目前我國的發(fā)展十分迅速，但同時人口老齡化也是普遍產(chǎn)生的一個問題，所以適合老人居住的房屋設(shè)計(jì)是越來越多老人們更加迫切的愿望。并且研究表明，大多數(shù)的老年....................

1.2? 國內(nèi)外研究現(xiàn)狀

我國高度重視養(yǎng)老產(chǎn)業(yè)的發(fā)展，全國老齡委規(guī)劃國務(wù)院批準(zhǔn)的針對老齡事業(yè)發(fā)展頒布的《中國老齡事業(yè)發(fā)展“十一五”規(guī)劃》，在這次規(guī)劃中提出了新的養(yǎng)老居住................

日本早在1970年就進(jìn)入老齡化社會，歷經(jīng)近50年相關(guān)研究，在居住設(shè)計(jì)方面，由機(jī)構(gòu)養(yǎng)老的單一模式逐步過渡到居家養(yǎng)老為主、輔以社區(qū)養(yǎng)老服務(wù)[2]。建設(shè)了..................

在我國，為了讓老年人自己居住的住宅真正成為他們享受晚年生活的天堂，所以居家式老化改造逐漸走進(jìn)人們的視線之中。但就目前而言，居家式老化改造并未實(shí)際的應(yīng)..................

基于上述研究，本文擬設(shè)計(jì)一種居家養(yǎng)老模式下適老化改造系統(tǒng)，該系統(tǒng)通過對老年人能力評估以后，通過模型對比，生成個性化改造方案并進(jìn)行圖形化顯示，用戶還可........................

1.3 ?研究的目的和意義

本系統(tǒng)研究的目的和意義隨著社會的不斷發(fā)展，老齡化的進(jìn)程也在加快，并且老年人的居家養(yǎng)老問題也在受到社會的廣泛關(guān)注。并且，居家養(yǎng)老也是老人們心中所期望的，也是目前社會所發(fā)展的趨勢。本系統(tǒng)以解決老年人居家養(yǎng)老問題為目標(biāo)，對老年人能力評.................

1.4? 論文組織結(jié)構(gòu)

本論文通過了對適老化住宅設(shè)計(jì)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)，以現(xiàn)實(shí)生活對此的需求，在各個方面逐步分析，生成對適老化系統(tǒng)的分析。考慮到需要擁有的角色、對應(yīng)的群....................

本文共分為7章，內(nèi)容簡介如下：

第1章介紹背景目的和意義。以及對適..................

第2章介紹在適老化住宅設(shè)計(jì)系統(tǒng)設(shè)計(jì)中使用的技術(shù).....................

第3章主要對適老化住宅設(shè)計(jì)系統(tǒng)進(jìn)行需求分析。以完................

第4章介紹了系統(tǒng)的總體架構(gòu)設(shè)計(jì)。對適老化住宅設(shè)計(jì)系統(tǒng)....................

第5章主要為系統(tǒng)的實(shí)現(xiàn)。對系統(tǒng)前后端進(jìn)行分別...........................

第6章主要介紹系統(tǒng)測試。首先是單元測試，集成測試，然后是系................

第7章為總結(jié)與......................

2? 相關(guān)開發(fā)技術(shù)與實(shí)驗(yàn)環(huán)境

2.1? 相關(guān)開發(fā)技術(shù)介紹

2.1.1 ?JavaScript語言

JavaScript最初是受Java語言的開發(fā)而開始設(shè)計(jì)的，后來逐漸備受前端的喜愛。JavaScript分為三個部分,一是ECMAScript，在最初的標(biāo)準(zhǔn).....................

2.1.2 ?Jquery框架

Jquery相當(dāng)于Js的升級版，內(nèi)部封裝了Js，通過Jquery可以直接調(diào)度Js庫，不需要再書寫原生的Js。這也是Jquery最明顯的優(yōu)點(diǎn)，更好的操作原生標(biāo)....................

2.1.3 ?Ajax技術(shù)

Ajax是一個用于快速創(chuàng)建動態(tài)網(wǎng)頁的技術(shù)，可以發(fā)送異步請求，是頁面出現(xiàn)懶加載的動態(tài)效果。Ajax的存在是因?yàn)闉g覽器的同源策略造成的。這也是...................

2.1.4 ?MySQL技術(shù)

數(shù)據(jù)庫介紹：MySQL屬于關(guān)系型數(shù)據(jù)庫，表與表之間的聯(lián).................

2.2? 實(shí)驗(yàn)環(huán)境介紹

Vue是一套構(gòu)建用戶界面的漸進(jìn)式前端框架。只關(guān)注視圖層，并且非常容易學(xué)習(xí)，還可以很方.............

本項(xiàng)目是以Node開發(fā)后端服務(wù)器的啟動，配合Ajax進(jìn).................

3? 可行性分析與需求分析

3.1? 可行性分析

可行性的分析會圍繞著經(jīng)濟(jì)、技術(shù)、操作和系統(tǒng)需..............

3.1.1 ?經(jīng)濟(jì)可行性

本系統(tǒng)所涉及到的相關(guān)技術(shù)資料、參考文獻(xiàn)以及系統(tǒng)開........................

3.1.2 ?技術(shù)可行性

本系統(tǒng)是一個以Vue技術(shù)體系為支撐的系統(tǒng)，使用Vue框架編....................

3.1.3 ?操作可行性

本次畢業(yè)設(shè)計(jì)整個系統(tǒng)采用模塊式設(shè)計(jì)，操作簡單。對需求.............

3.2 ?系統(tǒng)需求分析

經(jīng)過了認(rèn)真細(xì)致的考察，通過嚴(yán)謹(jǐn)?shù)姆治?#xff0c;決定本系統(tǒng)的功能需求如下：

網(wǎng)站簡單易操作，為老人提供便捷服務(wù)，網(wǎng)站需要滿足三種適用人群...................

3.3? 例圖設(shè)計(jì)

適老化改造系統(tǒng)的設(shè)計(jì)分為三類：專家、管理.................

3.3.1? 專家用例圖

專家這個角色是面向用戶的，可以發(fā)布自己有想法的一些..................

圖 3-1 ?專家用例圖

3.3.2? 管理員用例圖

管理員在后臺管理系統(tǒng)對前臺的各個功能展示做出系列的管理。主要表現(xiàn)對前臺方案管................

圖3-2? 管理員用例圖

3.3.3 ?用戶用例圖

用戶可以進(jìn)行登錄以及注冊，登錄以后可以對自身能力進(jìn)行評估，然后生成能力評估圖，根據(jù)....................

圖 3-3 ?用戶用例圖

3.4 ?系統(tǒng)性能分析

系統(tǒng)的性能分析主要是高并發(fā)和高可用。例如，如果幾百用戶同時在線，則無法保...................

3.4.1? 時間性能要求

前臺頁面因?yàn)樾枰ㄟ^Ajax發(fā)送跨域請求，所以在時間上，如果因?yàn)榫W(wǎng)絡(luò)...............

3.4.2 ?靈活性能要求

本次畢業(yè)設(shè)計(jì)整個系統(tǒng)采用模塊式設(shè)計(jì)，操作簡單。對需求進(jìn)行...................

3.5? 系統(tǒng)功能上需要解決的技術(shù)問題

（1）系統(tǒng)的高并發(fā)問題是最.............

（2）在統(tǒng)計(jì)圖管理上避免不了一些用戶刻意偽造數(shù)據(jù)，那么相應(yīng)的后臺...............

（3）在Vue組件化上進(jìn)行傳送數(shù)據(jù)，如果數(shù)據(jù)量過多，發(fā)生錯...............

（4）在后臺管理用戶數(shù)據(jù)使用樹形的結(jié)構(gòu)列為表格結(jié)構(gòu)，后臺數(shù)...............

3.6 ?系統(tǒng)開發(fā)環(huán)境

本系統(tǒng)是一個以Vue技術(shù)體系為支撐的系統(tǒng)，主頁使用Vue框架編寫，整個系................

4? 系統(tǒng)總體設(shè)計(jì)

4.1? 系統(tǒng)功能描述

該系統(tǒng)包含前臺展示與后端數(shù)據(jù)處理，前臺用戶進(jìn)行對自己的評估，后臺實(shí)時...............

4.1.1? 專家模塊管理功能

（1）根據(jù)登錄賬號的不同，專家可以查看自己發(fā)布...................

（2）專家查看預(yù)約者的信息，并.............

4.1.2 ?管理員模塊功能

（1）管理員根據(jù)老年人的年齡信息進(jìn)行統(tǒng)計(jì)管理并形...............

（2）對專家發(fā)布的適老化改...............

（3）對前臺用戶...............

（5）對前臺輪播圖..............

（6）查看專家發(fā)布的方................

（7）對前臺家具模塊...................

4.1.3? 用戶模塊功能

（1）老年人能力評估模塊設(shè)計(jì)：老人根據(jù)自身的居住方式，生活方式，經(jīng)濟(jì)狀況，健康狀況，年齡，以及身體狀況通過表單進(jìn)行輸入和選擇,生成個人.................

（2）個性化適老改造方案模塊設(shè)計(jì)：針對老年人個人的能力評估結(jié)果和生成個性化設(shè)計(jì)建議圖示，用戶可以尋找專家進(jìn)行預(yù)約,對自己的個人詳...............

（3）模塊化適老改造方案模塊設(shè)計(jì)：根據(jù)廚房，洗手間，浴室，地板，扶手..................

4.1.4? 系統(tǒng)的主要功能結(jié)構(gòu)圖

系統(tǒng)的主要功能結(jié)構(gòu)圖，適老化住宅設(shè)計(jì)系統(tǒng)前臺如圖4-1所示，適老化住宅..................

圖4-1? 系統(tǒng)的前臺功能結(jié)構(gòu)圖

圖4-2? 系統(tǒng)的后臺功能結(jié)構(gòu)圖

4.2 ?數(shù)據(jù)庫實(shí)體設(shè)計(jì)

本系統(tǒng)數(shù)據(jù)庫采用Power Designer設(shè)計(jì)。數(shù)據(jù)庫存儲我們所需要的數(shù)據(jù)，數(shù)據(jù)庫中的表也是相互關(guān)聯(lián)。在這個數(shù)據(jù)庫設(shè)計(jì)上，實(shí)體對象包括模塊化適老實(shí)例、住宅設(shè)計(jì)方案..............

4.2.1? 模塊化適老設(shè)計(jì)

模塊化適老實(shí)體屬性包括ID、Logo、名稱、創(chuàng)建時間、更新時間、類型、推薦總數(shù)...............

圖4-3 ?模塊化適老實(shí)體屬性圖

4.2.2? 住宅設(shè)計(jì)方案設(shè)計(jì)

住宅設(shè)計(jì)方案實(shí)體屬性包括ID、方案名稱、用戶ID、封面圖片、方案詳情................

圖4-4? 住宅設(shè)計(jì)方案實(shí)體屬性圖

4.2.3? 用戶設(shè)計(jì)

用戶實(shí)體屬性包括方案ID、ID、用戶名、昵稱、密碼、頭像、用戶類型、專家................

圖4-5? 用戶實(shí)體屬性圖

4.2.4 ?老年人能力信息設(shè)計(jì)

老年人能力信息實(shí)體屬性ID、用戶名、薪資、年...............

圖4-6? 老年人能力信息實(shí)體屬性圖

4.2.5 ?用戶預(yù)約信息設(shè)計(jì)

用戶預(yù)約信息實(shí)體屬性貼子ID、設(shè)計(jì)師ID、客戶聯(lián)系電話、預(yù)約者...............

圖4-7? 用戶預(yù)約信息實(shí)體屬性圖

4.2.6? 評論預(yù)約信息設(shè)計(jì)

評論預(yù)約信息實(shí)體屬性ID、標(biāo)題、主配圖片、內(nèi)容、是否輪播圖、閱讀.............

圖4-8? 評論信息實(shí)體屬性圖

4.2.7? 系統(tǒng)全局E-R圖

系統(tǒng)全局E-R圖.............

圖4-9? 系統(tǒng)全局E-R圖

4.3? 適老化設(shè)計(jì)管理系統(tǒng)數(shù)據(jù)庫

數(shù)據(jù)庫是連接前端與后端最重要的部分，在此環(huán)節(jié)上，數(shù)據(jù)庫實(shí)............

4.3.1? 模塊化適老信息表

模塊表包括ID、模塊名稱、模塊類型、模塊logo、模塊推薦數(shù)、創(chuàng)建時間、更新.................

表4-1 模塊化適老表(model)

方案表包括ID、用戶ID、方案名稱、封面照片，方案詳情，設(shè)計(jì)風(fēng)格，戶型，面積，地主，價(jià).............4.3.2? 住宅設(shè)計(jì)方案信息表

表4-2 住宅設(shè)計(jì)方案信息表（demo）

字段名	描述	類型	長度	是否空	是否主鍵
id	id	int	11	否	是
user_id	用戶id	int	11	是	否
title	方案名稱	Varchar	50	是	否
url	封面圖片	Varchar	250	是	否
detail	方案詳情	Varchar	255	是	否
style	設(shè)計(jì)風(fēng)格	int	11	是	否
type	戶型	int	11	是	否
space	面積	Varchar	50	是	否
address	地址	Varchar	64	是	否
price	價(jià)格	Varchar	50	是	否
create_time	創(chuàng)建時間	Datetime	50	是	否
update_time	更新時間	Datetime	50	是	否

4.3.3? 用戶信息表

本表存儲用戶信息，包括主鍵，用戶名，別名，密碼，頭像，用戶類型，設(shè)計(jì)師等級，經(jīng)驗(yàn)簡............

表4-3? 用戶信息表（user）

本表存儲老年人能力信息，包括用戶名、薪資、年齡，健康.............

4.3.4? 老年人能力信息表

表4-4? 老年人能力信息表（users）

4.3.5? 預(yù)約信息表

預(yù)約信息表包括帖子ID、預(yù)約者ID、設(shè)計(jì)師ID、客戶姓名、客戶................

表名4-5? 預(yù)約信息表（apply）

評論信息表包括ID、標(biāo)題、主配圖片、內(nèi)容、更新時間、創(chuàng)建時間、狀態(tài)。評論信息表如表4-6所示。4.3.6? 評論信息表

表4-6? 評論信息表（comment）

字段名	描述	類型	長度	是否空	是否主鍵
id	id	int	11	否	是
user_id	用戶id	int	11	是	否
demo_id	方案id	int	11	是	否
content	內(nèi)容	Varchar	50	是	否
create_time	創(chuàng)建時間	Datetime	50	是	否
update_time	更新時間	Datetime	50	是	否
status	狀態(tài)	int	11	是	否

4.4? 系統(tǒng)功能流程圖

（1）用戶進(jìn)入前端界面需要先進(jìn)行注冊，輸入注冊信息，前端首先校驗(yàn)用戶名密..............

（2）用戶注冊成功后，用戶進(jìn)行登錄操作，輸入自己的用戶名和密碼，登陸成功后進(jìn)..............

圖4-10? 注冊流程圖????????????????????? ?????? 圖4-11? 登錄流程圖

（3）用戶首先需要登錄，可以針對自己的身體情況及家庭情況，對表..............

（4）用戶登陸成功后，可以選擇個性化適老改造，選擇預(yù)約的專家，界面會給..............

圖4-12? 老年人能力評估流程圖???????????? 圖4-13? 個性化適老改造流程圖

4.5? 系統(tǒng)功能時序圖

4.5.1? 專家時序圖

專家時序圖如圖4-14所示。

圖4-14? 專家時序圖

4.5.2? 管理員時序圖

管理員時序圖如圖4-15所示。

圖4-15? 管理員時序圖

4.4.2? 用戶時序圖

用戶時序圖如圖4-16所示。

圖4-16? 用戶時序圖

?

5? 系統(tǒng)功能實(shí)現(xiàn)

5.1 ?用戶登錄系統(tǒng)模塊

還沒有賬號時，可以點(diǎn)擊注冊的按鈕進(jìn)行注冊；進(jìn)行注冊賬號之后，可以登錄系................

圖5-1 ?用戶注冊界面

用戶注冊核心代碼如下：

var data = {'type':type,'username':username,'nickname':nickname,'password':password}; $.ajax({ ????? url: '/signup', ????? type: "POST", ????? dataType: "JSON", ????? contentType: "application/json", ????? data: JSON.stringify(data), ????? beforeSend: function () { ?// 禁用按鈕防止重復(fù)提交 ?????? $("#register_........................

圖5-2 ?用戶登錄界面

用戶登錄核心代碼如下：

var data = {'username':username,'password':password}; ??? $.ajax({ ????? url: '/signin', ????? type: "POST",dataType: "JSON", ????? contentType: "application/json",data: JSON.stringify(data), ????? beforeSend: function () { ????? // 禁用按鈕防止重復(fù)提交 ??????? $("#login_submit").attr({disabled: "disabled"});}, ????????? success: function (data) { ??????????? if (data.code == "...................

5.2 ?老年人能力評估模塊

根據(jù)自身的居住方式，生活方式，經(jīng)濟(jì)狀況，健康狀況，年齡，以及身體狀況通過表單進(jìn)行輸入和選擇，成個人能力評估結(jié)果并進(jìn)行圖形化的展示，而明顯的..................

圖5-3 ?老年人能力評估圖

老年人能力評估核心代碼如下：

this.$refs[formName].validate((valid) => { ??? if (valid) { ????? let para = {"username": this.formData.username, "age": this.formData.age, "money": this.formData.money,"living":this.formData.living}; ??????? axios.post("ability?health="+this.......................

5.3 ?個性化適老改造方案模塊

根據(jù)老年人的居住方式，生活方式，經(jīng)濟(jì)狀況，健康狀況，年齡，以及身體狀況生成的個人能力評估結(jié)果,自動生成個性化設(shè)計(jì)簡易圖示供老人進(jìn)行參考，老人可以..................

?圖5-4 專家列表

圖5-5 專家詳情圖

專家詳情核心代碼如下：

<h1 class="con_tilte">${design.nickname == null?design.username:design.nickname}</h1> ?? <p class="bloginfo"> ???? <i class="avatar"> <img src="${design.avatar}"></i> ????? <span>${design.nickname == null?design.username:design.nickname}</span> ????? <span> <fmt:formatDate value="${design.createTime}" pattern="yyyy-MM-dd"/></span> ????? <span>預(yù)約量${design.applyNumber}</span> </p> ????? <p class="con_info"><b>簡介</b> ????? <c:set var="summary" value="${design.resumeText}"/> ????? <c:choose> ????? <c:when test=.............................

圖5-6 個性化設(shè)計(jì)建議

圖5-7 預(yù)約信息圖

預(yù)約信息核心代碼如下：

var data={"user2Id":user2Id,"customerName":customerName,"telphone":telphone,"space":space,"style":style,"type":type,"address":address,"detail":detail,"detailText":detailText}; $.ajax({ ?????? url:"/design/apply", ?????? type: "POST", ?????? dataType: "JSON", ?????? contentType: "a...................

5.4 ?模塊化適老改造模塊

根據(jù)廚房、洗手間、浴室、地板、扶手等房間中主要部位進(jìn)行單個的模塊化方案改造，方便老人可以進(jìn)行單個模塊選擇，另外用戶可通過模塊下的選......................

圖5-8? 模塊化適老改造圖

模塊化適老改造核心代碼如下：

public String list(HttpServletRequest request, ModelMap map){ ?String typeId = request.getParameter("type"); ?? String currentPage = request.getParameter("pageNo"); ?? String wd = request.getParameter("wd"); ?? Integer pageNo = currentPage==null?null:Integer.valueOf(currentPage); ?? Integer type = (typeId==null.............................

圖5-9 ?推薦排行圖

推薦排行核心代碼如下：

List<Company> companyTopStarList = iCompanyService.selectTopStarList(8); ??? map.put("companyTopStarList",companyTopStarList); ???.......................

圖5-10 ?模塊詳情圖

模塊詳情核心代碼如下：

Company company = iCompanyService.selectById(id); User user = (User) getSession(SessionKey.CURRENT_USER); ??? if(user!=null){ ?????? Star star = iStarService.selectWithUserAndCompany(user.getId(),id); ????????? if(star!=null){ company.setIs..................

5.5? 適老改造方案推薦模塊

根據(jù)用戶的喜愛狀況統(tǒng)計(jì)模型，推薦受老年人喜愛的適老化改造方案進(jìn)行展示。方案生成以后，會自動生成方案的點(diǎn)贊排行，并且用戶可以根據(jù)自己喜.................

圖5-11 適老改造方案推薦列表圖

適老化改造方案推薦核心代碼如下：

?????? public String list(HttpServletRequest request, ModelMap map){ ??????? String styleId = request.getParameter("style"); ??????? String currentPage = request.getParameter("pageNo"); ??????? String wd = request.getParameter("wd"); ??????? Integer pageNo = currentPage==null?null:Integer.valueOf(currentPage); ??????? Integer style = (styleId==null........................

圖5-12 適老改造方案詳情圖

適老化改造方案詳情核心代碼如下：

?public String view(@PathVariable(value = "id")Integer id,ModelMap map){ ??????? Demo demo = iDemoService.selectById(id); ??????? if(demo.getStatus() != 2){ ??????????? throw new RuntimeException("該案例不存在或者未通過審核！"); } ??????? User user = (User) getSession(..................

圖5-13 適老改造方案點(diǎn)贊排行圖

適老化改造方案點(diǎn)贊排行核..................

List<Demo> demoTopPraiseList = iDemoService.selectTopPraiseList(8); ?? ??map.put("demoTopPraiseList",demoT.................

圖5-14 適老改造方案點(diǎn)贊評論圖

適老化改造方案點(diǎn)贊評論核心代碼如下：

public JSONReturn praise(@RequestBody Praise p){ ??????? User user = (User) getSession(SessionKey.CURRENT_USER); ??????? Praise praise = iPraiseService.selectByUserIdAndDemo(user.getId(),p.getDemoId()); ??????? if(praise!=null){ return JSONReturn.buildFailure("已點(diǎn)贊，請勿重復(fù)操作哦！");} ??????? praise = new .............................

5.6 ?后臺功能模塊

根據(jù)前臺中老年人的能力信息進(jìn)行統(tǒng)計(jì)管理并形成圖形化展示，用于.........................

圖5-15 年齡統(tǒng)計(jì)圖

能力信息統(tǒng)計(jì)核心代碼如下：

?????? public Map abilityServlet() { ??????? List<Map<String, Object>> list = abilityService.findMemberAgeCount(); ??????? Map<String, Object> map = new HashMap<>(); ??????? map.put("ageCount",list); ??????? List<String> memberAge = ne......................

對專家發(fā)布的適老改造方案進(jìn)行管理。如圖5-16所示。

圖5-16 ?方案管理模塊

方案管理模塊核心代碼如下：

?public Page list(@RequestParam Map<String,Object> params){ ??????? PageQuery query = new PageQuery(params); ??????? List<Demo> data = iDemoServi..................

管理員輸入賬號和密碼以后登錄到后臺，界面如圖5-17所示。

圖5-17 ?登錄管理界面

登錄管理核心代碼如下：

?? public JSONReturn login(@RequestBody User u, HttpServletRequest request){ ??????? User admin = iUserService.selectByUsername(u.getUsername()); ??????? if(admin==null){ ??????????? return JSONReturn.buildFa..................

管理員可以對用戶信息進(jìn)行管理，包括對信息的添加、修改...............

圖5-18 用戶信息管理圖

用戶信息管理核心代碼如下：

public Page list(@RequestParam Map<String,Object> params){ ???? PageQuery query = new PageQuery(params); ???? List<User> data = iUserServ.................

管理員可以對用戶的評論信息進(jìn)行管理，包括對信息的查看、刪除、審................

圖5-19 評論信息管理圖

評論信息核心代碼如下：

??? public Page list(@RequestParam Map<String,Object> params){ ??????? PageQuery query = new PageQuery(params); ???? ???List<Comment> data = iCommentService.queryList(query); ??????? int total = iComm....................

6? 系統(tǒng)測試

6.1 ?單元測試

通過對系統(tǒng)的最不起眼的位置檢查，逐層.......................

6.2? 集成測試

集成調(diào)試主要是將系統(tǒng)整合之................

6.2.1 ?前臺功能測試

前臺使用者登錄注冊功能測試。

點(diǎn)擊登錄以后進(jìn)入登錄界面，未進(jìn)行注冊用戶點(diǎn)擊....................

表6-1 用戶注冊測試表

?

用戶登錄	期望結(jié)果	實(shí)際結(jié)果
用戶名:用戶 密碼:111111	登錄成功，跳轉(zhuǎn)到針對性飲食方案模塊	登錄成功，跳轉(zhuǎn)到針對性飲食方案模塊
用戶名:用戶 密碼:111111	登錄失敗，提示“賬號或密碼錯誤，請重新輸入”	登錄失敗，提示“賬號或密碼錯誤，請重新輸入”
用戶名:用戶 密碼:222222	登錄失敗，提示“賬號或密碼錯誤，請重新輸入”	登錄失敗，提示“賬號或密碼錯誤，請重新輸入”

表6-2 用戶登錄測試表

6.2.2? 模塊化適老改造模塊功能測試

模塊化適老改造模塊功能測試，用戶點(diǎn)擊對應(yīng)的模塊進(jìn)行查看,測試結(jié)果如表6-3所示。

表6-3模塊化適老改造

模塊名稱	期望結(jié)果	實(shí)際結(jié)果
起居室	跳轉(zhuǎn)到起居室模塊	跳轉(zhuǎn)到起居室模塊
臥室	跳轉(zhuǎn)到臥室模塊	跳轉(zhuǎn)到臥室模塊
廚房	跳轉(zhuǎn)到廚房模塊	跳轉(zhuǎn)到廚房模塊
衛(wèi)生間	跳轉(zhuǎn)到衛(wèi)生間模塊	跳轉(zhuǎn)到衛(wèi)生間模塊

適老改造方案模塊功能測試，用戶可以查看已有的改造方案進(jìn)行查看，測試結(jié)果如表6-4所示。

表6-4 適老改造方案模塊

方案名稱	期望結(jié)果	實(shí)際結(jié)果
名稱	跳轉(zhuǎn)到對應(yīng)方案	跳轉(zhuǎn)到對應(yīng)方案

專家預(yù)模塊功能測試，專家對用戶的預(yù)約信息進(jìn)行查看,并根據(jù)預(yù)約信息進(jìn)行回復(fù),測試結(jié)果如表6-5所示。

表6-5 專家預(yù)模塊功能

方案回復(fù)	期望結(jié)果	實(shí)際結(jié)果
名稱	回復(fù)成功	回復(fù)成功

6.2.3? 后臺功能測試

后臺管理員登陸功能測試，進(jìn)入后臺登錄界面，輸入用戶名、密碼后可以直接訪問主頁。表6-6分................

表6-6 管理員登錄測試表

后臺登錄表單輸入	期望結(jié)果	實(shí)際結(jié)果
用戶名:admin 密碼:111111	登錄成功，跳轉(zhuǎn)到主頁進(jìn)行后續(xù)操作	登錄成功，跳轉(zhuǎn)到主頁進(jìn)行后續(xù)操作
用戶名:用 密碼:111111	登錄失敗，提示“賬號或密碼錯誤，請重新輸入”	登錄失敗，提示“賬號或密碼錯誤，請重新輸入”

方案管理功能測試，管理員對專家的發(fā)布的方案,進(jìn)行編輯,修改,刪除,測試結(jié)果如.............

表6-7 方案管理功能

表6-8 老年人能力信息統(tǒng)計(jì)老年人能力信息統(tǒng)計(jì)功能測試，老年人能力信息統(tǒng)計(jì)..............

能力信息統(tǒng)計(jì)	期望結(jié)果	實(shí)際結(jié)果
修改空間信息	展示成功	展示成功

6.3? 測試結(jié)論與分析

通過對前臺系統(tǒng)功能及后臺系統(tǒng)功能的詳細(xì)測試以后，滿足基于Vue的..............

7? 總結(jié)與展望

7.1? 總結(jié)

本文經(jīng)過對居家養(yǎng)老模式下適老化改造的詳細(xì)設(shè)計(jì)，完成了本系統(tǒng)。本文的............

（1）通過研究分析其他系統(tǒng)，進(jìn)行數(shù)據(jù)的統(tǒng)計(jì)和參考，總結(jié)歸.............

（2）結(jié)合功能的需求，歸納出所.................

（3）從系統(tǒng)功能需求、系統(tǒng)性能需求以及系統(tǒng)可行性...............

（4）從系統(tǒng)的整體架構(gòu)出發(fā)，完成了居家養(yǎng)老模........

（5）通過對系統(tǒng)的功能進(jìn)行詳細(xì)測試以后，滿足基于居家.............

需要詳細(xì)內(nèi)容的在下面鏈接下載

基于vue的適老化住宅設(shè)計(jì)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn).rar-互聯(lián)網(wǎng)文檔類資源-CSDN下載內(nèi)容包括詳細(xì)設(shè)計(jì)文檔word版，附帶開題報(bào)告和相關(guān)PPT等文檔，供大家參考學(xué)習(xí)。摘要：本系統(tǒng)擬設(shè)計(jì)一更多下載資源、學(xué)習(xí)資料請?jiān)L問CSDN下載頻道.https://download.csdn.net/download/u013253075/51009884?spm=1001.2014.3001.5503

????????最后說一下，如果大家對硬件和編程感興趣，可以點(diǎn)擊牛客網(wǎng)這個連接看看，是個不錯的學(xué)習(xí)網(wǎng)站，是學(xué)長推薦給我的，因?yàn)橹罢夜ぷ鞯臅r候沒有太多經(jīng)驗(yàn)，也不知道怎么準(zhǔn)備，去哪里搜資源，走了很多彎路，所以推薦給大家，當(dāng)初在上面大量刷題還看了好多面試經(jīng)驗(yàn)等，反正上面有很多課程+刷題+面經(jīng)+求職+討論區(qū)等資源，關(guān)鍵里面的資源全部公開免費(fèi)，不用花錢，希望能幫助家！????

總結(jié)

以上是生活随笔為你收集整理的基于vue的适老化住宅设计系统的设计与实现的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。