《在线家装平台的设计与实现.docx》由会员分享,可在线阅读,更多相关《在线家装平台的设计与实现.docx(53页珍藏版)》请在课桌文档上搜索。
1、在线家装平台的设计与实现摘要随着网络技术的不断进步,数字信息得以广泛传播,使人们可以在家里就能获取、整理并有效地运用信息。因此,无论是对于公司还是企业单位,如果要在信息时代让其他人更了解自己,搭建一个介绍自己产品的网站已经变成了一个必不可少的要素。本文对整个系统进行了需求分析,该系统包括前台展示系统和后台管理系统。对于访问者来说,提供了简洁易懂的浏览界面,让他们可以方便地查看网站上的内容,并有报价功能,方便用户了解我们提供的服务和价格。后台系统提供了丰富的功能,使得管理员可以轻松地修改、更新和删除网站内容,管理用户账户、权限等。这样可以确保网站的安全性、可靠性和稳定性,同时也提升了管理员的工作
2、效率。通过这个系统,对不同权限的用户进行了分类和管理。此外这个家装系统已经通过了测试,不仅功能齐全、实用可靠,而且安全性高、可扩展性和可维护性也得到很好的体现。关键词:家装管理系统,MySQL数据库,SPringbOOt框架DesignandImplementationofanOnlineHomeDecorationPlatformAbstractWiththecontinuousprogressofnetworktechnology,digitalinformationhasbeenwidelydisseminated,enablingpeopletoaccess,organize,ande
3、ffectivelyuseinformationathome.Therefore,whetherforcompaniesorbusinessunits,buildingawebsitethatintroducesonesproductshasbecomeanessentialelementinordertomakeothersbetterunderstandoneselfintheinformationage.Thisarticleconductsarequirementanalysisoftheentiresystem,whichincludesafront-enddisplaysystem
4、andaback-endmanagementsystem.Forvisitors,itprovidesasimpleandeasytounderstandbrowsinginterface,allowingthemtoeasilyviewthecontentonthewebsite,andhasaquotationfunction,makingiteasyforuserstounderstandtheservicesandpricesweprovide.Thebackendsystemprovidesrichfunctions,allowingadministratorstoeasilymod
5、ify,update,anddeletewebsitecontent,manageuseraccounts,permissions,andmore.Thiscanensurethesecurity,reliability,andstabilityofthewebsite,whilealsoimprovingtheworkefficiencyofadministrators.Throughthissystem,userswithdifferentpermissionshavebeenclassifiedandmanaged.Inaddition,thishomedecorationsystemh
6、aspassedtesting,whichnotonlyhascompletefunctionality,practicality,andreliability,butalsodemonstrateshighsecurity,scalability,andmaintainability.Keywords:HomedecorationmanagementsystemfMySQLdatabasefSpringbootframework目录1 .绪论11.1 背景和意义1L2问题的描述11.1 关技术及开发方法简介21.2 1JSP技术21.3 JAVA技术22.4 SpringBoot框架32.5
7、 IntelliJTDEA33.系统分析43.1 可行性分析43.Ll技术可行性43.1.4时间可行性53.2功能分析53.2.1系统用户角色分析53.2.2系统功能模块分析63.2.3装修案例管理73.2.4设计师管理83.2.5装修报价器管理93. 2.6装修攻略信息管理104. 2.7注册用户管理104.系统流程分析124. 1注册登录124. 2注册流程124. 2登录流程145. 4添加信息流程156. 总体设计167. 1总体设计思想165.2 前台模块设计165.3 后台模块设计185 .4数据库设计196 .系统的实现256.1 用户功能模块的实现256.1.1系统主界面256
8、.L2装修案例界面256.1.3案例详情界面266.1.4设计师界面276.L5设计师详情界面276.1.6看工地界面286.1.7装修攻略界面296.1.8报价界面296.L9注册界面306.L10登录界面316.1.11个人中心界面316.2管理员功能模块的实现326.2.1管理员登录界面326.2.2报价管理界面336.2.3设计师管理界面336.2.4装修案例管理界面346.2.5看工地管理界面356.2.6用户管理界面366.2.7装修攻略界面376. 2.8修改密码界面387.系统测试397.1 测试用例397. 1.1注册模块测试397. L2登录模块测试397. 2页面测试40
9、7.2. 1兼容性测试407.2.2功能测试41参考文献43致谢451.绪论1.1 背景和意义近年来,中国经济保持着快速增长的趋势。同时随着生活水平的提高。人们开始更加注重自己所居住的环境舒适度的问题。中国房地产市场也因此获得了迅速的发展。另外,在中国人传统观念的影响下,结婚置业已经成为了一种不可或缺的需求。在上面提到的趋势下,家装行业正在以迅猛的全新的势头速度发展着。然而,由于现在人们生活节奏的不断加快,装修业主并没有很多精力和时间来学习甚至是深入了解更多的家装方面的专业知识。从而形成了家装只能依靠家装企业进行完成的局面,这些原因导致家装公司获得了巨大的市场,但同样的也对家装企业的服务品质和
10、管理模式提出了十分严峻的考验。传统的家装企业一般采用线下门店作为主要经营方式。其业务范围相对局限”原找涧用然而,对于那些不熟悉传统装修流程的消费者来说,常常会遭遇二次收费、安装质量差等问题。此外,一些装修公司还存在延迟违约赔偿规范不明确、合同中存在霸王条款等问题。因此,设计和实现一款家装管理系统是非常必要的。1.2 问题的描述我调查发现,在装修网站中普遍存在一些问题。首先,很多用户对安全知识不了解,这导致了一些网站使用虚假的报价运算器来吸引用户。而这些网站往往会要求用户提供个人信息如手机号和姓名,以提高留存率。但是,这些做法可能会泄露用户的信息。其次,传统网站缺少引导,用户往往会被复杂的界面所
11、迷惑,容易陷入各种套路和误区。因此,我们建议传统装修网站需要提高用户体验,增强数据可信度并加强信息保护,同时需要更好地引导用户完成装修流程。以获得更高的留存度和用户满意度。2.相关技术及开发方法简介2.1 JSP技术JSP易学,即使没有JaVa编程基础,也可以很快上手。同时,我在学习过程中发现JSP的特性可以帮助开发者节省自己的时间和精力。JSP具有多种优点,在我看来,只需要编写一次代码就可以适应不同的平台它是JSP最大的优势。可重复使用。使我们的开发过程更方便更舒适了。JSP使Web页面具备动态特性*除找到引用,。具有延展性和缩短开发周期的强大优势。具有比较不错的兼容性。适用于很多个平台。2
12、.2JAVA技术JaVa有很多特性。其中包括包括跨平台。分布式和可移植等。该语言是由SUN公司开发的,我在大学时期主要学习的就是这门语言。在学习的同时,也逐渐了解到了它的一些特点。随着互联网的发展。JaVa已成为目前主流的开发语言之一味找附用O我所了解到的JaVa有以下这些特点。首先JaVa它是面向对象的,正是这个特点可以使我们把精力都放在对象之间的联系上。其次是它的健壮性,是由它的强类型机制、还有异常处理机制等决定的。然后JaVa它还有很高的安全性,这是因为JaVa语言是对内存进行操作的。还有著名的一次编译,到处运行,Java它可以在很多操作系统上运行。除此之外,Java的多线程能力也是十分
13、出色的。正是因为它的优点,才使得它拥有了如此的体量和用户。2.3MYSQL数据库关系型数据库的代表我认为就是MySQL,数据被MYSQL它存在了不同的表中。MYSQL它的几个特点是:(D很高的容量:MySQL能够很轻松地处理大型数据仓库。支持最高达8TB80(2)有很强的自定义性:MYSQL系统可以被我们自己来创造因为它源码的可修改性。用起来很灵活:MySQL用表来存储数据,我们可以根据自己的需求进行创建实现,因此它具有很强的灵活性。(4)支持多种语言:比如C语言、JaVa等有优化算法的支持:正是因为这个算法的存在。才使得MySQL成为了速度最快的数据库之-加储找剂用.。2. 4SpringB
14、oot框架SpringBoot是一种非常智能的开发框架,能让我很轻松地写代码编写程序。与其他传统的JaVaWeb框架相比,SPringBOot更加轻量简洁,内置了多种Web服务器,提供了一套简洁易用的APT,例如RESTfUIAPI、JPA等,同时还提供了多种插件和功能。它还有大量Starter包,集成了常用的组件,如数据库、RediS和消息队列等,使得开发人员可以轻松地管理依赖和配置,省去了繁琐的初始化过程。开发者只需通过简单的注解和属性进行配置即可。显著降低了配置文件冗长的问题加。此外,SpringBoot还有着丰富的社区支持和生态系统。拥有大量的第三方库和插件支持12。总的来说,Spri
15、ngBoot是一个非常不错的可以供我们使用的JaVa开发的框架。2.5InteIIiJIDEAIntelIiJn)EA是一个我大学一直在用的软件,它这个软件是被JetBrainS开发的。我认为它是顶级IDE之一,因为其丰富的功能、高效的性能和舒适的用户体验而收获了大批的用户。IntelliJIDEA是一款功能强大的代码编辑器,具有多项功能。可以显著提高开发效率U,与其他IDE相比,IntelliJIDEA的优势点在于其能够自己连接代码结构和上下文,从而帮助像我们一样的开发人员快速编写代码。使开发者能够在集成环境中管理整个开发过程网。总而言之,IntelliJIDEA它是一个功能非常强大的软件,
16、已成为很多的软件开发人员首选的IDE之一。由于它卓越的性能、丰富的功能和它的开放性,它得到了广泛的推广,是构建高质量应用程序的不二选择。3.系统分析3.1 可行性分析我对我这个在线家装平台进行了研究以后,决定从已下四个方面进行分析和论证。3.1.1 技术可行性大学四年我学习到了许多知识和软件,其中就包括Java技术,Web技术,MYSQL数据库,还有IDEA开发工具的使用等。这些经历让我在技术开发方面打下了扎实的基础,使我能够熟练地使用各种编程语言和工具进行开发工作,这些技能让我在编程中更加自信和高效,此外,在完成这些课程的过程中,我还掌握了系统辨别、开发和检验的相关技能,可以对项目的整体流程
17、进行全面把握,提高开发效率和质量。3.1.2 操作可行性该系统的界面设计简单清晰,注重美观和易用性,操作也十分方便流畅。一旦用户进入到系统操作界面,就会得到相应的提示。方便用户轻松找到所需的功能操作模块皿。由于其优秀的设计和操作引导,用户无需接受过任何专门培训就可熟练使用本系统。总之,该系统具有很高的可行性。3.1.3 经济可行性在进行经济可行性分析时,我们需要考虑系统的投入和产出之间的关系,确保成本不会超出回报。由于目前我还是学生,经济状况相对较为困难。所以会尽量减少投入经济。在编写程序代码的过程中,我也会通过百度等搜索引擎下载所需的源码,不需要支付任何额外费用。总之,由于相应资源的获取成本
18、极低,本系统的经济成本也会相对较低,确保在经济上的可行性。3.1.4 时间可行性从2022年11月份开始,我们学校就没有正常的教学课程了,因此我和大部分同学选择了去找工作实习。同时,我还要抽出晚上的时间来完成毕业设计的工作。然而,在2023年6月份左右进行的论文答辩前,我仍然有近半年的时间来完成毕业设计,时间上相对宽裕。综上所述,在进行可行性分析后得出,本次开发的家装网站在开发上不存在任何大问题。具有值得开发的优势3. 2功能分析3.2.1系统用户角色分析经过对装修网站进行调查和研究,该系统共有三种人物:一是游客;二是注册用户;三是管理员。用例图如图3.1所示。在装修网站中,现在有三种不同的用
19、户角色:后台管理员、注册用户和游客。其中,管理员权限最大,网站的各种信息都由他进行管理。注册用户可以对自己的信息进行删除和修改,并使用装修计算器来获取自己的报价。而游客只能够通过浏览网站来查看装修案例、设计师信息、工地和装修攻略等内容,无权进行其他功能操作。表格3.1详细阐述了我的装修网站中每一个角色的职责和权限。后台管理员是该系统的管理者,其权限最高,可以自由地对系统中的所有信息进行添加、查后台管理员看、修改和删除操作。此外,后台管理员还可以将注册用户的相关信息保存,方便日后与其进行人工联系。现在己注册用户可以通过登录系统的方式,查看装修案例、设计师、工地以及装修攻略等相注册用户关信息。此外
20、,他们还可以使用装修计算器来获得具体的装修报价。作为未注册用户,游客只能够通过游览模式查看装修网站中的装修案例、设计师、工地和装游客修攻略等相关信息,而无法使用其他更为具体的功能。角色名称表3.1系统角色职责描述3. 2.2系统功能模块分析后台管理员是系统的最高管理者。可以对系统中的所有信息进行管理和维护“久具体来讲,包括但不限于用户信息的增删改查、装修攻略分类以及用户报价信息的管理等多个方面。除此之外,管理员还可以对违规账号进行停用。注册用户可通过登录系统的方式来使用网站功能。他们可以查看装修案例信息、查询装修报价并使用装修计算器等,在报价过程中后台还会记录相关用户信息作为后期联系的凭据。而
21、游客则只能够在游览模式下查看网站中的信息,例如装修案例、设计师信息、装修攻略等。但如果想要获得更多的访问权限,游客需要在网站上注册成为已注册用户。图3.2展示了系统的总体功能模块。后台管理员I备看装修案例真实惠家装网注册用户图3.2系统功能模块图3. 2.3装修案例管理装修案例管理模块提供了增删改装修案例的相关功能,具体如图3.3所示。(1)添加装修案例:只有后台管理员可以使用该功能,通过在系统中添加装修案例信息。(2)删除装修案例:也仅有后台管理员可以使用该功能,通过在系统中删除不需要的装修案例信息。(3)修改装修案例:同样只有后台管理员才可以使用该功能,通过在系统中对装修案例信息进行修改操
22、作来满足需求。图3.3装修案例管理模块3.2.4设计师管理设计师管理模块现提供了关于增删改设计师信息的有关功能模块。具体如图3.4所示。(1)添加设计师:仅仅有后台管理员才可以使用该功能,通过在后台系统中添加设计师的信息和作品来展示设计师的实力。(2)删除设计师:同样只有后台管理员才可以使用该功能,通过在系统中删除已存在的设计师信息和作品来满足需求。(3)修改设计师:该功能仅限后台管理员使用,通过在系统中对设计师信息和作品进行修改操作来更新设计师的相关信息。图3.4设计师管理模块3. 2.5装修报价器管理装修报价器管理模块旨在为用户提供针对装修预算的参考信息,针对游客和已注册用户提供不同的报价
23、服务。具体如图3.5所示。(1)针对游客:无法提供报价,会提示用户进行登录操作。(2)针对注册用户:根据注册用户所选择的装修风格、厅室类型以及提供的总面积,在一定的算法计算之后,系统将会给出一个确切的装修报价作为反馈信息。从而为用户提供更加精准的参考价位4. 2.6装修攻略信息管理装修攻略信息管理模块提供了发布和管理装修知识信息的相关功能,具体如图3.6所/Jo(1)发布装修攻略信息:只有后台管理员可以使用该功能,通过在系统中发布新的装修知识信息,以便用户能够方便地获取到装修知识并进行学习。(2)管理装修攻略信息:同样是只能被管理员使用,对装修知识进行增删等操作,来保证装修知识内容的准确性和时
24、效性,为用户提供更好的学习体验。图3.6装修攻略信息管理5. 2.7注册用户管理本模块具体作用如图3.7所示。(1)是查看注册用户信息:信息只能被管理员在后台查看。(2)是启用注册用户账号:这一功能只对后台管理员开放,以保证系统的安全性和稳定性。(3)是停用注册用户账号:管理员以停用账号的方式将其从数据库中删除,以限制其登录系统的权限,保证系统安全和稳定性。这一功能只能由后台管理员操作。图3.7注册用户管理4.系统流程分析4.1 注册登录注册登录模块旨在为系统提供访问控制功能,包括后台管理员。注册用户和游客可使用注册和登录功能四。三个角色都需要注册才能登录系统。游客以注册的方式把自己的信息输入
25、数据库来获得注册用户所拥有的权限。该模块如图4.1所示。图4.1注册登录模块4. 2注册流程未拥有账号的用户可以通过注册操作获取系统访问权限。用户注册的具体流程详见图6. 2o图4.2注册信息流程图4.2登录流程登录模块实现了管理员和用户的权限登录。用户登录的详细流程可参见图4.3。图4.3登录流程图4.4添加信息流程管理员和用户登录以后,添加信息的操作都可以被使用了,流程如下图4.40图4.4添加信息流程图后台管理注册0录宜春篇选设计怖报价磐个人中心STSl-报价*善攻略管理7. 总体设计7.1 总体设计思想总体设计将规划和设计系统的功能模块结构,每个模块之间的关系和功能会以图表展现。家装工
26、作室网站总体结构图如图5.1所示。三SpringBootmSj三iSi+3m前台管理图5.1系统总体结构图家装工作室网站分为前台管理和后台管理两个部分。前台管理包括注册登录、案例展示、设计师选型、报价服务、个人中心和预约看工地等功能。后台管理则包括报价管理、案例管理、设计师管理、装修攻略管理、看工地管理和客户管理等模块。5.2前台模块设计前台模块的功能主要有注册登录,按户型,风格或者面积查看装修案例,按户型,风格,级别查看选择设计师,看工地服务,查看装修攻略,报价服务等。前台功能模块结构图如图5.2所示。前台管理个人中心选计师报价服务看工地服务查看案例注册登录按级别选择按擅长风格按擅长户型按风
27、格浏览按户型浏览按面积浏览图5.2前台功能模块结构图(1)注册登录注册是网站最基本的功能。注册注册是必须有的基本功能之一。登录用户注册成功后,即可在家装网站前台进行登录操作。登录时,账号密码正确,成功登录。否则,系统会提示用户名或密码错误。(2)查看案例装修案例列表分为三个部分,包括按照装修户型、装修风格以及装修面积进行分类。在详情页面,用户可以查看到案例的详细信息,例如标题、设计说明、设计师描述等内容。(3)看工地服务看工地页面包含了正在进行装修的房子施工现场图片,同时展示了工程周期的前期、中期和后期阶段,以便用户可以在线上监督整个装修过程。(4)报价服务当以游客身份报价时,系统提示登录。而
28、当注册登录用户提交信息后计算报价,便能在个人中心查到具体的反馈数值。(5)选设计师在选设计师页面,用户可以按照设计师擅长的户型、风格以及级别等条件进行筛选。而在进入设计师详情页面后,用户可以查看到设计师的从业时间、设计理念、主要作品、所获荣誉等详细信息,同时还能够浏览该设计师的装修案例。(6)个人中心在个人中心,用户可对个人资料和密码等个人信息进行修改,并能够查看自己的报价历史记录,包括当前的报价情况和以往的报价结果。这些功能让用户可以更便捷地管理个人信息并了解自己在报价方面的表现,提高了用户体验。5. 3后台模块设计后台功能模块结构图如图5.3所示。设计瞿理厝1林 铜设H帅 M除设计好 J.
29、添加*师 审核订 案例查询 限价善而 输入科用,户fi海*询案例 家皆国-例一添空例*攻略值图5.3后台功能模块结构图(1)报价管理该是为登录用户设计的,管理员在后台给他们具体的报价。在装修报价计算器的设计中,我们充分发挥了前后端协作的优势,采用AjaX技术对页面进行实时刷新,在用户需要获取跟进服务时,提供了用户登录的功能。(2)看工地管理工地管理是包括工程前、中、后期的全面管理,其中涵盖了现场图片和当前工期等信息。管理员可以通过增删改查方式对此进行管理。同时,管理员还能够浏览正在施工的工地照片,并查看该工程目前所处的工期情况。(3)设计师管理设计师的所有信息都被包括在其中,我们可以对其的姓名
30、,头像等等信息进行操作。(4)装修攻略管理装修攻略是指包括装修知识和其他相关文章的信息内容,而装修攻略管理则是针对这些内容的全面管理系统。管理员可以对装修知识等模块进行管理。(5)案例管理案例管理是一个综合管理系统。其中包含了案例的标题等信息。在案例管理页面上,现有案例的增删改查等操作都是被允许的。(6)用户管理用户的各种信息都可以被管理员查看,还可以封禁或启用某些用户。5.4数据库设计本家装网站采用的是MYSQL数据库,确实是一种数据存储速度较快的解决方案。由于家装网站主要涉及对信息的管理,因此需要充分设计一个良好的数据库,以便于对大量信息进行分类和清晰的表达,从而避免在添加信息时出现混乱。
31、通过合理的方法,打造出良好的数据库。用于存储和管理数据。一个好的数据库设计对于系统的性能、安全和可靠性都至关重要,并且能够提高系统的扩展性和可维护性。在此系统中,管理员、案例、设计师、装修攻略、报价、看工地、用户等七个实体都具有重要意义。因此,在进行数据库设计时,需要明确它们的功能和关联。此外,为了提升数据库的性能和扩展能力,还应注意其规范性、稳定性和安全性等方面的问题。(1)管理员管理员实体具有多个属性,其中包括序号、名称和密码等信息。如图5.4案例案例实体拥有多个属性,包括序号、创建时间、案例名称、风格、户型、面积、设计师、封面图、户型图和全景链接等信息。如图5.5所示。设计师设计师实体包
32、含多个属性。其中包括序号、姓名等信息。如图5.6所示。图5.6设计师实体图装修攻略多个属性被包含在装修攻略实体中,有序号、标题等信息。如图5.7所示。图5.7装修攻略实体图报价报价实体包含多个属性,其中包括序号、用户信息、户型类型、面积、报价信息和提交时间等信息。如图5.8所示。图5.8报价实体图(6)看工地看工地实体包含多个属性,其中包括序号、标题、户型类型、面积、创建时间和工期等信息。如图5.9所示。图5.9看工地实体图(7)用户多个属性被包含在用户实体中,包括账号、密码、最后一次登录时间等等信息。如图5 .10所示。图5.10用户实体图6 .系统的实现6.1 用户功能模块的实现6.1.1
33、系统主界面不管登录与否,均可查看系统的主界面。主界面如图6.1所示。(/万H实惠家装网MBiSitKAXttMRMVHHniuIQ入住环保十年居原全程皆事真实惠家装网WMKR图6.1系统主界面6.1.2装修案例界面用户进入装修案例页面后。具体如图6.2所示。安宁庭院 b ii8o.o-Mftannn图6.2装修案例界面6. 1.3案例详情界面用户进入装修案例详情页面后。具体如图6. 3所示。页SifiitwWZltt装修攻Vie价Q用户在进入选设计师页面后,可以按照设计师擅长的户型、擅长的风格以及设计师级别等条件进行筛选和查看。具体请参见图6.4。TttYsHft注18际Jl实惠家装网图6.4
34、选设计师界面6.1.5设计师详情界面用户在进入设计师详情页面后,可以看到设计师的详细信息,包括姓名、照片、擅长的户型、毕业学校、案例总数、擅长的风格、级别等信息,并且可以查看这位设计师设计的案例。更多细节请见图6.5。Ji: Ii实惠家装网杨军/MS优秀设计0/BS科技大学ttit*t:设计停包括材码、IX.造你拿美彩式、Z*AM.Ht叁籍含弊国Itte台的创作.km : sm 妁风格中式风格图6.5设计师详情界面6.1.6看工地界面用户在进入看工地页面后,可以查看正在施工的现场图片以及工地所处的工期。具体请参见图6.6o装修知识、装修风水等信息可以在进入装修攻略页面进行查看。如图6.7所示。
35、金分英WK收房tfKtRN合同2021-01-26 2151:21思所幽了怎么办理通时悔了怎么有什么!*的*决方法比论你蜃水NL相坐式Bll办SEB fW4M47.无论你的卬*了压与IUkJg7小.在本文指供的的A 叫1相IHMl决BtM了怎么办的题.第师堵了怎么办.这个间般峻常在IN)日怎样治理装依污染?,+中“1加BFaE内SHt材R中甲HWM加大致空气屡下: 季京内空气质的下. 通于装修材Hei材中渐离的甲KL摹及口筑港足土中的IUQ添M利在a条件下的网 故都会如0. aMS2SXK30X2M,游甲H的烟放会增SI. Ia蠢货网显示.图6.7装修攻略界面6.1.8报价界面用户在进入报价页
36、面后,可以使用装修计算器来计算装修所需的价格。如果用户以游客身份点击报价,会提示游客需要登录。如果注册用户登录以后再进行报价,将显示具体的价格然后保存在个人中心界面。更多细节请见图6.8。庐K实患家装网装修计算器建* Vf联系我们2S020439qq.m00:2502098438ItZMlfflQ8I图6.8报价界面6.1.9注册界面如果用户没有注册账号,可以注册。用户注册界面的展示方式请参见图6.9。页XlfXMiSiBitKSTie%HIS*硒sQ新用户注册找家装,上asM格式:6-2Kr字或字成25O2O98438(g)QO2502098A3如果用户想要获取具体的装修报价数值,必须先登录
37、系统。用户登录界面的展示方式请参见图6.IOo苏慎实惠家装网透设计斡VXtt装修攻 * KHH iiaQ登录找家装,上ASS三SM汉石注8178图6.10登录界面6.1.11个人中心界面在个人中心页面,自己的报价记录便可以被查看。此外,用户还可以修改一些信息。更多详情请见图6.11。dK实惠家装网SStfCM遇设计0工地及修IS-援价个人中!出用的解价播交时阍IetMSjB3*K2EiRft13评方米20234)5-U12:58:33得湾侨取消个人IW43$厅旧2卫1阳台130方米2023-05-U12:5&05持Ie价取消ease3厅1国2:EI阳台130平方米2023-05-112:573
38、1WSfft取MI退出除号1尾负图6.11个人中心界面6.2管理员功能模块的实现6.2.1管理员登录界面需要先登录系统后台。具体的界面如图6.12。管理员登录后可以进行报价管理操作,如图6.13o图6.13报价管理界面6.2.3设计师管理界面对设计师的操作管理员均可以完成。设计师管理页面如图6.14,添加设计师的具体步骤可参考图6.15o图615添加设计师界面6.2.4装修案例管理界面管理员可以进行对案例的添加等管理操作。具体的装修案例管理界面请参见图6.16,添加装修案例的具体步骤可参考图6.17o0 ra fiitw*a ,M*maH i*Pe9MW.NV mpvQ 3rffA&f攵加/J
39、Wl义C1TOOl*67fiflU7tt1l期IQK4图6.17添加装修案例界面6.2.5看工地管理界面对工地信息的操作也是由管理员进行完成的。看工地管理界面如图6.18,添加工地信息如图6.19oMl 工 MM*O MKBMttX RP开工古工Bm-值会TBJU3.后期工程3.3筑工校收图6.19添加看工地信息界面6.2.6用户管理界面用户信息的管理均是由管理员进行操作的。具体界面如图6.20o用户值息*0SIMSOMSBKttStS用户信息&WBems2iMZ3ovi4arjemiM5ti008203-215)*40RfH202347102JeRNl6.2.7装修攻略界面管理员可以对装修知
40、识和其他文章进行增加等操作。如图6.21和图6.22。图6.21装修知识界面6. 2.8修改密码界面管理员登录后台的密码在此页面进行修改,如图6.23O图6.23后台密码修改界面7.系统测试当一个系统的设计完成后。测试阶段便紧随其后20。测试是为了发现更多的问题。以确保我的网站在投入使用后不要出现事故。这一阶段的目标是让系统经过全面、深入的测试,以确保它能够达到预期的性能和可靠性,提高用户的满意度。在测试阶段,对系统的各个方面进行测试。通过不断的改进,来确保我的网站的发展。同时也保障了用户体验。7.1 测试用例7. 1.1注册模块测试表7.1注册模块测试用例用例描述预期结果实际结果1注册页面,
41、没有填写用户名注册按钮禁用,显示用户名为空注册按钮禁用,用户名一栏显示须填写2注册页面,没有填写密码注册按钮禁用,显示密码为空注册按钮禁用,密码一栏显示须填写3注册页面,注册已注册的用户注册按钮禁用,显示用户名已存在注册按钮禁用,显示该手机号已经被注册4注册页面,两次输入不一样的密码注册按钮被禁用,显示两次输入的密码不同注册按钮禁用,显示输入的两次密码不一致5注册页面,注册用户名为:李二牛17,密码为:159736注册成功注册成功手机号为157351135367. 1.2登录模块测试表7.2登录模块测试用例用例描述预期结果实际结果1繇=L市而才梢口壬如登录以后提示手机号或登录按钮禁用,手机号一
42、栏登狄页面,不填写手机号密码为空提示须填写登录以后提示用户名或登录按钮禁用,密码一栏提2登录页面,不填写密码密码为空示必须填写登录页面,填写尚未注册登录以后提示用户名或登录按钮禁用,提示用户名3的用户密码错误或者密码错误登录页面,填写已经注册用户登录以后提示用户名或登录按钮禁用,提示用4但密码填写错误密码错误户名或者密码错误登录页面,使用手机号:515735113536,密码:登录成功登录成功2502098438登录7. 2页面测试7. 2.1兼容性测试为了能够保证网站能正常运行。我需要进行兼容性测试。由于用户使用的软件环境各不相同,无法保证网站在所有浏览器下都能完美显示运行,因此兼容性测试对
43、于网站项目来说非常重要。特别是对于Web应用程序,用户的客户端环境和配置无法预测,因此兼容性测试尤为重要。我在PC端环境下进行测试,使用WindOWSll操作系统,CPU为AMD7-5800H,至少需要250MB以上硬盘空间,屏幕分辨率为1920Px*1080Px,并测试了谷歌浏览器和Edge浏览器。通过测试,我发现所有功能均正常。ChrOme测试结果如下图7.1所示。Edge测试效果如下图7.2所示。入住环保十年品质全程装修K例函S计。WTtt装修攻崎报价注BB登录入住环保十年要全程tt家真实惠家装网装修知识图7.1谷歌浏览器测试效果图真实惠家装网图7.2Edge浏览器测试效果图7. 2.2功能测试(1)系统登录测试在家装网站的登录页中,用户输入的信息均要正确,否则无法登陆。登录测试页面的界面如下图7.3所示。登录找家装,上发0住PCA图7.3登录测试页面(2)添加设计师测试在向平台中添加设计师时,用户需要先输入设计师的姓名,然后按照要求分别上传头像、输入毕业学校等信息。如果用户在保存时未输入内容。将会弹框提醒用户输入该内容。选择文件未选理文件30OM99pjc督K色为3明色.裱式PnQeWt0包华业学校:sa:图7.4添加设计师测试参考文献1王志亮,纪松波.基于SPringBOot的Web前端与数据库的接口设计J.工