基于vue的适老化住宅设计系统的设计与实现
?word完整版可點擊如下下載>>>>>>>>
?基于vue的適老化住宅設計系統的設計與實現.rar-互聯網文檔類資源-CSDN下載內容包括詳細設計文檔word版，附帶開題報告和相關PPT等文檔，供大家參考學習。摘要：本系統擬設計一更多下載資源、學習資料請訪問CSDN下載頻道.https://download.csdn.net/download/u013253075/51009884?spm=1001.2014.3001.5503
目? 錄
摘? 要------------------------------------------------------------------------------------- I
ABSTRACT------------------------------------------------------------------------------ II
1? 緒論----------------------------------------------------------------------------------- 1
1.1? 研究背景----------------------------------------------------------------------- 1
1.2? 國內外研究現狀--------------------------------------------------------------- 1
1.3 ?研究的目的和意義------------------------------------------------------------- 2
1.4? 論文組織結構------------------------------------------------------------------ 2
2? 相關開發技術與實驗環境----------------------------------------------------------- 4
2.1? 相關開發技術介紹------------------------------------------------------------- 4
2.1.1 ?JavaScript語言---------------------------------------------------------- 4
2.1.2 ?Jquery框架-------------------------------------------------------------- 4
2.1.3 ?Ajax技術---------------------------------------------------------------- 4
2.1.4 ?MySQL技術------------------------------------------------------------ 4
2.2? 實驗環境介紹------------------------------------------------------------------ 5
3? 可行性分析與需求分析-------------------------------------------------------------- 6
3.1? 可行性分析--------------------------------------------------------------------- 6
3.1.1 ?經濟可行性-------------------------------------------------------------- 6
3.1.2 ?技術可行性-------------------------------------------------------------- 6
3.1.3 ?操作可行性-------------------------------------------------------------- 6
3.2 ?系統需求分析------------------------------------------------------------------ 6
3.3? 例圖設計----------------------------------------------------------------------- 6
3.3.1? 專家用例圖-------------------------------------------------------------- 7
3.3.2? 管理員用例圖----------------------------------------------------------- 7
3.3.3 ?用戶用例圖-------------------------------------------------------------- 8
3.4 ?系統性能分析------------------------------------------------------------------ 8
3.4.1? 時間性能要求----------------------------------------------------------- 8
3.4.2 ?靈活性能要求----------------------------------------------------------- 8
3.5? 系統功能上需要解決的技術問題--------------------------------------------- 9
3.6 ?系統開發環境------------------------------------------------------------------ 9
4? 系統總體設計----------------------------------------------------------------------- 10
4.1? 系統功能描述----------------------------------------------------------------- 10
4.1.1? 專家模塊管理功能----------------------------------------------------- 10
4.1.2 ?管理員模塊功能------------------------------------------------------- 10
4.1.3? 用戶模塊功能---------------------------------------------------------- 10
4.1.4? 系統的主要功能結構圖----------------------------------------------- 11
4.2 ?數據庫實體設計-------------------------------------------------------------- 11
4.2.1? 模塊化適老設計------------------------------------------------------- 12
4.2.2? 住宅設計方案設計----------------------------------------------------- 12
4.2.3? 用戶設計--------------------------------------------------------------- 12
4.2.4 ?老年人能力信息設計-------------------------------------------------- 13
4.2.5 ?用戶預約信息設計----------------------------------------------------- 13
4.2.6? 評論預約信息設計----------------------------------------------------- 14
4.2.7? 系統全局E-R圖------------------------------------------------------- 14
4.3? 適老化設計管理系統數據庫------------------------------------------------- 15
4.3.1? 模塊化適老信息表----------------------------------------------------- 15
4.3.2? 住宅設計方案信息表-------------------------------------------------- 16
4.3.3? 用戶信息表------------------------------------------------------------- 16
4.3.4? 老年人能力信息表----------------------------------------------------- 17
4.3.5? 預約信息表------------------------------------------------------------- 18
4.3.6? 評論信息表------------------------------------------------------------- 18
4.4? 系統功能流程圖-------------------------------------------------------------- 19
4.5? 系統功能時序圖-------------------------------------------------------------- 21
4.5.1? 專家時序圖------------------------------------------------------------- 21
4.5.2? 管理員時序圖---------------------------------------------------------- 21
4.4.2? 用戶時序圖------------------------------------------------------------- 22
5? 系統功能實現----------------------------------------------------------------------- 23
5.1 ?用戶登錄系統模塊----------------------------------------------------------- 23
5.2 ?老年人能力評估模塊--------------------------------------------------------- 26
5.3 ?個性化適老改造方案模塊--------------------------------------------------- 27
5.4 ?模塊化適老改造模塊--------------------------------------------------------- 30
5.5? 適老改造方案推薦模塊------------------------------------------------------ 34
5.6 ?后臺功能模塊----------------------------------------------------------------- 38
6? 系統測試----------------------------------------------------------------------------- 42
6.1 ?單元測試---------------------------------------------------------------------- 42
6.2? 集成測試---------------------------------------------------------------------- 42
6.2.1 ?前臺功能測試---------------------------------------------------------- 42
6.2.2? 模塊化適老改造模塊功能測試--------------------------------------- 43
6.2.3? 后臺功能測試---------------------------------------------------------- 44
6.3? 測試結論與分析-------------------------------------------------------------- 44
7? 總結與展望-------------------------------------------------------------------------- 45
7.1? 總結--------------------------------------------------------------------------- 45
7.2? 展望--------------------------------------------------------------------------- 45
參考文獻--------------------------------------------------------------------------------- 46
致? 謝----------------------------------------------------------------------------------- 48
摘? 要
隨著我國老齡化，老年人生活差異逐漸明顯，改善城市老年人的生活條件已成為一個共同的想法。在我國，傳統思想根深蒂固，家庭結構不盡復雜，而社會價值條件越來越高的情況下，只依靠國家補貼而建立的社會養老機構，不僅在數量上沒有辦法滿足現階段老年人增多的情況，還有條件上，老年人的需求也逐漸增高。
本系統擬設計一種基于Vue的適老化住宅設計系統，該系統通過對老年人能力進行評估以后，通過模型對比，生成個性化改造方案并進行圖形化顯示，用戶還可以根據模塊化適老改造方案模塊進行有效針對的模塊化的單一選擇，并且可以根據老年人能力評估的統計模型，給老年人推薦出當前受老年人喜愛的適老化推薦方案。系統通過Vue,ElementUI,Bootstrap等框架下Web應用研發的關鍵技術研究、Mysql數據庫詳細分析，設計基于 Vue的居家養老模式下適老化改造系統，該系統前端研發采用 Js,Html,Css,Vue等技術，Node作為系統后臺研發語言。在系統安全方面做了詳細分析，通過采用身份驗證、用戶權限、登錄信息加密等技術來保護用戶數據安全。
此基于Vue的適老化住宅設計系統界面設計簡潔直觀，功能使用迅捷高效，且在提高效率的同時，也實現了系統的基本功能需求。經測試，本系統可以實現適老化住宅設計系統中功能的基本要求，避免了傳統形式的復雜繁瑣；對于用戶而言，這是非常重要的，并且更加舒適，智能。
關鍵詞：適老改造? 住宅設計? 模型
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? 研究背景
目前的話我國養老的體系正在逐漸的完善，但是老人們還是都傾向于在家里進行養老。所以就現在來看，居家養老模式這種模式，更受老人們的喜歡，首先老年人在自家的房子居住一方面能和子女們經常見面，另一方面也能感受到家庭的溫馨。在家庭..............
目前我國的發展十分迅速，但同時人口老齡化也是普遍產生的一個問題，所以適合老人居住的房屋設計是越來越多老人們更加迫切的愿望。并且研究表明，大多數的老年....................
1.2? 國內外研究現狀
我國高度重視養老產業的發展，全國老齡委規劃國務院批準的針對老齡事業發展頒布的《中國老齡事業發展“十一五”規劃》，在這次規劃中提出了新的養老居住................
日本早在1970年就進入老齡化社會，歷經近50年相關研究，在居住設計方面，由機構養老的單一模式逐步過渡到居家養老為主、輔以社區養老服務[2]。建設了..................
在我國，為了讓老年人自己居住的住宅真正成為他們享受晚年生活的天堂，所以居家式老化改造逐漸走進人們的視線之中。但就目前而言，居家式老化改造并未實際的應..................
基于上述研究，本文擬設計一種居家養老模式下適老化改造系統，該系統通過對老年人能力評估以后，通過模型對比，生成個性化改造方案并進行圖形化顯示，用戶還可........................
1.3 ?研究的目的和意義
本系統研究的目的和意義隨著社會的不斷發展，老齡化的進程也在加快，并且老年人的居家養老問題也在受到社會的廣泛關注。并且，居家養老也是老人們心中所期望的，也是目前社會所發展的趨勢。本系統以解決老年人居家養老問題為目標，對老年人能力評.................
1.4? 論文組織結構
本論文通過了對適老化住宅設計系統的設計與實現，以現實生活對此的需求，在各個方面逐步分析，生成對適老化系統的分析。考慮到需要擁有的角色、對應的群....................
本文共分為7章，內容簡介如下：
第1章介紹背景目的和意義。以及對適..................
第2章介紹在適老化住宅設計系統設計中使用的技術.....................
第3章主要對適老化住宅設計系統進行需求分析。以完................
第4章介紹了系統的總體架構設計。對適老化住宅設計系統....................
第5章主要為系統的實現。對系統前后端進行分別...........................
第6章主要介紹系統測試。首先是單元測試，集成測試，然后是系................
第7章為總結與......................
2? 相關開發技術與實驗環境
2.1? 相關開發技術介紹
2.1.1 ?JavaScript語言
JavaScript最初是受Java語言的開發而開始設計的，后來逐漸備受前端的喜愛。JavaScript分為三個部分,一是ECMAScript，在最初的標準.....................
2.1.2 ?Jquery框架
Jquery相當于Js的升級版，內部封裝了Js，通過Jquery可以直接調度Js庫，不需要再書寫原生的Js。這也是Jquery最明顯的優點，更好的操作原生標....................
2.1.3 ?Ajax技術
Ajax是一個用于快速創建動態網頁的技術，可以發送異步請求，是頁面出現懶加載的動態效果。Ajax的存在是因為瀏覽器的同源策略造成的。這也是...................
2.1.4 ?MySQL技術
數據庫介紹：MySQL屬于關系型數據庫，表與表之間的聯.................
2.2? 實驗環境介紹
Vue是一套構建用戶界面的漸進式前端框架。只關注視圖層，并且非常容易學習，還可以很方.............
本項目是以Node開發后端服務器的啟動，配合Ajax進.................
3? 可行性分析與需求分析
3.1? 可行性分析
可行性的分析會圍繞著經濟、技術、操作和系統需..............
3.1.1 ?經濟可行性
本系統所涉及到的相關技術資料、參考文獻以及系統開........................
3.1.2 ?技術可行性
本系統是一個以Vue技術體系為支撐的系統，使用Vue框架編....................
3.1.3 ?操作可行性
本次畢業設計整個系統采用模塊式設計，操作簡單。對需求.............
3.2 ?系統需求分析
經過了認真細致的考察，通過嚴謹的分析，決定本系統的功能需求如下：
網站簡單易操作，為老人提供便捷服務，網站需要滿足三種適用人群...................
3.3? 例圖設計
適老化改造系統的設計分為三類：專家、管理.................
3.3.1? 專家用例圖
專家這個角色是面向用戶的，可以發布自己有想法的一些..................
圖 3-1 ?專家用例圖
3.3.2? 管理員用例圖
管理員在后臺管理系統對前臺的各個功能展示做出系列的管理。主要表現對前臺方案管................
圖3-2? 管理員用例圖
3.3.3 ?用戶用例圖
用戶可以進行登錄以及注冊，登錄以后可以對自身能力進行評估，然后生成能力評估圖，根據....................
圖 3-3 ?用戶用例圖
3.4 ?系統性能分析
系統的性能分析主要是高并發和高可用。例如，如果幾百用戶同時在線，則無法保...................
3.4.1? 時間性能要求
前臺頁面因為需要通過Ajax發送跨域請求，所以在時間上，如果因為網絡...............
3.4.2 ?靈活性能要求
本次畢業設計整個系統采用模塊式設計，操作簡單。對需求進行...................
3.5? 系統功能上需要解決的技術問題
（1）系統的高并發問題是最.............
（2）在統計圖管理上避免不了一些用戶刻意偽造數據，那么相應的后臺...............
（3）在Vue組件化上進行傳送數據，如果數據量過多，發生錯...............
（4）在后臺管理用戶數據使用樹形的結構列為表格結構，后臺數...............
3.6 ?系統開發環境
本系統是一個以Vue技術體系為支撐的系統，主頁使用Vue框架編寫，整個系................
4? 系統總體設計
4.1? 系統功能描述
該系統包含前臺展示與后端數據處理，前臺用戶進行對自己的評估，后臺實時...............
4.1.1? 專家模塊管理功能
（1）根據登錄賬號的不同，專家可以查看自己發布...................
（2）專家查看預約者的信息，并.............
4.1.2 ?管理員模塊功能
（1）管理員根據老年人的年齡信息進行統計管理并形...............
（2）對專家發布的適老化改...............
（3）對前臺用戶...............
（5）對前臺輪播圖..............
（6）查看專家發布的方................
（7）對前臺家具模塊...................
4.1.3? 用戶模塊功能
（1）老年人能力評估模塊設計：老人根據自身的居住方式，生活方式，經濟狀況，健康狀況，年齡，以及身體狀況通過表單進行輸入和選擇,生成個人.................
（2）個性化適老改造方案模塊設計：針對老年人個人的能力評估結果和生成個性化設計建議圖示，用戶可以尋找專家進行預約,對自己的個人詳...............
（3）模塊化適老改造方案模塊設計：根據廚房，洗手間，浴室，地板，扶手..................
4.1.4? 系統的主要功能結構圖
系統的主要功能結構圖，適老化住宅設計系統前臺如圖4-1所示，適老化住宅..................
圖4-1? 系統的前臺功能結構圖
圖4-2? 系統的后臺功能結構圖
4.2 ?數據庫實體設計
本系統數據庫采用Power Designer設計。數據庫存儲我們所需要的數據，數據庫中的表也是相互關聯。在這個數據庫設計上，實體對象包括模塊化適老實例、住宅設計方案..............
4.2.1? 模塊化適老設計
模塊化適老實體屬性包括ID、Logo、名稱、創建時間、更新時間、類型、推薦總數...............
圖4-3 ?模塊化適老實體屬性圖
4.2.2? 住宅設計方案設計
住宅設計方案實體屬性包括ID、方案名稱、用戶ID、封面圖片、方案詳情................
圖4-4? 住宅設計方案實體屬性圖
4.2.3? 用戶設計
用戶實體屬性包括方案ID、ID、用戶名、昵稱、密碼、頭像、用戶類型、專家................
圖4-5? 用戶實體屬性圖
4.2.4 ?老年人能力信息設計
老年人能力信息實體屬性ID、用戶名、薪資、年...............
圖4-6? 老年人能力信息實體屬性圖
4.2.5 ?用戶預約信息設計
用戶預約信息實體屬性貼子ID、設計師ID、客戶聯系電話、預約者...............
圖4-7? 用戶預約信息實體屬性圖
4.2.6? 評論預約信息設計
評論預約信息實體屬性ID、標題、主配圖片、內容、是否輪播圖、閱讀.............
圖4-8? 評論信息實體屬性圖
4.2.7? 系統全局E-R圖
系統全局E-R圖.............
圖4-9? 系統全局E-R圖
4.3? 適老化設計管理系統數據庫
數據庫是連接前端與后端最重要的部分，在此環節上，數據庫實............
4.3.1? 模塊化適老信息表
模塊表包括ID、模塊名稱、模塊類型、模塊logo、模塊推薦數、創建時間、更新.................
表4-1 模塊化適老表(model)
方案表包括ID、用戶ID、方案名稱、封面照片，方案詳情，設計風格，戶型，面積，地主，價.............4.3.2? 住宅設計方案信息表
表4-2 住宅設計方案信息表（demo）
| 字段名 | 描述 | 類型 | 長度 | 是否空 | 是否主鍵 |
| id | id | int | 11 | 否 | 是 |
| user_id | 用戶id | int | 11 | 是 | 否 |
| title | 方案名稱 | Varchar | 50 | 是 | 否 |
| url | 封面圖片 | Varchar | 250 | 是 | 否 |
| detail | 方案詳情 | Varchar | 255 | 是 | 否 |
| style | 設計風格 | int | 11 | 是 | 否 |
| type | 戶型 | int | 11 | 是 | 否 |
| space | 面積 | Varchar | 50 | 是 | 否 |
| address | 地址 | Varchar | 64 | 是 | 否 |
| price | 價格 | Varchar | 50 | 是 | 否 |
| create_time | 創建時間 | Datetime | 50 | 是 | 否 |
| update_time | 更新時間 | Datetime | 50 | 是 | 否 |
4.3.3? 用戶信息表
本表存儲用戶信息，包括主鍵，用戶名，別名，密碼，頭像，用戶類型，設計師等級，經驗簡............
表4-3? 用戶信息表（user）
本表存儲老年人能力信息，包括用戶名、薪資、年齡，健康.............
4.3.4? 老年人能力信息表
表4-4? 老年人能力信息表（users）
4.3.5? 預約信息表
預約信息表包括帖子ID、預約者ID、設計師ID、客戶姓名、客戶................
表名4-5? 預約信息表（apply）
評論信息表包括ID、標題、主配圖片、內容、更新時間、創建時間、狀態。評論信息表如表4-6所示。4.3.6? 評論信息表
表4-6? 評論信息表（comment）
| 字段名 | 描述 | 類型 | 長度 | 是否空 | 是否主鍵 |
| id | id | int | 11 | 否 | 是 |
| user_id | 用戶id | int | 11 | 是 | 否 |
| demo_id | 方案id | int | 11 | 是 | 否 |
| content | 內容 | Varchar | 50 | 是 | 否 |
| create_time | 創建時間 | Datetime | 50 | 是 | 否 |
| update_time | 更新時間 | Datetime | 50 | 是 | 否 |
| status | 狀態 | int | 11 | 是 | 否 |
4.4? 系統功能流程圖
（1）用戶進入前端界面需要先進行注冊，輸入注冊信息，前端首先校驗用戶名密..............
（2）用戶注冊成功后，用戶進行登錄操作，輸入自己的用戶名和密碼，登陸成功后進..............
圖4-10? 注冊流程圖????????????????????? ?????? 圖4-11? 登錄流程圖
（3）用戶首先需要登錄，可以針對自己的身體情況及家庭情況，對表..............
（4）用戶登陸成功后，可以選擇個性化適老改造，選擇預約的專家，界面會給..............
圖4-12? 老年人能力評估流程圖???????????? 圖4-13? 個性化適老改造流程圖
4.5? 系統功能時序圖
4.5.1? 專家時序圖
專家時序圖如圖4-14所示。
圖4-14? 專家時序圖
4.5.2? 管理員時序圖
管理員時序圖如圖4-15所示。
圖4-15? 管理員時序圖
4.4.2? 用戶時序圖
用戶時序圖如圖4-16所示。
圖4-16? 用戶時序圖
?5? 系統功能實現
5.1 ?用戶登錄系統模塊
還沒有賬號時，可以點擊注冊的按鈕進行注冊；進行注冊賬號之后，可以登錄系................
圖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 () { ?// 禁用按鈕防止重復提交 ?????? $("#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 () { ????? // 禁用按鈕防止重復提交 ??????? $("#login_submit").attr({disabled: "disabled"});}, ????????? success: function (data) { ??????????? if (data.code == "................... |
5.2 ?老年人能力評估模塊
根據自身的居住方式，生活方式，經濟狀況，健康狀況，年齡，以及身體狀況通過表單進行輸入和選擇，成個人能力評估結果并進行圖形化的展示，而明顯的..................
圖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 ?個性化適老改造方案模塊
根據老年人的居住方式，生活方式，經濟狀況，健康狀況，年齡，以及身體狀況生成的個人能力評估結果,自動生成個性化設計簡易圖示供老人進行參考，老人可以..................
?圖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>預約量${design.applyNumber}</span> </p> ????? <p class="con_info"><b>簡介</b> ????? <c:set var="summary" value="${design.resumeText}"/> ????? <c:choose> ????? <c:when test=............................. |
圖5-6 個性化設計建議
圖5-7 預約信息圖
預約信息核心代碼如下：
| 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 ?模塊化適老改造模塊
根據廚房、洗手間、浴室、地板、扶手等房間中主要部位進行單個的模塊化方案改造，方便老人可以進行單個模塊選擇，另外用戶可通過模塊下的選......................
圖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? 適老改造方案推薦模塊
根據用戶的喜愛狀況統計模型，推薦受老年人喜愛的適老化改造方案進行展示。方案生成以后，會自動生成方案的點贊排行，并且用戶可以根據自己喜.................
圖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 適老改造方案點贊排行圖
適老化改造方案點贊排行核..................
| List<Demo> demoTopPraiseList = iDemoService.selectTopPraiseList(8); ?? ??map.put("demoTopPraiseList",demoT................. |
圖5-14 適老改造方案點贊評論圖
適老化改造方案點贊評論核心代碼如下：
| 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("已點贊，請勿重復操作哦！");} ??????? praise = new ............................. |
5.6 ?后臺功能模塊
根據前臺中老年人的能力信息進行統計管理并形成圖形化展示，用于.........................
圖5-15 年齡統計圖
能力信息統計核心代碼如下：
| ?????? public Map abilityServlet() { ??????? List<Map<String, Object>> list = abilityService.findMemberAgeCount(); ??????? Map<String, Object> map = new HashMap<>(); ??????? map.put("ageCount",list); ??????? List<String> memberAge = ne...................... |
對專家發布的適老改造方案進行管理。如圖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.................. |
管理員可以對用戶信息進行管理，包括對信息的添加、修改...............
圖5-18 用戶信息管理圖
用戶信息管理核心代碼如下：
| public Page list(@RequestParam Map<String,Object> params){ ???? PageQuery query = new PageQuery(params); ???? List<User> data = iUserServ................. |
管理員可以對用戶的評論信息進行管理，包括對信息的查看、刪除、審................
圖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? 系統測試
6.1 ?單元測試
通過對系統的最不起眼的位置檢查，逐層.......................
6.2? 集成測試
集成調試主要是將系統整合之................
6.2.1 ?前臺功能測試
前臺使用者登錄注冊功能測試。
點擊登錄以后進入登錄界面，未進行注冊用戶點擊....................
表6-1 用戶注冊測試表
?| 用戶登錄 | 期望結果 | 實際結果 |
| 用戶名:用戶 密碼:111111 | 登錄成功，跳轉到針對性飲食方案模塊 | 登錄成功，跳轉到針對性飲食方案模塊 |
| 用戶名:用戶 密碼:111111 | 登錄失敗，提示“賬號或密碼錯誤，請重新輸入” | 登錄失敗，提示“賬號或密碼錯誤，請重新輸入” |
| 用戶名:用戶 密碼:222222 | 登錄失敗，提示“賬號或密碼錯誤，請重新輸入” | 登錄失敗，提示“賬號或密碼錯誤，請重新輸入” |
表6-2 用戶登錄測試表
6.2.2? 模塊化適老改造模塊功能測試
模塊化適老改造模塊功能測試，用戶點擊對應的模塊進行查看,測試結果如表6-3所示。
表6-3模塊化適老改造
| 模塊名稱 | 期望結果 | 實際結果 |
| 起居室 | 跳轉到起居室模塊 | 跳轉到起居室模塊 |
| 臥室 | 跳轉到臥室模塊 | 跳轉到臥室模塊 |
| 廚房 | 跳轉到廚房模塊 | 跳轉到廚房模塊 |
| 衛生間 | 跳轉到衛生間模塊 | 跳轉到衛生間模塊 |
適老改造方案模塊功能測試，用戶可以查看已有的改造方案進行查看，測試結果如表6-4所示。
表6-4 適老改造方案模塊
| 方案名稱 | 期望結果 | 實際結果 |
| 名稱 | 跳轉到對應方案 | 跳轉到對應方案 |
專家預模塊功能測試，專家對用戶的預約信息進行查看,并根據預約信息進行回復,測試結果如表6-5所示。
表6-5 專家預模塊功能
| 方案回復 | 期望結果 | 實際結果 |
| 名稱 | 回復成功 | 回復成功 |
6.2.3? 后臺功能測試
后臺管理員登陸功能測試，進入后臺登錄界面，輸入用戶名、密碼后可以直接訪問主頁。表6-6分................
表6-6 管理員登錄測試表
| 后臺登錄表單輸入 | 期望結果 | 實際結果 |
| 用戶名:admin 密碼:111111 | 登錄成功，跳轉到主頁進行后續操作 | 登錄成功，跳轉到主頁進行后續操作 |
| 用戶名:用 密碼:111111 | 登錄失敗，提示“賬號或密碼錯誤，請重新輸入” | 登錄失敗，提示“賬號或密碼錯誤，請重新輸入” |
方案管理功能測試，管理員對專家的發布的方案,進行編輯,修改,刪除,測試結果如.............
表6-7 方案管理功能
表6-8 老年人能力信息統計老年人能力信息統計功能測試，老年人能力信息統計..............
| 能力信息統計 | 期望結果 | 實際結果 |
| 修改空間信息 | 展示成功 | 展示成功 |
6.3? 測試結論與分析
通過對前臺系統功能及后臺系統功能的詳細測試以后，滿足基于Vue的..............
7? 總結與展望
7.1? 總結
本文經過對居家養老模式下適老化改造的詳細設計，完成了本系統。本文的............
（1）通過研究分析其他系統，進行數據的統計和參考，總結歸.............
（2）結合功能的需求，歸納出所.................
（3）從系統功能需求、系統性能需求以及系統可行性...............
（4）從系統的整體架構出發，完成了居家養老模........
（5）通過對系統的功能進行詳細測試以后，滿足基于居家.............
需要詳細內容的在下面鏈接下載
基于vue的適老化住宅設計系統的設計與實現.rar-互聯網文檔類資源-CSDN下載內容包括詳細設計文檔word版，附帶開題報告和相關PPT等文檔，供大家參考學習。摘要：本系統擬設計一更多下載資源、學習資料請訪問CSDN下載頻道.https://download.csdn.net/download/u013253075/51009884?spm=1001.2014.3001.5503
????????最后說一下，如果大家對硬件和編程感興趣，可以點擊牛客網這個連接看看，是個不錯的學習網站，是學長推薦給我的，因為之前找工作的時候沒有太多經驗，也不知道怎么準備，去哪里搜資源，走了很多彎路，所以推薦給大家，當初在上面大量刷題還看了好多面試經驗等，反正上面有很多課程+刷題+面經+求職+討論區等資源，關鍵里面的資源全部公開免費，不用花錢，希望能幫助家！????
總結
以上是生活随笔為你收集整理的基于vue的适老化住宅设计系统的设计与实现的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 对全职高手的自然语言处理
- 下一篇： 实验一 数字基带信号