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

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

目? 錄

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

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

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

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

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

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

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

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

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

2.1.1 ?JavaScript語(yǔ)言---------------------------------------------------------- 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? 專(zhuān)家用例圖-------------------------------------------------------------- 7

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

3.3.3 ?用戶(hù)用例圖-------------------------------------------------------------- 8

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

3.4.1? 時(shí)間性能要求----------------------------------------------------------- 8

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

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

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

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

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

4.1.1? 專(zhuān)家模塊管理功能----------------------------------------------------- 10

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

4.1.3? 用戶(hù)模塊功能---------------------------------------------------------- 10

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

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

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

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

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

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

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

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

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

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

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

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

4.3.3? 用戶(hù)信息表------------------------------------------------------------- 16

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

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

4.3.6? 評(píng)論信息表------------------------------------------------------------- 18

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

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

4.5.1? 專(zhuān)家時(shí)序圖------------------------------------------------------------- 21

4.5.2? 管理員時(shí)序圖---------------------------------------------------------- 21

4.4.2? 用戶(hù)時(shí)序圖------------------------------------------------------------- 22

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

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

5.2 ?老年人能力評(píng)估模塊--------------------------------------------------------- 26

5.3 ?個(gè)性化適老改造方案模塊--------------------------------------------------- 27

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

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

5.6 ?后臺(tái)功能模塊----------------------------------------------------------------- 38

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

6.1 ?單元測(cè)試---------------------------------------------------------------------- 42

6.2? 集成測(cè)試---------------------------------------------------------------------- 42

6.2.1 ?前臺(tái)功能測(cè)試---------------------------------------------------------- 42

6.2.2? 模塊化適老改造模塊功能測(cè)試--------------------------------------- 43

6.2.3? 后臺(tái)功能測(cè)試---------------------------------------------------------- 44

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

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

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

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

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

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

摘? 要

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

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

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

關(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? 研究背景

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

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

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

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

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

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

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

1.3 ?研究的目的和意義

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

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

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

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

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

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

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

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

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

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

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

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

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

2.1.1 ?JavaScript語(yǔ)言

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

2.1.2 ?Jquery框架

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

2.1.3 ?Ajax技術(shù)

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

2.1.4 ?MySQL技術(shù)

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

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

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

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

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

3.1? 可行性分析

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

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

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

3.1.2 ?技術(shù)可行性

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

3.1.3 ?操作可行性

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

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

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

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

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

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

3.3.1? 專(zhuān)家用例圖

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

圖 3-1 ?專(zhuān)家用例圖

3.3.2? 管理員用例圖

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

圖3-2? 管理員用例圖

3.3.3 ?用戶(hù)用例圖

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

圖 3-3 ?用戶(hù)用例圖

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

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

3.4.1? 時(shí)間性能要求

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

3.4.2 ?靈活性能要求

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

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

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

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

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

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

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

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

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

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

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

4.1.1? 專(zhuān)家模塊管理功能

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

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

4.1.2 ?管理員模塊功能

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

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

（3）對(duì)前臺(tái)用戶(hù)...............

（5）對(duì)前臺(tái)輪播圖..............

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

（7）對(duì)前臺(tái)家具模塊...................

4.1.3? 用戶(hù)模塊功能

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

用戶(hù)實(shí)體屬性包括方案ID、ID、用戶(hù)名、昵稱(chēng)、密碼、頭像、用戶(hù)類(lèi)型、專(zhuān)家................

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

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

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

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

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

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

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

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

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

圖4-8? 評(píng)論信息實(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ù)庫(kù)

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

4.3.1? 模塊化適老信息表

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

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

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

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

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

4.3.3? 用戶(hù)信息表

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

表4-3? 用戶(hù)信息表（user）

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

4.3.4? 老年人能力信息表

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

4.3.5? 預(yù)約信息表

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

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

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

表4-6? 評(píng)論信息表（comment）

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

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

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

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

圖4-10? 注冊(cè)流程圖????????????????????? ?????? 圖4-11? 登錄流程圖

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

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

圖4-12? 老年人能力評(píng)估流程圖???????????? 圖4-13? 個(gè)性化適老改造流程圖

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

4.5.1? 專(zhuān)家時(shí)序圖

專(zhuān)家時(shí)序圖如圖4-14所示。

圖4-14? 專(zhuān)家時(shí)序圖

4.5.2? 管理員時(shí)序圖

管理員時(shí)序圖如圖4-15所示。

圖4-15? 管理員時(shí)序圖

4.4.2? 用戶(hù)時(shí)序圖

用戶(hù)時(shí)序圖如圖4-16所示。

圖4-16? 用戶(hù)時(shí)序圖

?

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

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

還沒(méi)有賬號(hào)時(shí)，可以點(diǎn)擊注冊(cè)的按鈕進(jìn)行注冊(cè)；進(jìn)行注冊(cè)賬號(hào)之后，可以登錄系................

圖5-1 ?用戶(hù)注冊(cè)界面

用戶(hù)注冊(cè)核心代碼如下：

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 ?用戶(hù)登錄界面

用戶(hù)登錄核心代碼如下：

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 ?老年人能力評(píng)估模塊

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

圖5-3 ?老年人能力評(píng)估圖

老年人能力評(píng)估核心代碼如下：

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 ?個(gè)性化適老改造方案模塊

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

?圖5-4 專(zhuān)家列表

圖5-5 專(zhuān)家詳情圖

專(zhuān)家詳情核心代碼如下：

<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>簡(jiǎn)介</b> ????? <c:set var="summary" value="${design.resumeText}"/> ????? <c:choose> ????? <c:when test=.............................

圖5-6 個(gè)性化設(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)行單個(gè)的模塊化方案改造，方便老人可以進(jìn)行單個(gè)模塊選擇，另外用戶(hù)可通過(guò)模塊下的選......................

圖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ù)用戶(hù)的喜愛(ài)狀況統(tǒng)計(jì)模型，推薦受老年人喜愛(ài)的適老化改造方案進(jìn)行展示。方案生成以后，會(huì)自動(dòng)生成方案的點(diǎn)贊排行，并且用戶(hù)可以根據(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("該案例不存在或者未通過(guò)審核！"); } ??????? User user = (User) getSession(..................

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

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

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

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

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

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)贊，請(qǐng)勿重復(fù)操作哦！");} ??????? praise = new .............................

5.6 ?后臺(tái)功能模塊

根據(jù)前臺(tái)中老年人的能力信息進(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......................

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

圖5-16 ?方案管理模塊

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

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

管理員輸入賬號(hào)和密碼以后登錄到后臺(tái)，界面如圖5-17所示。

圖5-17 ?登錄管理界面

登錄管理核心代碼如下：

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

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

圖5-18 用戶(hù)信息管理圖

用戶(hù)信息管理核心代碼如下：

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

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

圖5-19 評(píng)論信息管理圖

評(píng)論信息核心代碼如下：

??? 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)測(cè)試

6.1 ?單元測(cè)試

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

6.2? 集成測(cè)試

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

6.2.1 ?前臺(tái)功能測(cè)試

前臺(tái)使用者登錄注冊(cè)功能測(cè)試。

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

表6-1 用戶(hù)注冊(cè)測(cè)試表

?

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

表6-2 用戶(hù)登錄測(cè)試表

6.2.2? 模塊化適老改造模塊功能測(cè)試

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

表6-3模塊化適老改造

模塊名稱(chēng)	期望結(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)生間模塊

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

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

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

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

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

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

6.2.3? 后臺(tái)功能測(cè)試

后臺(tái)管理員登陸功能測(cè)試，進(jìn)入后臺(tái)登錄界面，輸入用戶(hù)名、密碼后可以直接訪(fǎng)問(wèn)主頁(yè)。表6-6分................

表6-6 管理員登錄測(cè)試表

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

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

表6-7 方案管理功能

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

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

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

通過(guò)對(duì)前臺(tái)系統(tǒng)功能及后臺(tái)系統(tǒng)功能的詳細(xì)測(cè)試以后，滿(mǎn)足基于Vue的..............

7? 總結(jié)與展望

7.1? 總結(jié)

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

（1）通過(guò)研究分析其他系統(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）通過(guò)對(duì)系統(tǒng)的功能進(jìn)行詳細(xì)測(cè)試以后，滿(mǎn)足基于居家.............

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

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

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

總結(jié)

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

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