联动汽车租赁系统设计与实现

PAGEii联动汽车租赁系统设计与实现摘要社会在不断进步，经济在快速发展，汽车早已成为日常生活中不可或缺的交通工具。然而，并非所有人都有条件购买私家车，汽车租赁行业由此应运而生。此时设计一款智能化的全面化的汽车租赁系统就显得尤为必要。本文通过分析市场的需求设计实现了联动汽车租赁系统，该系统使用Java语言实现，采用Spring

Boot框架来进行后台开发与MySQL数据库建立了连接。该系统有客户端和管理端两大模块，客户端用户注册账户后进行登录可以查看首页、汽车之家、投诉反馈、通知公告、汽车信息等也可以进入个人中心界面进行预约看车、汽车租赁、汽车收藏等功能。管理端可以进行汽车租赁管理、汽车信息管理、还车管理、公告管理、用户管理以及数据统计等功能。本文重点阐述了联动汽车租赁系统的研究背景，系统分析、概要设计、详细设计、系统实现、系统测试和结论等内容。关键词：汽车租赁；SpringBoot；租赁管理；JavaABSTRACTSocietyisconstantlyadvancing,theeconomyisdevelopingrapidly,andcarshavebecomeanindispensablemeansoftransportationindailylife.However,noteveryonehastheconditionstopurchaseaprivatecar,andthecarrentalindustryhasemergedasaresult.Itisparticularlynecessarytodesignanintelligentandcomprehensivecarrentalsystematthistime.Thisarticleanalyzesthemarketdemandanddesignsalinkedcarrentalsystem.ThesystemisimplementedinJavalanguageandusestheSpringBootframeworkforbackenddevelopment,establishingaconnectionwithMySQLdatabase.Thesystemhastwomainmodules:theclientandthemanagement.Afterregisteringanaccount,theclientusercanlogintoviewthehomepage,CarHome,complaintfeedback,notificationannouncements,carinformation,etc.Theycanalsoenterthepersonalcenterinterfacetomakeappointmentsforcarviewing,carrental,carcollection,andotherfunctions.Themanagementendcanperformfunctionssuchascarrentalmanagement,carinformationmanagement,returnmanagement,announcementmanagement,usermanagement,anddatastatistics.Thisarticlefocusesontheresearchbackgroundofthelinkedcarrentalsystem,includingsystemanalysis,summarydesign,detaileddesign,systemimplementation,systemtesting,andconclusions.Keywords:carrental;SpringBoot;LeaseManagement；Java

目录第1章绪论 11.1研究背景 11.2研究意义 11.3国内外研究现状 21.4研究内容 21.5论文组织结构 2第2章系统分析 32.1可行性分析 32.1.1技术可行性 32.1.2经济可行性 32.1.3市场可行性 32.1.3法规可行性 32.2需求分析 42.2.1需求描述 42.2.2功能建模 4第3章系统概要设计 63.1系统的功能结构 63.2系统数据库设计 73.2.1数据库概念结构设计 73.2.2数据库逻辑结构设计 14第4章系统详细设计 234.1功能模块详细设计 234.1.1登录模块详细设计 23第5章系统实现 275.1前台模块实现 275.1.1登录模块实现 275.1.2首页模块实现 285.1.3汽车之家模块实现 295.1.5汽车资讯模块实现 295.1.6在线客服模块实现 305.1.7汽车信息模块实现 315.1.8预约看车模块实现 325.1.9看车记录模块实现 335.1.10汽车租赁模块实现 345.1.11续租汽车模块实现 355.1.12投诉反馈模块实现 375.2后台模块实现 375.2.1后台登录模块 375.2.1管理员管理模块实现 385.2.2管理用户模块实现 395.2.3汽车信息管理模块实现 415.2.4预约看车管理模块实现 425.2.5看车记录管理模块实现 435.2.6汽车租赁管理模块 445.2.7续租汽车模块实现 465.2.7还车管理模块 475.2.8提醒信息管理模块 485.2.9轮播图管理模块 495.2.10投诉反馈管理模块 515.2.11资讯列表模块 525.2.12交流管理模块 53第6章系统测试 556.1单元测试 556.2系统功能测试 556.2.1数据库功能测试 556.2.2登录测试 566.2.3用户注册测试 576.2.4汽车信息管理测试 576.2.5预约看车管理测试 586.2.6看车记录管理测试 596.2.7汽车租赁管理测试 606.2.8还车记录管理测试 606.2.9超期提醒管理测试 616.3测试结论 62结论 63参考文献 64 第1章绪论1.1研究背景当今社会人们越来越依赖于驾驶汽车出行，虽然私家车的普及率也在不断上升。然而也有许多家庭认为买车是没有必要的。他们认为交通堵塞、环境污染以及停车困难等问题短时间无法得到改善，以及购买私家车后保养、保险、燃油也是一笔巨大的开销。此时租赁汽车成为了更好的选择，租赁汽车不仅提供了一种灵活的出行方式，减轻了私家车的负担，也解决了人们需要用车的燃眉之急。同时也对保护环境做出了巨大的贡献。保护环境已成为当前和未来的一项全球性重大课题，全球范围内对于可持续发展和绿色出行的呼声日益高涨，汽车租赁作为一种新型的绿色出行方式，值得我们进行推广。在科技快速发展的驱动下，传统的汽车租赁相比不再适应时代的发展，取而代之的是网上汽车租赁系统人们在家就可以根据需求预订好租赁的汽车由工作人员送车上门，这种系统的实现极大提高了用户的体验和租赁公司的运营效率。综上所述研究汽车租赁系统具有重要意义，也对于推动交通结构优化、促进环境保护、加快共享经济发展具有深远影响。本文围绕当前汽车租赁的市场需求研究探讨如何通过技术创新来设计和实现一个高效、便捷、智能化的汽车租赁系统，以期为行业发展提供理论支持和实践指导。1.2研究意义基于以上分析，我们构建了一个汽车租赁系统，以实现给用户提供更加便携快捷的租车功能。该系统主要包括汽车租赁管理流程控制等模块。通过对上述模块的集成和整合，我们可以使汽车租赁系统更加的规范化与标准化，从而提升客户满意度，也方便了商家对车辆的调度和管理。随着社会的发展人们的出行越来越依赖汽车，这使得汽车租赁这一行业发展迅速。因此设计一个合理的汽车租赁系统尤为必要。当客户需要进行租赁汽车时可以在系统中选择合适的车型来租赁，也可以根据大数据的推送筛选车型。进而为他们提供了更加优质的服务。在汽车租赁系统中我们也可以进行对租赁车辆的数量来统计出哪款车型热门方便租赁公司及时对车辆进行调整。在汽车租赁系统中，我们可以采用大数据分析技术，对用户提交的订单进行汇总、整理与存储。1.3国内外研究现状早在多年前国外汽车租赁行业就已经迅速崛起，有许多成熟的品牌如Budget、安飞士、National等。这些品牌代表着租车行业的顶尖水平，它们的业务遍及许多国家，有上千个经营网点，并且为了方便人们就近取车他们还会与酒店机场等公共场所进行合作。这些品牌规模大、产品多、服务好等优点深入人心。近些年来国内也发展出了许多租车品牌如一嗨租车、神州租车、悟空租车等，然而在快速发展的同时，国内外汽车租赁业也面临着一些共性问题，如车辆调度效率不高、用户体验参差不齐、数据安全和隐私保护不足等。这些问题在一定程度上制约了行业的健康发展。此时设计一款更智能的汽车租赁系统尤为必要。1.4研究内容联动汽车租赁系统具体研究内容包括：市场调研：开发系统首先要调研市场，了解不同地区、不同人群、不同家庭对租赁汽车的需求，为系统设计提供参考。需求设计：根据市场调研，根据客户的需求，和租赁公司的需求，合理的开发系统技术开发：采用最新的网络技术和开发框架，如SpringBoot、MyBatis等开发系统。主要功能：客户可以进行租赁、预约看车、续租等功能。管理员和用户根据各个功能的不同要求进行增加、删除、修改、查找等操作。1.5论文组织结构第一部分绪论：主要介绍了联动汽车租赁系统的研究背景、研究意义、国内外研究现状以及研究内容。第二部分系统分析：系统分析主要分为可行性分析和需求分析两部分进行。可行性分析主要从技术可行性、经济可行性、市场可行性和法规可行性方面来进行阐述。需求分析是从需求描述和功能建模来进行描述。第三部分系统概要设计：系统概要设计分为系统功能结构和数据库的设计，主要介绍了系统的详细功能和数据库表详细的设计。第四部分系统详细设计：分别把前台模块和后台模块的流程图呈现出来。第五部分系统实现：分别从展示了前台模块和后台模块的具体界面。第六部分系统测试：通过多次的测试，发掘系统中的问题并加以改正。第七部分结论：总结系统的不足以及改进的地方。第2章系统分析2.1可行性分析2.1.1技术可行性该系统开发语言采用的是JAVA，搭配SpringBoot框架和MySQL数据库。对于这种此系统开发使用Java语言开发，搭配SpringBoot框架和MySQL，使数据更加安全。对这种计划做出明确规定之后必须有一个实施计划，而这个实施计划又必须和当时所掌握的技术水平相适应。要有一个具体计划，使它具有可操作性，而这个具体计划又必须符合于当时当地所能达到的技术水平。2.1.2经济可行性汽车租赁系统的建立需要一定的投资，包括购车、系统开发、运营维护等成本。因此在开发系统之前我们应该对整个系统成本进行核算，根据系统的需求和自身的经济能力出发考虑多种方案。选择的方案应既符合需求又不会过度超预算，还应考虑到后期的维护成本。此外，通过差异化定价策略、会员服务、长期合作等方式，汽车租赁公司可以拓宽收入来源，提高盈利能力。因此，从长远来看，汽车租赁系统具备良好的经济可行性。2.1.3市场可行性人们生活水平的提高，出行需求日益增加，尤其是在商务旅行和旅游高峰期。然而，并非每个人都拥有私家车，或者愿意承担长期车辆维护的费用。此外，城市中年轻人群和临时访客对短期租车服务的需求强烈。因此，市场对于灵活、便捷的汽车租赁服务有着巨大的需求。因此设计此系统具有一定的价值。2.1.3法规可行性汽车租赁业务的开展需要遵守国家和地方的法律法规。早在之前国外就已经发展起汽车租赁。且发展迅速。当前多数国家和地区已经出台了相关政策支持汽车租赁行业的发展，并对车辆安全、交易行为、用户隐私等方面设立了规范。只要汽车租赁公司严格遵守法律法规，合理规避风险，汽车租赁系统的法规环境是可行的。汽车租赁也符合绿色出行的理念，为实现碳中和做出贡献。2.2需求分析2.2.1需求描述联动汽车租赁系统的主要功能和需求如下。汽车信息模块：管理员可以根据汽车的颜色、动力、类型等特征添加汽车的信息。用户可以在此模块进行预约看车、租赁、评价汽车等功能。预约看车模块：用户有租赁需求可以提前预约看车了解汽车性能，帮助用户挑选合适的汽车进行租赁。汽车租赁模块：当用户在汽车信息中挑选好需要租赁的汽车可以点击租赁。租赁完后也可以根据自己的需求进行续租，还车等功能。也可以选择是否送车上门等服务。续租汽车模块：当用户在租车过程中无法及时还车或因其他原因需要延迟租车天数此时就可以续租，该模块记录用户的续租记录待用户审核后进行支付。还车记录模块：用户在租赁完后申请换车，管理员检查汽车无磕碰无事故时通过审核，完成租车流程。提醒记录模块：用户未及时还车，或临近还车日期时可以提醒用户还车。汽车之家模块：该模块提供了一些推荐车型，用户可以在此点评某些车辆，可以帮助用户挑选更合适的车型进行租赁。2.2.2功能建模本课题要求实现联动汽车租赁系统的开发与实现。主要的功能有预约看车、汽车租赁、续租、还车等功能。（1）管理员用例需求如图2.1所示。图2.1管理员用例图（2）用户用例需求如图2.2所示。图2.2用户用例图

第3章系统概要设计3.1系统的功能结构联动汽车租赁系统主要有前台和后台两大模块。框架图如图3.1所示。图3.1系统体系结构设计图3.2系统数据库设计3.2.1数据库概念结构设计该系统的开发主要用数据库表来进行保存数据，在设计数据库表时要了解实体与属性之间的关系和表的结构如字段长度、类型、是否为空、是否为主键等。（1）管理员实体属性图如图3.2所示。图3.2管理员实体属性图（2）用户实体属性图如图3.3所示。图3.3用户实体属性图（3）汽车信息实体属性图如图3.4所示。图3.4汽车信息实体属性图（4）数据统计实体属性图如图3.5所示。图3.5数据统计实体属性图（5）轮播图实体属性如图3.6所示。图3.6轮播图实体属性图（6）公告实体属性图如图3.7所示。图3.7公告实体属性图（7）论坛实体属性图如图3.8所示。图3.8论坛实体属性图（8）留言板实体属性图如图3.9所示。图3.9留言板实体属性图（10）还车记录实体属性图如图3.10所示。图3.10还车记录实体属性图（11）看车记录实体属性图如图3.11所示。图3.11还车记录实体属性图（11）续租记录实体属性图如图3.12所示。图3.12续租记录实体属性图（11）提醒信息实体属性图如图3.13所示。图3.13提醒信息实体属性图（10）系统整体E-R图如图3.14所示。图3.14系统整体E-R图3.2.2数据库逻辑结构设计数据库系统中保存了用户账号、汽车信息、租赁信息等数据。在联动汽车租赁系统中当有新用户注册账号数据库表中将添加相应的数据。当管理员下架某一辆汽车的租赁，随后数据库中也删除掉该汽车的信息。表3.1管理员列名类型长度是否空说明是否主键registered_users_idint10N管理员IDYuser_namevarchar10Y姓名Nuser_phone_numbervarchar11Y电话NZhanghaovarchar16N账号Npasswordint16N密码NEmalldatetime19N邮箱Nupdate_timetimestamp19N更新时间N表3.2用户信息表列名类型长度是否空说明是否主键user_idVarchar8N用户IDYStatesmallint5N账户状态Nuser_groupvarchar16Y账号Nlogin_timetimestamp19N上次登录时间NPhonevarchar11Y手机号码Nusernamevarchar10N用户名Nnicknamevarchar16Y昵称Npasswordvarchar32N密码NEmailvarchar32Y邮箱Navatarvarchar255Y头像Nopen_idvarchar4Y性别Ncreate_timetimestamp19N创建时间N表3.3车辆表列名类型长度是否为空说明是否主键information_idint10N汽车信息IDYcar_namevarchar16Y汽车名称Ncar_typevarchar16Y汽车类型Nautomotive_powervarchar6Y汽车动力Ncar_numbervarchar10N汽车编号Nautomobile_brandvarchar16Y汽车品牌Ncar_picturesvarchar255Y汽车图片Ncar_modelsvarchar16Y汽车车型Ncar_colorvarchar16Y汽车颜色Nnumber_of_seatsint2Y座位数量Nrental_unit_priceint4Y租赁单价Ndeposit_priceint4Y押金价格Nrentable_timedatetime19Y可租时间Nvehicle_locationvarchar64Y车辆位置Ncar_detailstext65535Y汽车详情NHitsint10N点击数Npraise_lenint10N点赞数Ncreate_timedatetime19N创建时间Nupdate_timetimestamp19N更新时间N表3.4数据统计列名类型长度是否空说明是否主键data_statistics_idint10N数据统计IDYstatistical_monthvarchar18Y统计月份Nhot_rental_vehiclesvarchar18Y热租车辆Nnumber_of_leasesint10Y租赁数量Ntotal_number_of_leasesint10Y租赁总数Nother_remarkstext65535Y其他备注Ncreate_timedatetime19N创建时间Nupdate_timetimestamp19N更新时间N表3.5轮播图列名类型长度是否空说明是否主键slides_idint10N轮播图ID：Ytitlevarchar64Y标题：Ncontentvarchar255Y内容：Nurlvarchar255Y链接：Nimgvarchar255Y轮播图：Nhitsint10N点击量：Ncreate_timetimestamp19N创建时间：Nupdate_timetimestamp19N更新时间：N表3.6公告列名类型长度是否空说明是否主键notice_idmediumint8N公告id：Ytitlevarchar125N标题：Ncontentlongtext10000Y正文：Ncreate_timetimestamp19N创建时间：Nupdate_timetimestamp19N更新时间：N表3.7论坛列名类型长度是否空说明是否主键forum_idint8N论坛idYdisplayint5N排序Nuser_idint8N用户IDNnicknamevarchar16Y昵称Npraise_lenint10Y点赞数Nhitsint10N访问数Ntitlevarchar125N标题Nkeywordsvarchar125Y关键词Ndescriptionvarchar255Y描述Nurlvarchar255Y来源地址NTagvarchar255Y标签NImgtext65535Y封面图NContenttext65535Y正文Ncreate_timetimestamp19N创建时间：Nupdate_timetimestamp19N更新时间：NAvatarvarchar255Y发帖人头像：Ntypevarchar64N论坛分类N表3.8留言板列名类型长度是否空说明是否主键message_idint10N留言板ID:Yuser_idint10N用户ID:Ntitlevarchar64Y标题:Ncontentlongtext6000N内容:Nnicknamevarchar32N昵称:Navatarvarchar255Y头像:Nemailvarchar32Y留言者邮箱Nphonevarchar11Y留言者手机号码Ncreate_timetimestamp19N创建时间Nupdate_timetimestamp19N更新时间Nreplylongtext2147483647Y回复Nreply_statetinyint4Y回复状态N表3.9预约看车列名类型长度是否空说明是否主键appointment_idint10N预约看车IDYuser_accountint10Y用户账号Nuser_namevarchar10Y用户姓名Nuser_phone_numbervarchar11Y用户电话Ncar_namevarchar16Y汽车名称Ncar_typevarchar16Y汽车类型Nautomotive_powervarchar6Y汽车动力Ncar_numbervarchar10Y汽车编号Nrental_unit_priceint64Y租赁单价Ndeposit_priceint10Y押金价格Nrentable_timedatetime10Y可租时间Nappointment_timedatetime19Y预约时间Norder_numbervarchar19Y订单编号Nexamine_statevarchar64N审核状态Nexamine_replyvarchar16Y审核回复Ncreate_timedatetime16N创建时间Nupdate_timetimestamp19N更新时间N表3.10取消看车列名类型长度是否空说明是否主键cancel_car_viewing_idint10N取消看车IDYuser_accountint10Y用户账号Nuser_namevarchar16Y用户姓名Nuser_phone_numbervarchar16Y用户电话Ncar_namevarchar6Y汽车名称Ncar_typevarchar10Y汽车类型Nautomotive_powervarchar16Y汽车动力Ncar_numbervarchar16Y汽车编号Nrental_unit_priceint10Y租赁单价Ndeposit_priceint10Y押金价格Nrentable_timedatetime19Y可租时间Nappointment_timedatetime19Y预约时间Norder_numbervarchar64Y订单编号Ncancel_timedatetime19Y取消时间Nreason_for_cancellationtext65535Y取消原因Nexamine_stateint10N审核状态Nexamine_replyint10Y审核回复Ncreate_timevarchar64N创建时间Nupdate_timevarchar64N更新时间N表3.11汽车租赁列名类型长度是否空说明是否主键car_rental_idint10N汽车租赁IDYuser_accountint10Y用户账号Nuser_namevarchar64Y用户姓名Nuser_phone_numbervarchar64Y用户电话Ncar_namevarchar16Y汽车名称Ncar_typevarchar16Y汽车类型Nautomotive_powervarchar6Y汽车动力Ncar_numbervarchar10Y汽车编号Nrental_unit_priceint10Y租赁单价Ndeposit_priceint10Y押金价格Nrentable_timedatetime19Y可租时间Nappointment_timedatetime19Y预约时间Nlease_daysint10Y租赁天数Nlease_amountvarchar64Y租赁金额Norder_numbervarchar64Y订单编号Ndelivery_addressvarchar64Y送车地址Nexamine_statevarchar16N审核状态Nexamine_replyvarchar16Y审核回复Npay_statevarchar16N支付状态Npay_typevarchar16Y支付类型Ncreate_timedatetime19N创建时间Nupdate_timetimestamp19N更新时间N表3.12还车记录列名类型长度是否空说明是否主键return_record_idint10N还车记录IDYuser_accountint10Y用户账号Nuser_namevarchar10Y用户姓名Nuser_phone_numbervarchar11Y用户电话Ncar_namevarchar16Y汽车名称Ncar_typevarchar16Y汽车类型Nautomotive_powervarchar6Y汽车动力Ncar_numbervarchar10Y汽车编号Norder_numbervarchar16Y订单编号Nreturn_timedatetime10Y还车时间Nreturn_detailstext19Y还车详情Nexamine_statevarchar19Y审核状态Nexamine_replyvarchar10Y审核回复Ncreate_timedatetime64Y创建时间Nupdate_timetimestamp64Y更新时间N表3.13收藏列名类型长度是否空说明是否主键collect_idint10N收藏IDYuser_idint10N收藏人IDNsource_tablevarchar255Y来源表Nsource_fieldvarchar255Y来源字段Nsource_idint10N来源IDNtitlevarchar255Y标题Nimgvarchar255Y封面Ncreate_timetimestamp19N创建时间Nupdate_timetimestamp19N更新时间N表3.14看车记录列名类型长度是否空说明是否主键car_viewing_records_idint10N看车记录IDYuser_accountint10Y用户账号Nuser_namevarchar64Y用户姓名Nuser_phone_numbervarchar64Y用户电话Ncar_namevarchar16Y汽车名称Ncar_typevarchar16Y汽车类型Nautomotive_powervarchar6Y汽车动力Ncar_numbervarchar10Y汽车编号Ncar_viewing_timedatetime19Y看车时间Nnumber_of_spectatorsint10Y看车人数Ncreate_timedatetime19N创建时间Nupdate_timetimestamp19N更新时间N表3.15续租记录列名类型长度是否空说明是否主键renewal_record_idint10N续租记录IDYuser_accountint10Y用户账号Nuser_namevarchar64Y用户姓名Nuser_phone_numbervarchar64Y用户电话Ncar_namevarchar16Y汽车名称Ncar_typevarchar16Y汽车类型Nautomotive_powervarchar6Y汽车动力Ncar_numbervarchar10Y汽车编号Nrental_unit_priceint10Y租赁单价Nrenewal_daysint10Y续租天数Nrenewal_pricevarchar64Y续租价格Nrenewal_order_numbervarchar64Y续租单号Nexamine_statevarchar16N审核状态Nexamine_replyvarchar16Y审核回复Npay_statevarchar16N支付状态Npay_typevarchar16Y支付类型Ncreate_timedatetime19N创建时间Nupdate_timetimestamp19N更新时间N表3.16提醒信息列名类型长度是否空说明是否主键reminder_message_idint10N提醒信息IDYuser_accountint10Y用户账号Nuser_namevarchar64Y用户姓名Nuser_phone_numbervarchar64Y用户电话Ncar_namevarchar18Y汽车名称Ncar_numbervarchar64Y汽车编号Nreminder_timedate10Y提醒时间Nreminder_contenttext65535Y提醒内容N

第4章系统详细设计4.1功能模块详细设计4.1.1登录模块详细设计登录程序流程图如图4.1所示。图4.1登录程序流程图4.1.2汽车租赁模块详细设计汽车租赁程序流程图如图4.2所示。图4.2汽车租赁程序流程图4.1.3预约看车模块详细设计预约看车程序流程图如图4.3所示。图4.3预约看车程序流程图4.1.4还车记录模块详细设计还车记录程序流程图如图4.4所示。图4.4还车记录程序流程图4.1.5续租模块详细设计续租汽车程序流程图如图4.5所示。图4.5续租汽车程序流程图

第5章系统实现5.1前台模块实现5.1.1登录模块实现前台登录界面：登录已有用户，具体实现如图5.1所示。图5.1登录界面图this.$post('~/api/user/login?',form,(res)=>{if(res.result&&res.result.obj){varobj=res.result.obj;//缓存用户_this.$mit('user_set',obj);//存储用户if(_this.remember_me){$.db.set('account',account);}//获取权限_this.$get_auth(obj.user_group,()=>{varurl=_this.$redirect();_this.$router.push(url||'/');})//存储登录回来的用户信息$.db.set('user_group',JSON.stringify(res.result.obj));}elseif(res.error){console.log(res.error);_this.$toast(res.error.message,'error');}});5.1.2首页模块实现首页模块：登录成功后的界面具体实现如图5.2所示。图5.2首页模块界面图awaitthis.$get("~/api/car_viewing_records/get_list?groupby="+group_by_value,data,(json)=>{if(json.result){letlist=json.result.list;letname_list=[];for(leti=0;i<list.length;i++){name_list.push(list[i].car_name);}this.line_obj_car_viewing_s=name_list;this.get_list_car_viewing_records_sub("car_name",flag);}});5.1.3汽车之家模块实现汽车之家模块：用户可以在该模块了解更多汽车知识，也可以发布相关的汽车内容。具体实现如图5.3所示。图5.3汽车之家界面图asyncget_forum_type(){varjson=awaitthis.$get("~/api/forum_type/get_list?");if(json.result){this.list_forum_type=json.result.list;}elseif(json.error){console.error(json.error);}},5.1.5汽车资讯模块实现汽车资讯模块：用来查看管理员发布的帖子，具体实现如图5.5所示。图5.5汽车资讯模块界面图asyncget_artcle_type(){varjson=awaitthis.$get("~/api/article_type/get_list?");if(json.result){this.list_artcle_type=json.result.list;}elseif(json.error){console.error(json.error);}},5.1.6在线客服模块实现在线客服模块：当用户需要咨询时可以在线向管理员发消息，具体实现如图5.6所示。图5.6在线客服模块界面图this.chatList.length&&(reallyTime=nowTimeChuo-this.chatList[this.chatList.length-1]['nowTime']>spaceTime?nowTime:"");!this.chatList.length&&(reallyTime=nowTime);letobj={isAdmin:this.isAdmin,content:this.sendValue,sendTime:reallyTime,nowTime:nowTimeChuo,}this.chatList.push(obj);setTimeout(()=>{this.scrollBottom();},0)window.localStorage.setItem('supportChat',JSON.stringify(this.chatList));this.sendValue="";},5.1.7汽车信息模块实现汽车信息模块：用户可以在该模块选择租赁、预约看车、等功能，具体实现如图5.6所示。图5.7汽车信息模块界面图get_obj_before(param){varform="";if(this.form&&form){Object.keys(this.form).forEach(key=>{Object.keys(form).forEach(dbKey=>{//if(dbKey==="charging_standard"){//this.form['charging_rules']=form[dbKey];//this.disabledObj['charging_rules_isDisabled']=true;//};if(key===dbKey){this.disabledObj[key+'_isDisabled']=true;}})})}if(this.form["rentable_time"]&&this.form["rentable_time"].indexOf("-")===-1){this.form["rentable_time"]=this.$toTime(parseInt(this.form["rentable_time"]),"yyyy-MM-ddhh:mm:ss")}$.db.del("form");returnparam;},5.1.8预约看车模块实现预约看车模块：用户申请预约看车后在该模块能查到已预约的订单。具体实现如图5.8所示。图5.8预约看车模块界面图get_user_session_user_account(id){var_this=this;varuser_id={"user_id":id}varurl="~/api/"+_this.group_user_user_account.source_table+"/get_obj?"this.$get(url,user_id,function(res){if(res.result&&res.result.obj){vararr=[]for(letkeyinres.result.obj){arr.push(key)}vararrForm=[]for(letkeyin_this.form){arrForm.push(key)}_this.form["user_account"]=id_this.disabledObj['user_account'+'_isDisabled']=truefor(vari=0;i<arr.length;i++){if(arr[i]!=='examine_state'&&arr[i]!=='examine_reply'){for(varj=0;j<arrForm.length;j++){if(arr[i]===arrForm[j]){if(arr[i]!=="user_account"){_this.form[arrForm[j]]=res.result.obj[arr[i]]_this.disabledObj[arrForm[j]+'_isDisabled']=truebreak;}else{_this.disabledObj[arrForm[j]+'_isDisabled']=true}}}}}}});},5.1.9看车记录模块实现看车记录实现：该模块用来记录用户预约看过的车。具体实现如图5.9所示。图5.9看车记录模块界面图get_obj_before(param){varform="";//获取缓存数据附加form=$.db.get("form");$.push(this.form,form);if(this.form&&form){Object.keys(this.form).forEach(key=>{Object.keys(form).forEach(dbKey=>{//if(dbKey==="charging_standard"){//this.form['charging_rules']=form[dbKey];//this.disabledObj['charging_rules_isDisabled']=true;//};if(key===dbKey){this.disabledObj[key+'_isDisabled']=true;}})})}if(this.form["car_viewing_time"]&&this.form["car_viewing_time"].indexOf("-")===-1){this.form["car_viewing_time"]=this.$toTime(parseInt(this.form["car_viewing_time"]),"yyyy-MM-ddhh:mm:ss")}$.db.del("form");returnparam;},5.1.10汽车租赁模块实现汽车租赁模块：主要记录了用户租赁的汽车订单，具体实现如图5.10所示。图5.10汽车租赁模块界面图this.$get(url,user_id,function(res){if(res.result&&res.result.obj){vararr=[]for(letkeyinres.result.obj){arr.push(key)}vararrForm=[]for(letkeyin_this.form){arrForm.push(key)}_this.form["user_account"]=id_this.disabledObj['user_account'+'_isDisabled']=truefor(vari=0;i<arr.length;i++){if(arr[i]!=='examine_state'&&arr[i]!=='examine_reply'){for(varj=0;j<arrForm.length;j++){if(arr[i]===arrForm[j]){if(arr[i]!=="user_account"){_this.form[arrForm[j]]=res.result.obj[arr[i]]_this.disabledObj[arrForm[j]+'_isDisabled']=truebreak;}else{_this.disabledObj[arrForm[j]+'_isDisabled']=true}}}}}}});5.1.11续租汽车模块实现续租汽车模块：用户需要续租汽车时订单出现在该模块，具体实现如图5.11所示。图5.11续租模块界面图nextSlide(){if(this.currentIndex===8){this.$refs.slider.classList.remove('slide-transition');}if(this.currentIndex===this.$props.list.length-3){this.currentIndex=0}else{this.currentIndex++;}this.translateX=-this.currentIndex*33.33;this.$nextTick(()=>{this.$refs.slider.classList.add('slide-transition');if(this.currentIndex==0){this.$refs.slider.classList.remove('slide-transition');}this.$refs.slider.style.transform=`translateX(${this.translateX}%)`;});},5.1.12投诉反馈模块实现投诉反馈模块：用户有意见或建议通过投诉反馈给管理员，管理员看到后进行审核回复，具体实现如图5.11所示。图5.11投诉反馈模块界面图created(){letuser=this.$store.state.user;if(user&&user.user_id){this.form.nickname=user.nickname;this.disabledObj.nickname_disabled=true;}this.get_list_message()}asyncget_list_message(){varlist=awaitthis.$get("~/api/message/get_list?");this.list_message=list.result.list;}5.2后台模块实现5.2.1后台登录模块后台登录模块：后台登录模块是管理员登录的模块登录成功后可以管理系统，具体实现如图5.12。图5.12后台登录模块界面图实现代码如下所述：sign_in(){varf=this.form;varform={password:rsaEncrypt(f.password)};varaccount=f.account+'';form.username=account;if(!this.form.account){returnthis.$message.warning("请输入正确账号")}elseif(!this.form.password){returnthis.$message.warning("请输入正确密码")}var_this=this;},5.2.1管理员管理模块实现管理员管理模块：管理员管理模块是指后台管理员进行的管理操作界面，具体实现如图5.13所示。图5.13管理员管理模块界面图series(){varvm=this.vm;varlist=s;varvalues=vm.values;varseries=[];for(leti=0;i<list.length;i++){letdata=[]for(letj=0;j<values.length;j++){data.push(values[j][i]);}letdict_type={name:list[i],type:'line',data:data}series.push(dict_type);}returnseries;}5.2.2管理用户模块实现管理用户模块：管理员在后台可以对用户增删改查，具体实现如图5.14所示。图5.14用户管理模块界面图data(){return{//弹框showModal:false,//获取数据地址url_get_list:"~/api/registered_users/get_list?like=0",url_del:"~/api/registered_users/del?",//字段IDfield:"registered_users_id",//查询query:{"size":7,"page":1,"user_name":"","login_time":"","create_time":"","orderby":`create_timedesc`},//数据list:[],}},5.2.3汽车信息管理模块实现汽车信息管理模块：管理员在该模块对汽车信息进行增删改查，具体实现如图5.15所示。图5.15汽车信息模块界面图data(){return{//弹框showModal:false,//获取数据地址url_get_list:"~/api/automotive_information/get_list?like=0",url_del:"~/api/automotive_information/del?",//字段IDfield:"automotive_information_id",//查询query:{"size":7,"page":1,"car_name":"","car_type":"","automobile_brand":"","vehicle_location":"","login_time":"","create_time":"","orderby":`create_timedesc`},//数据list:[],//汽车类型列表list_car_type:['国产','外产','合资'],}},5.2.4预约看车管理模块实现预约看车管理模块：对已申请看车的订单进行审核，具体实现如图5.16所示。图5.16预约看车管理界面图data(){return{field:"book_a_car_viewing_appointment_id",url_add:"~/api/book_a_car_viewing_appointment/add?",//新增url_set:"~/api/book_a_car_viewing_appointment/set?",//查詢url_get_obj:"~/api/book_a_car_viewing_appointment/get_obj?",url_upload:"~/api/book_a_car_viewing_appointment/upload?",//取消query:{"book_a_car_viewing_appointment_id":0,},form:{"user_account":0,//用户账号"user_name":'',//用户姓名"user_phone_number":'',//用户电话"car_name":'',//汽车名称"car_type":'',//汽车类型"automotive_power":'',//汽车动力"car_number":'',//汽车编号"rental_unit_price":0,//租赁单价"deposit_price":0,//押金价格"rentable_time":'',//可租时间"appointment_time":'',//预约时间"order_number":this.$get_stamp(),//订单编号"examine_state":"未审核","examine_reply":"","book_a_car_viewing_appointment_id":0,//ID},//用户列表list_user_user_account:[],//用户组group_user_user_account:"",}},5.2.5看车记录管理模块实现看车记录管理模块：显示用户已经看车的记录，具体实现如图5.17所示。图5.17看车记录管理界面图return{field:"cancel_car_viewing_id",url_add:"~/api/cancel_car_viewing/add?",url_set:"~/api/cancel_car_viewing/set?",url_get_obj:"~/api/cancel_car_viewing/get_obj?",url_upload:"~/api/cancel_car_viewing/upload?",query:{"cancel_car_viewing_id":0,},form:{"user_account":0,//用户账号"user_name":'',//用户姓名"user_phone_number":'',//用户电话"car_name":'',//汽车名称"car_type":'',//汽车类型"automotive_power":'',//汽车动力"car_number":'',//汽车编号"rental_unit_price":0,//租赁单价"deposit_price":0,//押金价格"rentable_time":'',//可租时间"appointment_time":'',//预约时间"order_number":'',//订单编号"cancel_time":'',//取消时间"reason_for_cancellation":'',//取消原因"examine_state":"未审核","examine_reply":"","cancel_car_viewing_id":0,//ID},//用户列表list_user_user_account:[],//用户组group_user_user_account:"",}},5.2.6汽车租赁管理模块汽车租赁管理模块：用来管理用户已租汽车，对已租汽车进行审核或提醒用户及时还车，具体实现如图5.18所示。图5.18汽车租赁管理界面图data(){return{field:"car_rental_id",url_add:"~/api/car_rental/add?",url_set:"~/api/car_rental/set?",url_get_obj:"~/api/car_rental/get_obj?",url_upload:"~/api/car_rental/upload?",query:{"car_rental_id":0,},form:{"user_account":0,//用户账号"user_name":'',//用户姓名"user_phone_number":'',//用户电话"car_name":'',//汽车名称"car_type":'',//汽车类型"automotive_power":'',//汽车动力"car_number":'',//汽车编号"rental_unit_price":0,//租赁单价"deposit_price":0,//押金价格"rentable_time":'',//可租时间"appointment_time":'',//预约时间"lease_days":0,//租赁天数"lease_amount":'',//租赁金额"order_number":this.$get_stamp(),//订单编号"whether_to_deliver_the_car_or_not":'',//是否送车"delivery_address":'',//送车地址"examine_state":"未审核","examine_reply":"","car_rental_id":0,//ID},//用户列表list_user_user_account:[],//用户组group_user_user_account:"",//是否送车选项列表list_whether_to_deliver_the_car_or_not:['是','否'],}},5.2.7续租汽车模块实现续租汽车管理模块：管理员对用户续租汽车的审核进行审核，具体实现如图5.19所示图5.19续租记录管理界面图return{field:"renewal_record_id",url_add:"~/api/renewal_record/add?",url_set:"~/api/renewal_record/set?",url_get_obj:"~/api/renewal_record/get_obj?",url_upload:"~/api/renewal