(源碼+文檔+部署講解等))
聯(lián)系博主溫馨提示本人主頁置頂文章(點我)開頭有 CSDN 平臺官方提供的學長聯(lián)系方式的名片溫馨提示本人主頁置頂文章(點我)開頭有 CSDN 平臺官方提供的學長聯(lián)系方式的名片溫馨提示本人主頁置頂文章(點我)開頭有 CSDN 平臺官方提供的學長聯(lián)系方式的名片課題介紹摘要隨著社會養(yǎng)寵人群持續(xù)擴大、寵物經濟快速崛起寵物洗護、醫(yī)療美容、寄養(yǎng)托管、寵物用品售賣、寵物婚配、殯葬服務等配套需求日益常態(tài)化、多元化。傳統(tǒng)寵物服務行業(yè)普遍存在服務模式分散、線下門店信息不透明、服務項目雜亂、定價不統(tǒng)一、預約流程繁瑣、商戶監(jiān)管缺失等問題。多數養(yǎng)寵用戶只能通過線下探店、熟人推薦選擇服務存在服務質量無法甄別、預約耗時、消費無記錄、售后無保障等痛點同時傳統(tǒng)寵物商家多依靠人工登記接單、線下臺賬管理信息化程度低存在訂單統(tǒng)計混亂、客戶資源流失、服務進度無法追溯、經營數據難以分析等弊端無法滿足當下用戶一站式、便捷化、安全化的寵物服務需求也難以適配寵物商家數字化、精細化的運營管理需求。針對傳統(tǒng)寵物服務行業(yè)資源分散、服務單一、預約低效、管理混亂、監(jiān)管薄弱的行業(yè)痛點本文設計并實現了基于SpringBoot的一站式寵物服務平臺。系統(tǒng)采用成熟的B/S前后端分離架構以SpringBoot為核心后端開發(fā)框架具備部署便捷、運行穩(wěn)定、接口響應迅速、并發(fā)能力強、數據安全可靠、擴展性優(yōu)異的技術特點搭配MySQL數據庫持久化存儲用戶信息、寵物檔案、服務商戶、洗護寄養(yǎng)項目、寵物用品、預約訂單、消費記錄、評價反饋、系統(tǒng)權限及操作日志等核心業(yè)務數據。平臺整合全品類寵物配套服務打破傳統(tǒng)單一服務模式構建集寵物檔案管理、線上服務預約、洗護寄養(yǎng)服務、寵物用品商城、用戶評價互動、商家運營管理、平臺數據統(tǒng)計于一體的一站式寵物服務體系涵蓋普通用戶、入駐商家、平臺管理員三類核心角色。普通用戶可在線完善寵物信息、瀏覽各類寵物服務與用品、一鍵預約洗護托管及醫(yī)療服務、線上購買寵物用品、查看訂單進度、發(fā)表消費評價入駐商家可上架服務項目與商品、處理用戶預約訂單、更新服務狀態(tài)、管理客戶信息、統(tǒng)計門店經營數據平臺管理員負責審核入駐商家資質、監(jiān)管服務與商品內容、維護用戶賬號、處理用戶投訴、統(tǒng)計平臺整體運營數據、配置系統(tǒng)參數保障平臺合規(guī)穩(wěn)定運營。系統(tǒng)核心功能包含寵物檔案管理、多品類寵物服務預約、寵物用品電商交易、訂單全流程管控、評價反饋管理、商家運維管理、平臺數據可視化統(tǒng)計等。本平臺構建了數字化、一體化、規(guī)范化的寵物綜合服務體系有效解決傳統(tǒng)寵物服務行業(yè)資源零散、服務低效、管理混亂、信任度低的弊端實現寵物服務集約化、消費流程線上化、商家運營數字化、行業(yè)服務標準化極大提升用戶養(yǎng)寵服務體驗助力寵物服務行業(yè)數字化轉型升級具備良好的實用價值與市場推廣前景。前言博主介紹?全網粉絲10W、CSDN作者、博客專家、全棧領域優(yōu)質創(chuàng)作者、平臺優(yōu)質Java創(chuàng)作者、專注于Java、小程序技術領域和畢業(yè)項目實戰(zhàn)?主要技術SpringBoot、Vue、SSM、PHP、Nodejs、Python、爬蟲、數據可視化、小程序、安卓app、大數據、機器學習等設計與開發(fā)。 選題推薦計算機專業(yè)畢業(yè)設計選題開題推薦????文首獲取程序數據庫lw文檔?感興趣的可以先收藏起來還有大家在畢設選題項目以及論文編寫等相關問題都可以給我留言咨詢希望幫助更多的人博主免費提供選題指導。詳細視頻演示請聯(lián)系我獲取更詳細的演示視頻項目介紹文檔技術棧項目采用技術主要看標題Java項目一般是SpringBoot、SSM、MySQL數據庫開發(fā)Python項目一般采用Django、Flask、MySQL開發(fā)。項目前端基本都是Vue開發(fā)極少數采用BootStrap開發(fā)SpringBoot介紹SpringBoot 是 Spring 生態(tài)下的輕量級應用開發(fā)框架旨在簡化 Spring 應用的初始搭建和開發(fā)過程。它通過 “約定優(yōu)于配置” 的理念內置大量自動化配置模塊大幅減少開發(fā)人員手動編寫 XML 或 Java 配置文件的工作量像數據庫連接、Web 服務等常見功能引入依賴后即可快速啟用。其核心特性包括起步依賴和 Actuator 監(jiān)控起步依賴能根據項目需求自動添加相關依賴避免依賴沖突Actuator 則提供應用運行狀態(tài)監(jiān)控方便開發(fā)者了解系統(tǒng)健康狀況。SpringBoot 支持嵌入式 Web 服務器如 Tomcat、Jetty使項目可打包成獨立的可執(zhí)行 Jar/War 文件直接部署運行無需復雜的服務器配置。在開發(fā)效率方面它集成了熱部署功能修改代碼后無需重啟應用即可生效顯著縮短開發(fā)周期。同時SpringBoot 遵循 Spring 的核心設計原則提供強大的依賴注入和面向切面編程支持保證代碼的可維護性和擴展性。在實際應用中SpringBoot 廣泛用于企業(yè)級 Web 應用、微服務架構等場景。例如通過 Spring Cloud 與 SpringBoot 的組合可快速構建服務注冊與發(fā)現、配置中心、負載均衡等微服務基礎設施。其自動配置機制和豐富的 Starter 依賴使開發(fā)者能專注于業(yè)務邏輯實現無需糾結底層框架配置以高效、便捷的開發(fā)體驗成為 Java 開發(fā)者構建現代化應用的首選框架之一。Django介紹Django 是一個基于 Python 的高級 Web 開發(fā)框架采用 MTV模型 - 模板 - 視圖架構模式遵循 DRYDon’t Repeat Yourself原則旨在幫助開發(fā)者高效構建安全且可擴展的 Web 應用。其核心優(yōu)勢在于 “開箱即用” 的特性內置 ORM對象關系映射、模板系統(tǒng)、表單處理、用戶認證、管理后臺等功能模塊大幅減少重復開發(fā)工作。例如通過 ORM 可實現數據庫操作與 Python 代碼的無縫轉換無需編寫 SQL 語句Admin 后臺則能快速生成數據管理界面提升開發(fā)效率。Django 的安全機制強大默認提供防止 SQL 注入、跨站腳本攻擊XSS、跨站請求偽造CSRF等常見安全漏洞的防護措施幫助開發(fā)者構建安全可靠的應用。其 URL 路由系統(tǒng)采用清晰的正則表達式映射機制使 URL 設計簡潔且易于維護。模板系統(tǒng)支持繼承和標簽擴展方便實現頁面復用和定制。此外Django 的緩存框架提供多種緩存策略可有效提升應用性能。Vue介紹Vue.js 是一款輕量級的 JavaScript 前端框架由尤雨溪于 2014 年推出旨在通過簡潔的 API 和漸進式架構幫助開發(fā)者高效構建交互式 Web 界面。其核心優(yōu)勢在于 “易用性” 和 “靈活性”開發(fā)者既能將其嵌入現有項目逐步升級也能配合配套工具構建大型單頁應用SPA。Vue 采用組件化開發(fā)模式允許將頁面拆分為獨立可復用的組件每個組件擁有自己的 HTML、CSS 和 JavaScript 代碼便于團隊協(xié)作與代碼維護。響應式數據綁定是 Vue.js 的核心亮點通過虛擬 DOM 和雙向數據綁定機制數據變化能自動更新視圖用戶交互也可實時反饋到數據層。其模板語法簡潔直觀結合指令系統(tǒng)如 v-bind、v-if、v-for可高效實現 DOM 操作。Vue 還提供了豐富的生命周期鉤子允許開發(fā)者在組件創(chuàng)建、掛載、更新和銷毀等階段執(zhí)行自定義邏輯。在生態(tài)系統(tǒng)方面Vue.js 擁有完善的工具鏈如 Vue CLI 用于快速項目搭建Vue Router 實現單頁面路由Vuex 管理應用狀態(tài)以及 Vue DevTools 提供調試支持。此外Vue 3.0 版本引入了 Composition API進一步提升代碼組織和復用能力更好地支持 TypeScript。Vue.js 因其輕量、高效、易上手的特點廣泛應用于 Web 應用、移動端 Hybrid App 和小程序開發(fā)成為前端開發(fā)者構建現代 Web 界面的主流選擇之一。核心代碼script// 注冊權限指令Vue.directive(permission,{inserted:function(el,binding){constrequiredPermissionbinding.value;constuserPermissionsVue.prototype.$userPermissions||[];if(requiredPermission!userPermissions.includes(requiredPermission)){el.parentNodeel.parentNode.removeChild(el);}}});newVue({el:#app,data:{// 當前用戶信息currentUser:{id:1,username:管理員,role:超級管理員,permissions:[user:manage,user:create,user:edit,user:delete,role:manage,role:create,role:edit,role:delete,permission:manage]},// 菜單配置menus:[{id:1,title:首頁,path:#,icon:fa-home,permission:null,active:true},{id:2,title:用戶管理,path:#users,icon:fa-users,permission:user:manage},{id:3,title:角色管理,path:#roles,icon:fa-id-card,permission:role:manage},{id:4,title:權限管理,path:#permissions,icon:fa-key,permission:permission:manage},{id:5,title:系統(tǒng)設置,path:#settings,icon:fa-cog,permission:system:settings},{id:6,title:日志審計,path:#logs,icon:fa-history,permission:log:view}],// 用戶數據users:[{id:1,username:admin,role:超級管理員,status:active},{id:2,username:editor,role:編輯,status:active},{id:3,username:viewer,role:查看者,status:active},{id:4,username:disabled,role:編輯,status:inactive}],// 角色數據roles:[{id:1,name:超級管理員,permissions:[user:manage,role:manage,permission:manage]},{id:2,name:編輯,permissions:[user:view,user:edit]},{id:3,name:查看者,permissions:[user:view]}],// 權限數據permissions:[{id:1,name:用戶管理,code:user:manage},{id:2,name:用戶查看,code:user:view},{id:3,name:用戶創(chuàng)建,code:user:create},{id:4,name:用戶編輯,code:user:edit},{id:5,name:用戶刪除,code:user:delete},{id:6,name:角色管理,code:role:manage},{id:7,name:權限管理,code:permission:manage}],// 模態(tài)框狀態(tài)showAddUserModal:false,showAddRoleModal:false,// 編輯數據editingUser:null,editingRole:null},created(){// 將用戶權限設置到Vue原型上方便全局訪問Vue.prototype.$userPermissionsthis.currentUser.permissions;},computed:{// 過濾后的菜單列表只顯示用戶有權限訪問的菜單filteredMenus(){returnthis.menus.filter(menu{if(!menu.permission)returntrue;returnthis.currentUser.permissions.includes(menu.permission);});}},methods:{// 登出功能logout(){if(confirm(確定要退出登錄嗎)){alert(已退出登錄);// 實際項目中這里會進行API調用和清除本地存儲等操作}},// 用戶管理相關方法editUser(user){this.editingUser{...user};this.showAddUserModaltrue;},deleteUser(userId){if(confirm(確定要刪除這個用戶嗎)){this.usersthis.users.filter(useruser.id!userId);alert(用戶已刪除);}},// 角色管理相關方法editRole(role){this.editingRole{...role};this.showAddRoleModaltrue;},deleteRole(roleId){if(confirm(確定要刪除這個角色嗎)){this.rolesthis.roles.filter(rolerole.id!roleId);alert(角色已刪除);}}}});/script源碼獲取由于篇幅限制獲取完整文章或源碼、代做項目的本人主頁置頂文章(點我)開頭有 CSDN 平臺官方提供的學長聯(lián)系方式的名片。點贊、收藏、關注不迷路 基于SpringBoot的一站式寵物服務平臺系統(tǒng)(源碼+文檔+部署講解等)
聯(lián)系博主溫馨提示本人主頁置頂文章(點我)開頭有 CSDN 平臺官方提供的學長聯(lián)系方式的名片溫馨提示本人主頁置頂文章(點我)開頭有 CSDN 平臺官方提供的學長聯(lián)系方式的名片溫馨提示本人主頁置頂文章(點我)開頭有 CSDN 平臺官方提供的學長聯(lián)系方式的名片課題介紹摘要隨著社會養(yǎng)寵人群持續(xù)擴大、寵物經濟快速崛起寵物洗護、醫(yī)療美容、寄養(yǎng)托管、寵物用品售賣、寵物婚配、殯葬服務等配套需求日益常態(tài)化、多元化。傳統(tǒng)寵物服務行業(yè)普遍存在服務模式分散、線下門店信息不透明、服務項目雜亂、定價不統(tǒng)一、預約流程繁瑣、商戶監(jiān)管缺失等問題。多數養(yǎng)寵用戶只能通過線下探店、熟人推薦選擇服務存在服務質量無法甄別、預約耗時、消費無記錄、售后無保障等痛點同時傳統(tǒng)寵物商家多依靠人工登記接單、線下臺賬管理信息化程度低存在訂單統(tǒng)計混亂、客戶資源流失、服務進度無法追溯、經營數據難以分析等弊端無法滿足當下用戶一站式、便捷化、安全化的寵物服務需求也難以適配寵物商家數字化、精細化的運營管理需求。針對傳統(tǒng)寵物服務行業(yè)資源分散、服務單一、預約低效、管理混亂、監(jiān)管薄弱的行業(yè)痛點本文設計并實現了基于SpringBoot的一站式寵物服務平臺。系統(tǒng)采用成熟的B/S前后端分離架構以SpringBoot為核心后端開發(fā)框架具備部署便捷、運行穩(wěn)定、接口響應迅速、并發(fā)能力強、數據安全可靠、擴展性優(yōu)異的技術特點搭配MySQL數據庫持久化存儲用戶信息、寵物檔案、服務商戶、洗護寄養(yǎng)項目、寵物用品、預約訂單、消費記錄、評價反饋、系統(tǒng)權限及操作日志等核心業(yè)務數據。平臺整合全品類寵物配套服務打破傳統(tǒng)單一服務模式構建集寵物檔案管理、線上服務預約、洗護寄養(yǎng)服務、寵物用品商城、用戶評價互動、商家運營管理、平臺數據統(tǒng)計于一體的一站式寵物服務體系涵蓋普通用戶、入駐商家、平臺管理員三類核心角色。普通用戶可在線完善寵物信息、瀏覽各類寵物服務與用品、一鍵預約洗護托管及醫(yī)療服務、線上購買寵物用品、查看訂單進度、發(fā)表消費評價入駐商家可上架服務項目與商品、處理用戶預約訂單、更新服務狀態(tài)、管理客戶信息、統(tǒng)計門店經營數據平臺管理員負責審核入駐商家資質、監(jiān)管服務與商品內容、維護用戶賬號、處理用戶投訴、統(tǒng)計平臺整體運營數據、配置系統(tǒng)參數保障平臺合規(guī)穩(wěn)定運營。系統(tǒng)核心功能包含寵物檔案管理、多品類寵物服務預約、寵物用品電商交易、訂單全流程管控、評價反饋管理、商家運維管理、平臺數據可視化統(tǒng)計等。本平臺構建了數字化、一體化、規(guī)范化的寵物綜合服務體系有效解決傳統(tǒng)寵物服務行業(yè)資源零散、服務低效、管理混亂、信任度低的弊端實現寵物服務集約化、消費流程線上化、商家運營數字化、行業(yè)服務標準化極大提升用戶養(yǎng)寵服務體驗助力寵物服務行業(yè)數字化轉型升級具備良好的實用價值與市場推廣前景。前言博主介紹?全網粉絲10W、CSDN作者、博客專家、全棧領域優(yōu)質創(chuàng)作者、平臺優(yōu)質Java創(chuàng)作者、專注于Java、小程序技術領域和畢業(yè)項目實戰(zhàn)?主要技術SpringBoot、Vue、SSM、PHP、Nodejs、Python、爬蟲、數據可視化、小程序、安卓app、大數據、機器學習等設計與開發(fā)。 選題推薦計算機專業(yè)畢業(yè)設計選題開題推薦????文首獲取程序數據庫lw文檔?感興趣的可以先收藏起來還有大家在畢設選題項目以及論文編寫等相關問題都可以給我留言咨詢希望幫助更多的人博主免費提供選題指導。詳細視頻演示請聯(lián)系我獲取更詳細的演示視頻項目介紹文檔技術棧項目采用技術主要看標題Java項目一般是SpringBoot、SSM、MySQL數據庫開發(fā)Python項目一般采用Django、Flask、MySQL開發(fā)。項目前端基本都是Vue開發(fā)極少數采用BootStrap開發(fā)SpringBoot介紹SpringBoot 是 Spring 生態(tài)下的輕量級應用開發(fā)框架旨在簡化 Spring 應用的初始搭建和開發(fā)過程。它通過 “約定優(yōu)于配置” 的理念內置大量自動化配置模塊大幅減少開發(fā)人員手動編寫 XML 或 Java 配置文件的工作量像數據庫連接、Web 服務等常見功能引入依賴后即可快速啟用。其核心特性包括起步依賴和 Actuator 監(jiān)控起步依賴能根據項目需求自動添加相關依賴避免依賴沖突Actuator 則提供應用運行狀態(tài)監(jiān)控方便開發(fā)者了解系統(tǒng)健康狀況。SpringBoot 支持嵌入式 Web 服務器如 Tomcat、Jetty使項目可打包成獨立的可執(zhí)行 Jar/War 文件直接部署運行無需復雜的服務器配置。在開發(fā)效率方面它集成了熱部署功能修改代碼后無需重啟應用即可生效顯著縮短開發(fā)周期。同時SpringBoot 遵循 Spring 的核心設計原則提供強大的依賴注入和面向切面編程支持保證代碼的可維護性和擴展性。在實際應用中SpringBoot 廣泛用于企業(yè)級 Web 應用、微服務架構等場景。例如通過 Spring Cloud 與 SpringBoot 的組合可快速構建服務注冊與發(fā)現、配置中心、負載均衡等微服務基礎設施。其自動配置機制和豐富的 Starter 依賴使開發(fā)者能專注于業(yè)務邏輯實現無需糾結底層框架配置以高效、便捷的開發(fā)體驗成為 Java 開發(fā)者構建現代化應用的首選框架之一。Django介紹Django 是一個基于 Python 的高級 Web 開發(fā)框架采用 MTV模型 - 模板 - 視圖架構模式遵循 DRYDon’t Repeat Yourself原則旨在幫助開發(fā)者高效構建安全且可擴展的 Web 應用。其核心優(yōu)勢在于 “開箱即用” 的特性內置 ORM對象關系映射、模板系統(tǒng)、表單處理、用戶認證、管理后臺等功能模塊大幅減少重復開發(fā)工作。例如通過 ORM 可實現數據庫操作與 Python 代碼的無縫轉換無需編寫 SQL 語句Admin 后臺則能快速生成數據管理界面提升開發(fā)效率。Django 的安全機制強大默認提供防止 SQL 注入、跨站腳本攻擊XSS、跨站請求偽造CSRF等常見安全漏洞的防護措施幫助開發(fā)者構建安全可靠的應用。其 URL 路由系統(tǒng)采用清晰的正則表達式映射機制使 URL 設計簡潔且易于維護。模板系統(tǒng)支持繼承和標簽擴展方便實現頁面復用和定制。此外Django 的緩存框架提供多種緩存策略可有效提升應用性能。Vue介紹Vue.js 是一款輕量級的 JavaScript 前端框架由尤雨溪于 2014 年推出旨在通過簡潔的 API 和漸進式架構幫助開發(fā)者高效構建交互式 Web 界面。其核心優(yōu)勢在于 “易用性” 和 “靈活性”開發(fā)者既能將其嵌入現有項目逐步升級也能配合配套工具構建大型單頁應用SPA。Vue 采用組件化開發(fā)模式允許將頁面拆分為獨立可復用的組件每個組件擁有自己的 HTML、CSS 和 JavaScript 代碼便于團隊協(xié)作與代碼維護。響應式數據綁定是 Vue.js 的核心亮點通過虛擬 DOM 和雙向數據綁定機制數據變化能自動更新視圖用戶交互也可實時反饋到數據層。其模板語法簡潔直觀結合指令系統(tǒng)如 v-bind、v-if、v-for可高效實現 DOM 操作。Vue 還提供了豐富的生命周期鉤子允許開發(fā)者在組件創(chuàng)建、掛載、更新和銷毀等階段執(zhí)行自定義邏輯。在生態(tài)系統(tǒng)方面Vue.js 擁有完善的工具鏈如 Vue CLI 用于快速項目搭建Vue Router 實現單頁面路由Vuex 管理應用狀態(tài)以及 Vue DevTools 提供調試支持。此外Vue 3.0 版本引入了 Composition API進一步提升代碼組織和復用能力更好地支持 TypeScript。Vue.js 因其輕量、高效、易上手的特點廣泛應用于 Web 應用、移動端 Hybrid App 和小程序開發(fā)成為前端開發(fā)者構建現代 Web 界面的主流選擇之一。核心代碼script// 注冊權限指令Vue.directive(permission,{inserted:function(el,binding){constrequiredPermissionbinding.value;constuserPermissionsVue.prototype.$userPermissions||[];if(requiredPermission!userPermissions.includes(requiredPermission)){el.parentNodeel.parentNode.removeChild(el);}}});newVue({el:#app,data:{// 當前用戶信息currentUser:{id:1,username:管理員,role:超級管理員,permissions:[user:manage,user:create,user:edit,user:delete,role:manage,role:create,role:edit,role:delete,permission:manage]},// 菜單配置menus:[{id:1,title:首頁,path:#,icon:fa-home,permission:null,active:true},{id:2,title:用戶管理,path:#users,icon:fa-users,permission:user:manage},{id:3,title:角色管理,path:#roles,icon:fa-id-card,permission:role:manage},{id:4,title:權限管理,path:#permissions,icon:fa-key,permission:permission:manage},{id:5,title:系統(tǒng)設置,path:#settings,icon:fa-cog,permission:system:settings},{id:6,title:日志審計,path:#logs,icon:fa-history,permission:log:view}],// 用戶數據users:[{id:1,username:admin,role:超級管理員,status:active},{id:2,username:editor,role:編輯,status:active},{id:3,username:viewer,role:查看者,status:active},{id:4,username:disabled,role:編輯,status:inactive}],// 角色數據roles:[{id:1,name:超級管理員,permissions:[user:manage,role:manage,permission:manage]},{id:2,name:編輯,permissions:[user:view,user:edit]},{id:3,name:查看者,permissions:[user:view]}],// 權限數據permissions:[{id:1,name:用戶管理,code:user:manage},{id:2,name:用戶查看,code:user:view},{id:3,name:用戶創(chuàng)建,code:user:create},{id:4,name:用戶編輯,code:user:edit},{id:5,name:用戶刪除,code:user:delete},{id:6,name:角色管理,code:role:manage},{id:7,name:權限管理,code:permission:manage}],// 模態(tài)框狀態(tài)showAddUserModal:false,showAddRoleModal:false,// 編輯數據editingUser:null,editingRole:null},created(){// 將用戶權限設置到Vue原型上方便全局訪問Vue.prototype.$userPermissionsthis.currentUser.permissions;},computed:{// 過濾后的菜單列表只顯示用戶有權限訪問的菜單filteredMenus(){returnthis.menus.filter(menu{if(!menu.permission)returntrue;returnthis.currentUser.permissions.includes(menu.permission);});}},methods:{// 登出功能logout(){if(confirm(確定要退出登錄嗎)){alert(已退出登錄);// 實際項目中這里會進行API調用和清除本地存儲等操作}},// 用戶管理相關方法editUser(user){this.editingUser{...user};this.showAddUserModaltrue;},deleteUser(userId){if(confirm(確定要刪除這個用戶嗎)){this.usersthis.users.filter(useruser.id!userId);alert(用戶已刪除);}},// 角色管理相關方法editRole(role){this.editingRole{...role};this.showAddRoleModaltrue;},deleteRole(roleId){if(confirm(確定要刪除這個角色嗎)){this.rolesthis.roles.filter(rolerole.id!roleId);alert(角色已刪除);}}}});/script源碼獲取由于篇幅限制獲取完整文章或源碼、代做項目的本人主頁置頂文章(點我)開頭有 CSDN 平臺官方提供的學長聯(lián)系方式的名片。點贊、收藏、關注不迷路