充电桩智能缴费平台

[题目充电桩智能缴费平台摘要伴随着时间的推移和社会的发展，人们生活水平的不断提高，越来越多的人开始购买汽车。但是，汽车的大量使用带来了能源消耗，资源短缺，环境污染等一系列问题，为解决此类问题的发生，节能的电动汽车应用而生且其越来越大众化、普遍化，但电动汽车需要随时随地充电，这就为与其相匹配的充电桩的产生创造了前提。但是，传统的充电方式存在充电桩运营模式不透明、盈利手段模糊不清、充电桩地点不明确等问题，这些问题一直以来成为充电桩行业者们最关心的话题。随着社会的高速发展，人们对手机微信功能的应用早已普遍，而微信小程序也已被人们广泛使用和接受，因而可以借助微信小程序平台设计一套功能完善的与充电桩相匹配的智能缴费平台，它能够将线下充电桩的位置、类型及其他信息汇集到线上微信小程序中，用户直接在微信中点击或搜索相应的小程序就能快速寻找到充电桩的位置，并进行准确导航，快速到达充电位置充电及快速、明确缴费，无需专门下载安装其它的APP。可以说，充电桩智能缴费平台的推出，对于充电桩使用者能够带来更多的便捷。本文给出并设计的充电桩智能缴费平台小程序，是通过微信开发者工具、后台管理和接口开发工具Visualstadio2017、数据库工具SQLServer2012以及开发语言（后台、接口、一般应用处理程序均采用的是ASP.NETC#，微信小程序主要用的是自身的样式布局，前端采用Javascript+Vue.js脚本语言）等工具或软件的应用而设计出的。微信小程序包括服务器端、客户端。其中服务器端商家可以进行充电桩管理（添加、修改、删除）、用户管理、系统管理等功能；客户端实现用户注册、登录、修改密码、充电桩找寻以及导航、选择充电桩类型、选择对应的充电桩进行充电、并进行充电桩使用后的缴费等功能。借助微信小程序这个平台实现充电桩智能缴费，不仅摒弃了传统的充电方式以及收费方式，而且利用移动互联网的优势，实现了网上缴费，从而解决了人们为电动汽车充电、充电桩地点不清楚、充电类型不合适等问题的过度担忧，这将备受人们的关注和迫切的使用。关键词：电动汽车；充电桩；智能；缴费；微信小程序；SQLSever2012；VisualSatdio2017；

AbstractWiththepassageoftimeandsocialdevelopment,people'slivingstandardscontinuetoimprove,moreandmorepeoplebegantobuycars.However,thelarge-scaleuseofvehicleshasbroughtaseriesofproblems,suchasenergyconsumption,resourceshortage,environmentalpollution,etc.inordertosolvetheseproblems,energy-savingelectricvehiclesareusedandarebecomingmoreandmorepopularanduniversal.However,electricvehiclesneedtobechargedanytimeandanywhere,whichcreatesapremiseforthegenerationofthematchingchargingpiles.However,therearesomeproblemsinthetraditionalchargingmode,suchastheopaqueoperationmodeofchargingpiles,theunclearprofitmeans,andtheunclearlocationofchargingpiles.Theseproblemshavealwaysbeenthemostconcernedtopicofchargingpileindustry.Withtherapiddevelopmentofsociety,peoplehavewidelyusedthewechatfunctionofmobilephones,andwechatappletshavealsobeenwidelyusedandacceptedbypeople.Therefore,wecandesignasetofintelligentpaymentplatformwhichcanmatchthechargingpilewiththehelpofwechatapplets.Itcancollectthelocation,typeandotherinformationofofflinechargingpileintoonlinewechatappletsUserscanquicklyfindthelocationofthechargingpostbyclickingorsearchingthecorrespondingsmallprogramdirectlyinwechat,andconductaccuratenavigation,quicklyreachthechargingposition,chargeandpayfeesquicklyandclearly,withoutspecialdownloadandinstallationofotherapps.Itcanbesaidthatthelaunchofintelligentpaymentplatformforchargingpilescanbringmoreconveniencetousersofchargingpiles.Thispaperpresentsanddesignsthechargingpointintelligentpaymentplatformapplet,whichisdevelopedbywechatdevelopertool,backgroundmanagementandinterfacedevelopmenttoolvisualStadio2017,databasetoolSQLServer2012anddevelopmentlanguage(Cisusedforbackground,interfaceandgeneralapplicationprocessingprogram#Wechatappletismainlydesignedwithitsownstylelayout,andthefrontendisdesignedwiththeapplicationoftoolsorsoftwaresuchasJavascript+vue.jsscriptinglanguage).Wechatappletincludesserverandclient.Amongthem,theserver-sidemerchantscancarryoutchargingpileManagement(add,modify,delete),usermanagement,systemmanagementandotherfunctions;theclient-siderealizesthefunctionsofuserregistration,login,passwordmodification,chargingpilesearchandnavigation,selectionofchargingpiletype,selectionofcorrespondingchargingpileforcharging,andpaymentaftertheuseofchargingpile.Withthehelpofwechatsmallprogram,theintelligentpaymentofchargingpostisrealized,whichnotonlyabandonsthetraditionalchargingmodeandchargingmode,butalsorealizestheonlinepaymentbytakingadvantageoftheadvantagesofmobileInternet,soastosolvetheoverworryofpeople'schargingforelectricvehicles,unclearlocationofchargingpost,inappropriatechargingtype,etc.,whichwillbepaidattentiontoandurgentlyusedbypeople。Keywords:electricvehicle;chargingpost;intelligence;payment;wechatapplet;SQLServer2012;visualsatdio2017;

目录TOC\o"1-4"\h\z\u摘要 I第1章绪论 11.1论文背景 11.2论文的目的和意义 11.3国内外发展现状 21.4论文主要设计思路 21.5论文章节安排 2第2章系统分析 42.1可行性分析 42.1.1技术可行性 42.1.2操作可行性 42.1.3经济可行性 42.2系统技术介绍 52.2.1ASP.NET介绍 52.2.2SQLSever2012简介 52.2.3微信开发者工具简介 62.2.4VisualStadio2017简介 62.3需求分析 62.3.1后台管理端 62.3.2客户端 62.4安全分析 7第3章系统设计 83.1系统概述 83.2设计原则 83.2.1拥有较高的工作效率 83.2.2拥有较高的可靠性 83.2.3拥有较好的交互性和操作性 83.3开发运行环境需求 83.4性能需求 83.5系统数据流图 93.6系统功能结构图 103.7功能模块详细设计 103.7.1用户注册模块设计 103.7.2用户登录模块设计 113.7.3选择充电桩充电模块设计 123.8数据库设计 133.8.1E-R图 133.8.2数据库表设计 13第4章系统实现 174.1实现原理 174.1.1界面介绍 174.1.2普通用户 174.1.3后台管理 174.2客户端 174.2.1注册模块 174.2.2登录模块 214.2.3普通用户客户端主界面 244.2.4充电桩列表 254.2.5充电桩投诉建议 264.2.6个人信息页 274.2.7附近充电查看 284.2.8收藏管理 284.3服务器端管理中心 294.3.1管理员登录模块 294.3.2服务器端导航菜单 304.3.3充电桩分类模块 304.3.4用户管理模块 304.3.5充电桩分类管理模块 324.3.6充电桩管理交易记录模块 32第5章总结与展望 355.1总结 355.2展望 35参考文献 37致谢 38第1章绪论1.1论文背景随着低碳经济成为我国经济发展的主旋律，电动汽车作为新能源战略和智能电网的重要组成部分，必将成为今后中国汽车工业和能源产业发展的重点。近年来，为了响应国家节能环保的政策以及顺应时代发展，市面上出现的新能源电动汽车已经越来越多。据预测，到2025年新能源电动汽车将会成为人们出行的主要工具。然而，电动汽车产业是一项系统工程，电动汽车充电桩则是重要环节之一，必须与电动汽车其他领域实现共同协调发展，由此也带动了充电桩的蓬勃发起。随着电动汽车的不断增多，公共充电桩也纷纷涌现。充电桩是电动力车的电站，其功能类似于加油站里面的加油机。电动汽车充电桩采用交、直流电方式充电，利用刷卡充电方式充电，充电桩显示屏显示充电量、费用、充电时间等数据。但是，随着现代社会互联网技术的快速发展，4G网络为人们带来了很多便利，智能手机已经进入了我们每个人的生活，使得人们在管理、应用等各个行业使用数据变得更加方便快速。人们的娱乐方式也又由以前传统的方式逐渐转移到智能手机上，这样更加便于用户的使用，因此通过设计充电桩智能缴费平台小程序摒弃传统的充电方式以及收费方式。本设计介绍的便是一个一套功能完善的与充电桩相匹配的智能缴费平台，它能够将线下充电桩汇集到线上微信小程序，以方便用户用最快捷的方式找寻充电桩的位置为其快速充电和便捷缴费，给充电桩使用者的生活带来更多的便捷与智能化服务。1.2论文的目的和意义在全球环境恶化的时代，国家大力扶持和引导新能源行业的快速发展，新能源汽车就是其中典型的例子，由此也带动了其配套设施的发展。充电站、充电桩是电动汽车的能量来源，没有及时的电力供应，这些新能源汽车就无法运转。随着“互联网+”的快速发展，在不断完善健全的城际快充网络下，随着充电基础设施的极大完善，新能源汽车的使用量将会巨幅增加【1】。然而，电动汽车的普及给它自身的发展也带来了挑战，车多了，充电车位有限，充电也就变得拥挤了。但是如果借助互联网的手段，让人们通过使用自己的手机为其车主导航，选择最近的有空余的充电车位的充电桩进行充电。这样电动汽车车主就无需等待排队充电，做到提前让用户了解最近充电网点的空余车位，以及需要等待时间也就一览无余，让用户更加快捷、方便、节约时间【1】。因此，我们应用手机互联网的优势借助微信小程序设计一款充电桩智能缴费平台小程序让人们的出行更加方便，同时满足每一个用户的需求。充电桩智能缴费平台的设计，是为了满足用户出行充电的需求，快速导航附近最近的充电网点的空余车位和充电后进行方便快捷的缴费功能，实现充电桩充电及其缴费智能化和网络化，方便用户的出行，给人们的生活带来更多的便捷。1.3国内外发展现状充电桩企业本是零星散落的个体,难以聚集形成规模效应,而近年来随着国家政策激励的不断推出、能源市场多元化发展等因素的影响,充电桩行业的发展如火如荼,逐步形成包括上游设备生产商、中游充电运营商、下游整体解决方案商的完整产业链【2】。当代社会移动互联网技术在各个领域得到了全面的应用于发展。然而，对于充电桩产业未来的发展,虽有政府方面的支持,但是依然存在一些需要解决的问题。从行业角度出发,需要整合一个统一的平台,需要寻求传统模式外的新赢利点以及需要解决充电桩使用时间分配问题等。从用户角度出发,需要建立统一完善的用户生态链，需要解决用电等待时间的利用以及实现供电过程的远程可操作性等。当前充电桩产业中,较为主流的解决方式是与互联网相结合,实现互联互通,把市面上的各个充电桩设备供应商整合起来,通过互联网实现充电桩状态的实时查询、预约、支付等功能。也就是说通过在互联网上搭建的第三方平台,将之前互不关联的电动汽车与充电桩串联起来,再加入电动汽车和充电桩厂商,形成一条闭合的产业生态链【3】。与此同时，大众用户已经习惯于网络化和智能化在线服务。而如今在当下市场中敏锐的资本蜂拥而至，线下抢建充电桩，线上则是各种充电桩APP。目前这些APP都在不同的程度上改良了传统充电方式，但是用户在使用过程中也出现了各种各样的问题，显然目前互联网的这些充电桩APP功能单一、可重用率低、后台无法监控以及在线支付等一系列问题的出现，让用户无法能够完整的体验和享受。1.4论文主要设计思路1、结合微信小程序自身的样式布局以及市场上充电桩APP的现有功能，在移动终端上开发新的一款充电桩智能缴费平台小程序。2、通过资料学习和对微信开发者工具的使用熟悉情况，结合使用微信小程序【4】操作特点，然后其用数据流图的方式描述出来。3、在微信开发者工具和Visualstadio2017【5】进行系统后台开发及管理、前端页面的展示，并且运用SQLServer2012【6】进行数据库的访问。4、通过网络或者图书馆去收集和比较JavaScript和ASPC#开发相关技术以及在html中的应用，进行系统的概要和详细设计。1.5论文章节安排本论文总共包括了五章内容，分别是绪论、系统分析、系统设计、系统实现、总结与展望。第一章从论文的背景、目的和意义、国内外发展现状以及论文主要设计思路和论文主要研究内容。第二章主要从可行性分析、系统技术介绍、需求分析以及安全分析进行了阐述。第三章分别从系统概述、系统的设计原则、系统在开发过程中所运用的软件、性能需求、系统数据流图、系统功能结构图、功能模块详细设计和数据库中各个数据表的设计原理进行了阐述。第四章是系统所实现的功能，首先是系统界面介绍；接下来介绍的是客户端和服务器端所实现的功能。第五章是总结了系统在开发过程中所实现的功能和此系统的优势和劣势，以及在今后系统开发过程中，还需要改进的功能和实现此次开发过程中未实现的功能。

第2章系统分析2.1可行性分析2.1.1技术可行性1、目前市场上成熟的C#语言【7】为开发者提供了稳定的开发性能和简便的管理方式。在整个系统设计中C#语言帮助开发者完成了大部分极其重要的工作。并且关于C#和微信小程序开发项目类的相关书籍及参考资料已有很多，而且还详细介绍了项目开发的详细步骤。2、基于微信小程序在市场的上发展已经趋于成熟而且深受人们的喜爱和广泛使用。3、程序研究员也可以应用微信小程序中自身的样式布局【8】。4、系统后台运行工具是微信开发者工具和Visualstadio2017，支持运行的数据库工具是SQLServer2012，这两个系统可以满足项目开发的基本要求。系统现在所拥有成熟的框架及完整的思想，为前期项目的开发提供了可行性，其中技术的成熟使得开发技术可行性得到了更好可靠的支持。通过以上可得：充电桩智能缴费平台项目的开发具备一定的可行性，并且开发人员驾驭了开发平台以及拥有必有的开发技术，所以此系统的开发具有一定的可行性。2.1.2操作可行性本充电桩智能缴费平台的客户端采用的是手机微信中的微信小程序，在市场上凡是智能手机通过微信搜索相应的小程序或扫其小程序二维码与就可以直接进入该程序并且随时随地使用，触手可及，无需下载，用完即走不占用手机内存【8】。系统界面简单且易操作，适用于每一个使用智能手机的用户，只要用户需要都能进行访问和操作。基于上述，本充电桩智能缴费平台操作简单、使用便捷、管理方便、安全性强等特点，因此本系统可以进行开发。2.1.3经济可行性开发该充电桩智能缴费平台和所需的相关资料，可以通过上网或者在图书馆中查找资料所获得，相关的数据资料可以通过相应的网站或者进行调研采集。开发成本与一般的项目开发相比较其开发成本相对不高，和传统的开发模式相比较，开发效率比较高，所用成本相对较低，成品质量比较高等特点。只需借助少许开发人员、物力以及财力即可进行开发。不管是从经济、物力、还是人力的角度来看。该系统的开发具有一定的可行性。2.2系统技术介绍2.2.1ASP.NET介绍ASP.net2.0是关于使用通用语言在服务器上运行应用程序。与以前的ASP即时解释器不同，程序是在服务器的第一次运行时编译的。由于ASP.net2.0是基于通用语言的编译器和运行器应用程序，其强大的功能和适应性使其能够在几乎所有Web应用程序开发平台上运行。通用语言的基本库，消息机制和数据接口处理可以无缝集成到Web应用程序中。ASP.NET的优点主要体现在以下几个方面：（1）效率高。它可以使用模块化编程语言，如VisualBasic和C++。它可以在第一次执行后直接运行而无需重新编译，因此速度和效率远高于ASP，后者只能使用非模块化语言（如VBScript或JavaScript）编写脚本编程语言。（2）可重复使用的ASP。NET不再像ASP那样将ASP代码与HTML混合，而是实现代码和内容的完全分离，并具有很强的可重用性。与以前的web开发工具相比，主要表现在以下几个方面：（1）增强性能.是一种在服务器上运行的已编译公共语言运行时代码。与解释的前置任务不同，ASP.NET使用早期绑定、实时编译、本机优化和开箱即用缓存服务。这相当于在编写代码行之前显著提高了性能。世界一流的工具支持。ASP.NET框架补充了VisualStudio集成开发环境中的许多工具包和设计器。（2）功能和灵活性。由于ASP.NET基于公共语言运行时，Web应用程序开发人员可以利用整个平台的功能和灵活性。（3）简单性.使执行常见任务变得容易，从简单的表单提交和客户端身份验证到部署和站点配置。使用基于文本的分层配置系统，该系统简化了将设置应用于服务器环境和Web应用程序的过程。由于e配置信息以纯文本形式存储，因此无需借助本地管理工具，您可以应用新设置。（4）安全性。应用程序可以通过内置的Windows身份验证和每个应用程序配置进行安全保护。（5）访问速度。ASP.NET页只需要编译一次，在修改页或重新启动Web应用程序之前不需要重新编译。这会导致多次访问的速度大大提高。可以说，在网络前景广阔的情况下，最早掌握有效的发展工具，与信息时代同步，将给社会各部门的发展注入新的活力。2.2.2SQLSever2012简介SQLServer系列软件是Microsoft公司推出的关系型数据库管理系统。SQLServer数据库可以将结构化、半结构化和非结构化文档的数据直接存储到数据库中。可以对数据进行查询、搜索、同步、报告和分析之类的操作。数据可以存储在各种设备上，从数据中心最大的服务器一直到桌面计算机和移动设备，它都可以控制数据而不用管数据存储在哪里。此外,SQLServer允许使用Microsoft.NET和VisualStudio开发的自定义应用程序中使用数据，在面向服务的架构（SOA）和通过MicrosoftBizTalkServer进行的业务流程中使用数据。信息工作人员可以通过日常使用的工具直接访问数据。2.2.3微信开发者工具简介微信开发者工具是一款由微信官方提供的针对使用微信小程序开发的软件，它集中了开发、调试、预览、上传等一系列功能。这一款全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者尽可能简单、高效率的开发微信小程序，大大的降低成本。2.2.4VisualStadio2017简介VisualStudio2017是一款由微软公司推出的一款软件，是目前为止，最具生产力的VisualStudio版本。它的其内部建工具整合了.NETCore、Azure应用程序、微服务（microservices）、Docker容器等所有内容。与此同时，它的安装体验大大降低了最小内存需求量以此实现更快、更定制化的安装，并且也支持脱机安装。2.3需求分析结合微信小程序中自身的样式布局，在手机终端上开发一种新的充电桩智能缴费平台。实现用户随时随地、无需安装卸载、触手可及不需要繁琐的操作让用户快速便捷的使用，用户可以在手机上使用此小程序获取最近的充电站或者寻找周围的充电桩、并且导航到所在地，在充电结束后一键完成支付，整个过程实现自动化。其具体实现如下功能：2.3.1后台管理端管理员用户可以进行用户的管理（删除、修改、审核用户信息）；管理员用户可以进行充电桩管理（删除、修改、添加充电桩）以及查看用户交易记录；管理员用户可以进行系统管理（发布公告、查看用户意见反馈）；2.3.2客户端在微信中找到充电桩智能缴费平台小程序后用户先注册、然后进行登录；普通用户登录后，可修改自己的用户信息、如重新设定密码、充值费用等；普通用户可以进行选择充电桩找后利用导航，以及收藏充电桩；普通用户可以查看充电状态实时监控；普通用户能够浏览其充电桩，根据自己的所需选择相对应的充电桩；普通用户在充电时，可以完成一键支付；普通用户可以查看充电桩的使用次数；微信小程序界面是与用户最直接的联系，包括是否方便客户使用，以及请求的响应时间，主屏幕的整体质量，主页布局的质量，以及首页信息类型等。2.4安全分析在当今社会，人们周围每时每刻都存在着大量的信息，这些信息都应该受到相应的严格保护。特别是个人信息更需要要求可靠的安全性。不可以有一点的信息泄露，因此安全第一的原则是永恒的真理，在设计过程中，其安全性主要体现在系统安全性、数据安全性这几个方面。从技术上讲，通过编程，如果出现错误会立马返回错误原因；通过用户名和密码验证与数据库的连接。系统使用方面，由于充电桩智能缴费平台在管理方面有着特别严格的权限要求，如有：如果一旦登录充电桩智能缴费平台，一定要有操作权限，对于那些没有操作权限的用户是不能通过任何方式登录系统的，同时也就不能查看系统的任何信息和数据，这样可以确保系统中数据的保密性以及实用性。只有在充电桩智能缴费平台小程序中先注册过的用户才可以使用此系统，这样就要求每一个用户有自己独有的账号。商家用户和普通用户的身份不一样，登录后所拥有的权限也是不一样的。例如普通用户只能查看各类充电桩而不能修改充电桩的数量等、普通用户只能在线上进行一键缴费而不能处理自己的订单，而商家用户便可以实现自己商铺下充电桩数量的修改等其他工作。

第3章系统设计3.1系统概述系统功能设计是在系统开发和系统开发规划的所有要求的规范下完成的。并根据用户的需求反馈管理员同时不断增强系统的功能，提高文件管理的实用性和安全性【9】，完成一个让用户感到方便安全的充电桩智能缴费平台。3.2设计原则系统的开发是在原则的基础上进行的，充电桩智能缴费平台在开发过程中遵循了很多原则，比如：拥有较高的工作效率、拥有较高的可靠性、拥有较好的交互性和操作性，具体分析如下：3.2.1拥有较高的工作效率实现工作效率需要达到3个指标：1、在处理事务能力上的指标，一个系统在一段时间内可以处理多少事务；2、在任务运行时间上的指标，系统从开始到完成一项任务所需的时间；3、响应时间中的指标，用户在返回响应之前向系统发送请求所需的时间【10】。3.2.2拥有较高的可靠性从设计的角度出发，有必要提高系统的可靠性，与此同时还需要设计系统故障的恢复能力。为了在系统中保证用户信息，有必要设计安全功能；以防止发现越权事件，从而引发系统故障。3.2.3拥有较好的交互性和操作性在进行系统设计的时候，应该把用户的需求放为首要条件，系统的界面应设计的简单、美观、生动和友好【11】。同时，图形界面设计应美观清晰，信息的输入输出设计应具有良好的可操作性和数据信息的安全性，并提供人机交换功能，用户在使用该系统更加简便。3.3开发运行环境需求本系统在开发过程中运用到了如下软件：软件环境：Windows10；后台运行开发环境：Visualstadio2017；前端开发环境：微信开发者工具；数据库：SQLServer2012；前端运行环境：微信开发者工具模拟；3.4性能需求每一个项目开发应该都有一个好的框架，框架设计应该具有以下几点:第一，模块化。每个模块的职责应当明确,模块内部实现高内聚底耦合，并合理地实现信息的有效隐藏。第二，适应化。要求各个功能适应需求的变化,适应技术的随时变化；同时，技术平台中的相关模块和由特定技术分离的模块相互分离，进行更好的管理。第三，做好数据规划。第四，清晰灵活的部署规划。性能需求一般来自用户，因为用户不但是使用功能，同时用户也需要系统质量的保障。因此在架构设计和系统开发的过程中，应该牢记系统的使用者用户，不仅要满足用户所提出的功能要求，同时也要达到用户期望的质量。最基础的性能要求是界面美观，系统运行速度快以及达到用户的使用要求，同时用户的安全性得到一定的保障【12】。3.5系统数据流图数据流表示数据的流动情况；加工表示数据的处理，其名称应该能够简洁地指示已完成的处理，数据存贮在数据流图中起着保存数据的作用，指向数据存贮的数据流可以理解为写数据，从数据存贮引出的数据流可以理解为读数据，双向数据流可以理解为修改数据；数据源点或结束点指示图中出现的数据的原点或终止点。登录过程的数据流图如图3-1所示。图3-1登录数据流图对系统数据流程图处理过程细化，表现的是访问系统时，用户登录之后运用自己的权限，普通用户查看充电桩的数量以及使用情况、寻找充电桩进行导航、充电完毕后进行一键支付、查询自己账户余额等。用户端的数据流图如图3-2所示。图3-2用户端数据流图3.6系统功能结构图从充电桩智能缴费平台整体开始，根据系统的目标将其分解为一系列子系统；然后根据目标和函数之间的关系逐层分解每个子系统，直到它被分解为最小的子系统；更高级别的子系统更通用，更抽象，更低级别的子系统更简单，更有利，更具体；对于每个子系统或系统模块，它应尽可能独立，并且应最小化每个子系统之间的连接【13】。系统功能图主要包括服务器端和用户端，然后其余的就在这三个主要的系统下使每一个子系统彼此相互工作。系统功能模块图如图3-4所示。图3-3各功能模块图3.7功能模块详细设计为了更好地理解该系统的功能，我们可以看到主要功能在系统中的作用，以及从功能模块图和数据流图中在对象和对象之间动态传输数据的整个过程。这将使用户更容易更好地理解该系统。3.7.1用户注册模块设计在新用户使用系统之前，他们必须创建新的用户账户才能进入系统界面，本系统注册分为，管理员注册、商铺用户注册以及普通用户注册三种身份权限。注册时所要填写的基本注册信息是：姓名、密码、电话、年龄、住址、性别等。不同用户身份需要注册账号时，首先判断数据库是否具有相同的用户名；当检测到数据库中具有相同的用户名，输入的信息有误或者不全时，会提示出错注册失败，这时需要重新填写注册信息；当填写注册信息全部正确并且在数据库中没有相同的用户名时，点击注册，注册信息数据发送到数据库，自动更新数据库信息，注册成功，进行注册账号登录。进入已完成登录的页面；如果您已经拥有注册过该系统的账户，则可以直接登录原始账号进入系统，并显示用户名，更新当前时间，然后系统保存所有的数据信息。用户注册功能活动图如图3-4所示。图3-4用户注册功能活动图3.7.2用户登录模块设计已经注册过的用户可以直接登录账号输入密码进入系统主界面，调用数据库表中自己原有的信息，更新登录时间，显示系统中所有使用的功能。用户登录活动图如图3-5所示。图3-5用户登录活动图3.7.3选择充电桩充电模块设计进入系统后，用户可以进行充电桩选择，然后选择下单。系统更新数据库后会返回提示信息，显示界面信息。具体的活动操作如图3-6所示。图3-6充电桩充电活动图3.8数据库设计3.8.1E-R图系统的逻辑模型由E-R图和数据流图组成。实体E-R图，表示了实体间的相互对应关系，E-R图是现实世界中真实存在的模型，它介于现实世界和计算机开发性能之间的桥梁，它能充分反映现实世界中各种数据的处理要求，为我们在客观世界中收集和表达事物提供一些直观，自然，方便的方法，方便我们理解和验证。1、模型中的集合，表格描述实体，而不是单个实体或表格中的行。实体通常用矩形框表示，实体名称通写在矩形框内。实体间的联系通常情况下用菱形表示，菱形框内一般写上联系名。用无向边把菱形分别与有关实体相连接，在无向边旁标上联系的类型，彼此互相作用。2、实体的属性由椭圆表示，主代码是实体的关键属性。3、在程序中实现对他们的完整性和一致性控制。在三范式规则下，从数据需求分析中获取系统的实体属性图，并集成实体之间的依赖关系，得到系统的E-R图。E-R的设计如图3-7所示。图3-7系统E-R图3.8.2数据库表设计根据对E-R图分析和系统的数据处理方面，为了存储各种数据，数据库里建立了以下几张表。说明：此表标识在充电桩智能缴费平台中用户登录系统的信息列表。用户信息管理表如表3-1所示。表3-1用户信息管理表字段名数据类型长度允许为空是否为主键idint40否是xingmingnvarchar50是否zhanghaonvarchar50是否mimanvarchar50是否xingbienvarchar50是否nianlingint40是否zhuzhinvarchar1000是否beizhunvarchar2000是否dianhuanvarchar50是否youxiangnvarchar50是否zhuceshijiandatetime8是否shengfenzhengnvarchar2000是否shenhezhuangtainvarchar50是否设计类型表包括如下信息：如编号和分类名称。说明：这张表标识的是充电桩智能缴费系统中充电桩分类信息表，编号是该表的主键。分类信息表如表3-2所示。表3-2分类信息表字段名数据类型长度允许为空是否为主键idint4否是typenamenvarchar50是否留言数据表包括如下信息：如用户编号、留言内容、评论时间等。说明：这张表标识的是充电桩智能缴费系统中留言数据列表，编号是该表的主键。留言数据表如表3-3所示。表3-3留言数据表字段名数据类型长度允许为空是否为主键idint4否是fenleivarchar8是否useridbigint50是否neirongvarchar1000是否createtimedatetime8是否交易记录信息表包括如下信息：如编号、交易金额、交易类型、交易分类、备注说明以及交易账号等。说明：这张表标识的是充电桩智能缴费系统中交易记录信息表。交易记录信息表如表3-4所示。表3-4交易记录信息表字段名数据类型长度允许为空是否为主键idbigint8否是useridbigint8是否adminidbigint8是否jinedecimal9是否leibienvarchar50是否fenleinvarchar500是否remarktext16是否createtimevarchar8是否jiaoyifangshinvarchar200是否jiaoyizhanghaonvarchar2000是是yuliushoujihaonvarchar50是是充电桩信息表包括如下信息：如编号、充电桩名称、充电口数量、充电价格以及充电桩详情等。说明：这张表标识的是充电桩智能缴费系统中充电桩信息表，编号是该表的主键。充电桩信息表如表3-5所示。表3-5充电桩信息表字段名数据类型长度允许为空是否为主键idbigint8否是typesidbigint8是否namenvarchar500是否fengmiannvarchar500是否chongdiankouint4是否chongdianjiadecimal9是否chongdianleixingnvarchar1000是否mapaddressnvarchar500是否maplatdeclimal9是否maplngdeclimal9是否isfabunvarchar10是否imagelisttext16是否istuijiannvarchar10是否createtimedatetime8是否jianjienvarchar500是否remarktext16是否

第4章系统实现4.1实现原理4.1.1界面介绍由于该系统是借助微信开发者工具设计的，微信小程序具有一定的自身样式布局，自适应手机大小屏幕，用户使用无需下载，仅需要打开微信，搜索充电桩智能缴费平台即可。界面简洁大方、操作简单、使用任何需要使用的用户。4.1.2普通用户普通用户进行注册账号进入客户主界面，可以查看充电桩，也可以根据个人的爱好，对自己所喜欢的充电桩及加入收藏夹中，普通用户也可以在该平台中进行投诉建议，查看帮助中心；通过浏览并了解后，可以选择相对应的充电桩并利用导航（充电桩的位置），进行一键支付后充电；同时也可以修改自己当初的注册信息。4.1.3后台管理后台管理可以对充电桩管理进行分类、充电桩（添加、删除、修改具体详细信息）、以及对充电桩进行具体的位置设置，用户管理（删除、修改、审核），系统管理（公告发布、意见反馈查看及删除）。4.2客户端4.2.1注册模块在新用户使用系统之前，他们必须创建新的用户账户才能进入系统界面。。注册时所要填写的基本注册信息是：姓名、密码、电话、年龄、住址、性别等。如果数据库需要重新注册，请在注册前检查数据库是否具有相同的用户名;当输入的信息有误或者不全时，会提示出错，注册失败；这时也需要重新填写注册信息。注册信息完成后，完成注册，数据发到数据库，更新数据库信息，跳转到登录的页面，填写用户名和密码进行登录；如果您已经拥有注册过的账户，则可以登录原始账户直接登录系统。注册流程图如图4-1所示、普通用户注册界面图4-2所示。图4-1用户注册流程图图4-2普通用户注册界面程序中的主要代码如下：核心代码：<viewclass="weui-content"><viewclass="weui-cellsweui-cells_formwy-address-edit"><viewclass="weui-cellweui-cell_vcode"><viewclass="weui-cell__hd"><viewclass="weui-labelwy-lab">姓名</view></view><viewclass="weui-cell__hd"><inputtype="text"bindinput="inputedit"data-obj="formdata"data-item="xingming"value="{{formdata.xingming}}"class="weui-input"placeholder="请输入姓名..."/></view></view><viewclass="weui-cellweui-cell_vcode"><viewclass="weui-cell__hd"><viewclass="weui-labelwy-lab">账号</view></view><viewclass="weui-cell__hd"><inputtype="text"bindinput="inputedit"data-obj="formdata"data-item="zhanghao"value="{{formdata.zhanghao}}"class="weui-input"placeholder="请输入账号..."/></view></view><!--<viewclass="weui-cellweui-cell_vcode"><viewclass="weui-cell__hd"><viewclass="weui-labelwy-lab">验证码</view></view><viewclass="weui-cell__bd"><inputtype="number"class="weui-input"placeholder="请输入验证码..."/></view><viewclass="weui-cell__ft"><viewclass="weui-vcode-btncodecell"><imagesrc="../images/vcode.jpg"class="weui-vcode-img"></image></view></view></view>--><viewclass="weui-cell"><viewclass="weui-cell__hd"><viewclass="weui-labelwy-lab">设置密码</view></view><viewclass="weui-cell__bd"><inputtype="password"bindinput="inputedit"data-obj="formdata"data-item="mima"value="{{formdata.mima}}"class="weui-input"placeholder="请输入新密码..."/></view></view><viewclass="weui-cell"><viewclass="weui-cell__hd"><viewclass="weui-labelwy-lab">确认密码</view></view><viewclass="weui-cell__bd"><inputtype="password"bindinput="inputedit"data-obj="formdata"data-item="querenmima"value="{{formdata.querenmima}}"class="weui-input"placeholder="请确认密码..."/></view></view></view><viewclass="weui-agree"><labelclass="checkbox"><checkboxvalue=""checked="checked"/>阅读并同一</label><labelclass="label-xieyi">《注册协议》</label></view><viewclass="weui-btn-area"><buttontype="primary"bindtap="btnZhuCe"loading="{{isloading}}"disabled="{{isdisabled}}"class="">确认修改</button></view></view>JS注册功能提交//会员注册btnZhuCe:function(e){var_this=this;//API请求_Slet_url=app.globalData.apiurl;let_xingming=_this.data.formdata.xingming;let_zhanghao=_this.data.formdata.zhanghao;let_mima=_this.data.formdata.mima;let_querenmima=_this.data.formdata.querenmima;if(_xingming.length<=0){app.wxtips("请输入姓名");return;}//判断账号是否为空if(_zhanghao.length<=0){app.wxtips("请输入账号");return;}if(_mima.length<=0){app.wxtips("请输入密码");return;}if(_querenmima.length<=0){app.wxtips("请确认密码");return;}if(_mima!=_querenmima){app.wxtips("确认密码不一致");return;}_this.setData({isdisabled:true,isloading:true});wx.request({url:_url,data:{funname:'YongHuZhuCe',//方法名字xingming:_xingming,zhanghao:_zhanghao,mima:_mima},method:"GET",header:{'content-type':'application/json'},success:function(res){_this.setData({isdisabled:false,isloading:false});varresultdata=res.data.data;varresstatus=res.data.status;varresmsg=res.data.msg;//请求成功if(resstatus){app.wxshowsuccess("注册成功！");setTimeout(function(){wx.navigateBack({})},2000);}else{app.wxtips(resmsg);}}});//API请求_E},4.2.2登录模块只要输入正确的用户名和密码，用户就可以登录。后端数据库自动开始判断用户名和密码，以确保用户的合法性。系统流程图如图4-3所示、普通用户登录界面如图4-4所示。图4-3登录流程图图4-4登录界面程序中的主要代码如下：核心代码：//忘记密码btnWangJiMiMa:function(){wx.showModal({title:'忘记密码',content:'请联系官方客服：400-8888-89887',})},//会员登录btnLogin:function(e){var_this=this;//API请求_Slet_url=app.globalData.apiurl;let_zhanghao=_this.data.formdata.zhanghao;let_mima=_this.data.formdata.mima;//判断账号是否为空if(_zhanghao.length<=0){app.wxtips("请输入账号");return;}if(_mima.length<=0){app.wxtips("请输入密码");return;}_this.setData({isdisabled:true,isloading:true});wx.request({url:_url,data:{funname:'YongHuLogin',//方法名字zhanghao:_zhanghao,mima:_mima},method:"GET",header:{'content-type':'application/json'},success:function(res){_this.setData({isdisabled:false,isloading:false});varresultdata=res.data.data;varresstatus=res.data.status;varresmsg=res.data.msg;//请求成功if(resstatus){varuserobj=JSON.parse(res.data.data);//console.log(userobj);//设置用户缓存信息wx.setStorage({key:'userid',data:userobj[0],})//将获取的用户信息存储到对应的缓存中app.globalData.userinfo=userobj;app.wxshowsuccess("登录成功！");setTimeout(function(){wx.reLaunch({url:'../my/my',});},2000);}else{app.wxtips("用户名和密码不正确！");}}});//API请求_E},bindTapUrl:function(e){//console.log(e);varurl=e.currentTarget.dataset.url;wx.navigateTo({url:url,});},4.2.3普通用户客户端主界面充电桩智能缴费平台登录之后，可以查询充电桩信息，并且进行加入收藏。普通用户主界面如图4-5所示。图4-5普通用户主界面程序中的主要代码如下：核心代码：//加载数据loadData(){varthat=this;this.data.loading=true;wx.showToast({title:'数据加载中',icon:'loading'});wx.request({url:getApp().globalData.apiurl,data:{funname:'GetShouYeData'//方法名字},method:"GET",header:{'content-type':'application/json'},success:function(res){wx.hideToast();varlist=JSON.parse(res.data.data);if(list.length===0){that.hasMore=false;return;}that.setData({list:list});that.data.loading=false;}});}4.2.4充电桩列表充电桩列表中，可以根据自己的需要进行选择然后导航，根据自己的需求选择充电时长并进行一键支付后，进行充电。充电桩界面如图4-6、4-7、4-8所示。图4-6充电桩列表图4-7充电桩导航图4-8充电桩选择充电口4.2.5充电桩充电当客户导航到达指定的充电桩地点的时候，可以选择对应的空闲充电口，充电时间，然后支付计算的金额后即可充电，并倒计时充电的时长，如下图所示：图4-9充电桩支付图4-10充电桩充电中4.2.6充电桩投诉建议用户可以根据自己的使用情况，对所使用的充电桩进行评价及建议，更好的让商家和用户进行沟通和交流，与此同时，方便商家进行及时的更改。充电桩投诉建议界面如图4-11所示。图4-11充电桩投诉建议4.2.7个人信息页个人信息菜单这里可以查看交易记录、进行充值缴费、修改密码、个人信息管理界面如图4-12、4-13、4-14、4-15所示。图4-12个人信息图4-13充值记录图4-14充值缴费图4-15修改密码4.2.8附近充电桩查看用户可以点击充电桩后，进行查看充电桩的位置，以及自己距离附近充电桩大概有多远。附近充电桩界面如图4-16所示。图4-16附近充电桩4.2.9收藏管理用户可以将自己喜欢的充电桩收藏在这里，可以从这里直接选择充电桩进行充电。收藏管理界面如图4-17所示。图4-17收藏管理4.2.10帮助中心用户如果不清楚如何使用此充电桩智能缴费平台，可以先浏览帮助中心界面，指导用户方便使用。帮助中心界面如图4-18所示。图4-18帮助中心4.3服务器端管理中心4.3.1管理员登录模块管理员登录模块界面如图4-19示。说明：用户只要输入自己正确的账户和密码即可实现登录。后端数据库开始判断并比较用户名和密码，以确保用户信息的安全性和合法性。图4-19管理员登录4.3.2服务器端首页展示服务器端首页界面如图4-20所示。说明：管理员登录后台以后，可以首先查看个人的信息，可以查看最近发布的信息，以及查看充电桩近期使用的用户人数；图4-20首页界面4.3.3充电桩分类模块充电桩分类添加界面如图4-21所示。说明：此图是管理员可以对充电桩分类进行编辑；图4-21充电桩分类添加图4.3.4用户管理模块用户管理模块界面如图4-22、4-23、4-24所示。说明：此图是用户信息列表，管理员可以查看用户信息，删除或修改、添加用户信息，并且审核用户信息、管理员管理信息；图4-22用户管理图图4-23添加用户管理图图4-24管理员管理图4.3.5充