【《基于微信小程序的无人机共享系统设计》12000字（论文）】

基于微信小程序的无人机共享系统设计摘要21世纪既是飞速发展的时代，又是智能的时代，人们已经和过去的书信时代彻底的说再见了，如今人们的娱乐和生活方式都发生了天翻地覆的变化了。融入生活的智能手机也是屡见不鲜，并且在不知不觉中整改变着人们的生活方式。智能手机之于人们，有如水之于鱼儿，人们早已经丢不开手机了。智能手机广泛的应用和强大的功能，让人们不仅生活便利了，而且使管理、应用和服务等行业各个方面的数据处理方法变得更加的可行并简单。工作效率得以提升。 本研究课题忠于以上的背景，围绕方便人们使用的宗旨，设计了这款基于微信小程序的无人机共享系统。再此，首先对无人机共享小程序进行阐述。随后从需求分析到开发环境，从设计目标到流程梳理再从程序的整体设计到功能完善。最后，通过对系统的功能进行测试，结果证明我们的想法是美好的、系统也有应用和推广的价值，且系统整体有着较高的使用价值，具有庞大的潜在用户群体和较广阔的应用前景。关键词：智能手机；微信；小程序；无人机共享目录1引言 引言随着智能时代的到来，手机和手机软件的应用那更加的广泛，愈演愈烈更有甚，目前手机的各大App的收益让各大厂商开始关注手机-这个正在逐渐变成大家信息交流，生活购物以及娱乐的重要工具。科技的突飞猛进让人们的生活和更加的精彩的同时也在无意中推动着人们的生活节奏。移动端技术的普及，微信小程序也逐渐有了自己的一席之地，小巧便捷，伸手大众们的喜爱；各大互联网头部产业也是纷纷搭建自己的微信公众平台。社会对手机的需求愈来愈高，早已不满足以往的技术上的需要，并逐渐向功能的需求转变，人们对新鲜事物的接受程度也不可同日而语，于是乎诞生了共享单车，共享充电宝等广“共享设备”。本人也是深受启发，以微信平台为基础，设计一款基于微信小程序的“无人机共享系统”。为了方便，用户可以根据地图上的图标查看无人机信息，地图信息等。正好微信公众平台开放微信小程序给个人用户，只需要接入微信平台即可发布自己的小程序。本文探讨了小程序的整体架构和基本原理，系统开发的发放以及编程环境，需求分析，系统设计和测试用例等等。本系统在开发过程中，倾向于简单的操作，明了的界面以及比较完善的功能，并希望能在以后的时间里不断完善。1.1课题背景及意义从上世纪九十年代起，我国政府开始用互联网进行对信息的管理，可以说网络的快速发展改变了世界对信息管理的方式。虽说有钱由于各种各样的原因导致互联网发展的并不快，例如用户量少，在我国大量分布沿海地区以及一线城市，相关律法不全面，技术也不成熟等等。但是当时间来到飞速发展的二十一世纪以后，我国经济成井喷式的快速发展，这些一条条的限制条件也不攻自破，一个个难题也被逐一解决，国内各大组织机构都加入到了信息化建设中来。微信小程序上线至今，微信发布了一整套网页开发工具包，称之为JS-SDK，开放了拍摄、录音、语音识别、二维码、地图、支付、分享、卡券等几十个API。给所有的Web开发者打开了一扇全新的窗户，让所有开发者都可以使用到微信的原生能力，去完成一些之前做不到或者难以做到的事情。这很好的吸引了和打动了很多个人开发者以及喜欢小程序的用户们。而扫码获取，好友分享和公众号安利等功能又非常容易使之推广，微信小程序用户迎来了爆发式的增长。入今，流量入口已经超出60个，微信月活跃人数也来到了1亿之巨。以往的无人机都是以个人持有的方式进行使用的，认为统计和管理，这种方式不但时效性很低而且对于个人来讲也不是很方便，毕竟不是每个人都喜欢出门背个大包小包的。那么随着科学的进步，移动技术也愈来愈成熟，移动信息化也是在日新月异的发展，社会也认识到移动端的强大。本系统利用了智能手机的便携性，使用网络沟通信息储存管理，使无人机的使用于传统方式有了很大变化。基于微信平台的安全性不仅很大程度上保护了用户的隐私，而且有效防止了数据的泄露。在微信开发者工具中还可以随时关注右侧界面变化，根基自己的喜好来设计UI。微信平台的特点不止这些，例如：存储容量大，兼容性高，保存时间久，检索速度快，成本特别低等等。任何提高工作效率的优点都可以在微信平台实现。然而工作效率的提高不仅能延申系统的服务水平，也能让无人机共享系统的各个方面得到更加科学和规范的管理。1.2国内外研究现状基于微信小程序的无人机共享系统利用计算机对无人机共享相关信息进行管理，用户可以在线实时查看无人机共享信息，有着与传统的无人机使用方式所无法比拟的优点。在微信平台，检索速度特别快、查找功能信息或者API也很方便，腾讯的安全性更不用说了，还降低了开发的成本。在信息时代，为了工作质量的提升，必要时会将初期的初期的管理模式转变为信息技术的先进科学管理。数据不在是一叠叠文档，而是一行行数据代码。无人机随着时间的推移一定会越来越普及人们的生活中，我信息人们对高空的探索也会进一步加深。本系统也是处于对无人机的喜爱而设计，意在推广无人机给大众接受。就和其他共享设备一样，共享的不仅仅是物，还有对事物的态度。对于用户来说，借助系统的功能可以不在携带设备，随地租赁，连入手机，很大程度上便利了用户，并提高了效率。一些发达国家就像美国，无人机发展方向更偏向军事方面，无人机在美国也是属于战略性物资，例如全球鹰无人机主要服役于美国空军与美国海军，它可以提供后方指挥官综观战场或是细部目标监视的能力。它装备有高分辨率合成孔径雷达可以看穿云层和风沙还有光电红外线模组（EO/IR）提供长程长时间全区域动态监视。白天监视区域超过100,000平方公里（40,000平方英里）。纵观这些系统主要有以下几个特点：eq\o\ac(○,1)与时俱进性：随着微信平台更新而更新。eq\o\ac(○,2)通用性：通用于各个手机平台。eq\o\ac(○,3)方便性：在有网络的环境中就可以使用。eq\o\ac(○,4)及时性：做到数据的实时更新。例如无人机的租用时长。eq\o\ac(○,5)可扩展性：可根据需求进行版本的更替。eq\o\ac(○,6)安全性：基于腾讯网络安全给用户带来极大的安全保障。根据调查数据显示，其中百分之五十以上的用户使用微信小程序的频率是每天登录微信小程序的次数为5次以上，每天使用微信小程序10次以上的比例为百分之七点三。因此，利用小程序来进行无人机共享的管理也成为大势所趋，所以，开发一个基于微信小程序的无人机共享系统是有必要的。1.3本课题主要工作一开始，本文从社会发展到科技进步慢，从人文的到环境，从整体到个别都进行了描述，在次基础上对小程序进行了剖析。为了使小程序更好、更完善的设计与实现出来，就得先进行分析和调研，基于之前的相关分析，开始小程序的开发设计。之后，本人注册了两个微信公众平台的账号进行测试。然而之后在数据的存储上，用了MySQL数据库连接微信云数据平台来进行设计。微信云开发已经从新颖到现在的完整，因此无论在各个方面，对系统进行测试完善并发布后证明，实用性和可靠性都不是一般能够比拟的。1.4系统开发环境系统软硬件开发环境，如表1.1所示：表1.1系统软硬件开发环境表编号名称环境eq\o\ac(○,1)操作系统Windows10专业版64位eq\o\ac(○,2)开发工具微信开发者工具eq\o\ac(○,3)Web服务器Tomcat8.5eq\o\ac(○,4)数据库Mysqleq\o\ac(○,5)前台框架Html+css+jseq\o\ac(○,6)数据层框架MVC+B/Seq\o\ac(○,7)作图工具Visio2019pro1.5技术简介MVC(ModelViewController)模型(model)－视图(view)－控制器(controller)：MVC最初出现在桌面程序中，M表示数据模型，V表示用户界面，C表示控制器。众所周知，多个逻辑模型可以对应一个视图，反正也可行。那么要使逻辑模型和视图的代码进行分割，那就需要采用这种MVC模式。程序也就可以以一个不同的形势被表现出来，其实，controller起到可以保证它们两个部分可以同步运行的关键作用，逻辑模型如果出现变化，那么视图代码也会同时更新。对于程序员来说这样的功能最大的好处就是让逻辑层和应用层分离开来，界面对于程序员来讲更加的一目了然，让他们工作在自己的领域中，两方互不打扰。对于用户来讲呢，好处在于可以根据自己的需求去选择相对方便的方法来查看数据，不用过于频繁。所有B/S结构，在当前Internet/Intranet领域，“浏览器/服务器（简称B/S）”结构是非常流行的客户机/服务器结构。在B/S架构系统中，用户使用自己的浏览器向网络服务器中的服务器请求，网络服务器完成请求后将请求返回进行处理。浏览器发出请求后，像数据请求，处理，动态Web生成和结果返回都由WebServer完成。B/S结构通过减少客户端的客户端软件，让客户端工作变的更简单。服务器则因为访问数据库和执行应用程序等会做更多的事情。尽管在跨浏览器上B/S的变现不尽人意，但在小程序的开发上浏览环境相对单一那么这一影响对B/S架构来讲可以说是微乎其微了。B/S架构实际上是将第二个C/S架构的事务处理逻辑模块与客户端的任务分离开来，本应该由客户端的压力因为Web服务器单独承担形成单元到其他进程任务中，从而使客户端压力相对降低了不少，把负荷带给了本就压力巨大的Web服务器。可能就是因为这个小点，在B/S架构里速度和安全性上需要花费巨大的设计成本，好似无暇的碧玉上的一丝瑕疵。但是基于微信平台，小程序将启用微信云开发进行设计与实现，IDCMarketScape的安全能力，在产品、市场和业务等方面进行了全面、客观的评估，为企业客户选择更加安全的云服务商提供了可靠的采购依据在微云端有腾讯安全保驾护航，腾讯云凭借强大的安全技术后盾、多元化的安全产品架构、全方位的安全防护战略及一站式内建的安全服务，在战略指标评估维度占据优势所以也并无需这个方面的难处。这种结构如图1.1所示：图1.1B/S三层体系结构B/S三层架构如表1.2所示：表1.2B/S三层体系结构eq\o\ac(○,1)控制逻辑层，接收用户数据的请求为主要任务为了是接收用户的请求后，需要把数据库和系统对接，然后，请求信息数据处理，数据处理一个请求，最终结果处理后返回给Web服务器，将被认为是返回给客户端的最终结果最后再次通过Web服务器。eq\o\ac(○,2)数据层，会自行执行数据库相关操作的前提就是当数据库服务器收到来自前端服务器的请求后，结束后将完成操作后的结果返回给网络服务器，包括数据库的增、删、改、查等。服务器再将结果给到前端界面。eq\o\ac(○,3)表示逻辑层：逻辑层是服务请求的主要功能，然后将服务请求发送到Web服务器，然后在Web服务器上识别请求信息，服务器识别后，在使用HTTP请求会收到返回给客户端的信息，浏览器会显示从客户端收到收到返回信息。JavaScript技术：JavaScript是一种根据对象和情况驱使而且运用相对广泛的也是相对危险性比较低的用户端脚本语言。正在大范围的被用于用户端的前端设计，一般可以用做增加HTML+CSS网页动态功能，例如记录用户的操作并反馈给服务器。该功能语言的一个相对完善是面向对象的功能，根据对象的需求的程序开发，以对象为核心才能更直观以及更加系统的完成设计的程序。根据HTML+CSS程序，可以采用JavaScript。这样JavaScript不仅能够使网页更加有趣味性和好看的特效和美观的界面。在本系统中不少设计都采用了JavaScript技术[1]。微信技术：微信技术是基于现代化云计算处理的即使通信。然而微信消息是一种基于计算机网络的通信，涉及IP/TCP/UDP/socket、P2P、C/S、多媒体音频和视频编码/解码/传输以及Web服务及其他技术手段。即时通信的技术上，但是作为补足我们会开放论坛供用户们进行通信和发表自己的言论和看法，增加小程序的趣味性。在通过腾讯支持的微信原理模式中，主要是运用对等通信模式，而且其不对等的模型结构也是有个特点。承载服务提供者和服务使用者两个角色，每一个用户都是一个功能完善且相同的载体，。用户之间进行直接沟通和交流，由于没有中间架构对他们进行集中control，于是微信系统拥有极强的弹性，如单点登录等功能都不会因为用户而出现问题，这样不仅提高了系统的兼容性而且对数据的保护也是做到了极致。但由于P2P网络的分散性、自治性、动态性等特点，对用户造成有些结果无法显示等问题对很多用户造成了很大的困扰。例如，用户请求后可能无法得到服务返回的即时信息请求。但是目前来看大多数用户使用的IM系统大都组合使用了C/S和P2P整合的模式。C/S里的工作方式是在IM登录之后，登录之后用户通过即时通讯功能是开发于P2P方式里的，否则以单一方式是不能完整的通过服务器通信，如下图1.2所示： 图1.2微信技术原理图其中形成了一个三角闭环，用户通过TCP/UDP协议写入或者输出相关信息，之后IM服务器将用户相关信息生成的包转化为消息，在腾讯云的支持下，数据层的保障无需担心，服务器在收到消息后会发送一个应答包，这样是用户的即时通讯得到保障。2系统分析2.1可行性分析可行性研究是项目启动的基石，涉及项目的法律，技术和经济等方面。逐步确定客户的需求，并根据需求为项目投资评估，产品选择和监控约束规划全面的解决方案。可行性研究的目的是解决技术的进步和适用性以及经济的问题[2]。技术可行性：微信是基于Linux的平台的开源手机操作系统。微信小程序大都是用JavaScript语言编写的，微信小程序和微信的核心应用程序都在第一层。微信应用和微信小程序都诞生于微信系统的API构建。采用UDP协议，通过服务器中转给用户们看到。在微信系统中，开发人员是可以通过对接应用程序的API框架实现小程序的搭建及开发的，从技术方面开发小程序开发是可行的。经济可行性：科技在发展社会在进步，小程序早已经家喻户晓。以个人位单位开发微信小程序的越来越多了，本系统名为基于微信小程序的无人机共享系统的设计与实现，开发软件选用微信自家的微信开发者工具，在该开发环境中开发语言和一些工具包都是免费的，原生集成微信SDK，内置在小程序IDE，微信云平台还有数据支持，一键使用简单又便利。开发系统只需要相关人力，所以系统对个人开销要求并不高，该系统投入使用后，还可以进一步降低工作难度，提高用户的工作效率，对从事航拍等专业工作的人有很大的帮助。小程序开发经济性可行[3]。操作可行性：系统界面清晰简洁、操作简单、易于理解，使用方便，用户容易接受。底层资源由腾讯云提供，在不同的场景和环境里，不仅稳定快速，而且数据安全，十分可靠。这样不仅提高了系统的兼容性而且对数据的保护也是做到了极致。对管理员来说耗费较少的学习时间就可以对培新用户和无人机信息进行管理，系统的各个功能进行熟练操作。对使用者来说只需要会一些智能手机的操作，能够上网用微信打开页面就可以进行相应的操作，查看信息。选择地图上的无人机，并解锁。在充分的考虑了用户的手机操作水平之后，系统拥有良好的人性化和直观的服务。法律可行性：无人机共享系统的研究和开发，以真实为基础，不会损伤他人、集体和国家的利益，坚决遵守中华人民共和国著作权法、中华人民共和国著作权法实施条例、中华人民共和国计算机软件保护条例、作品自愿登记试行办法、计算机软件著作权登记办法不违反法律和政策。2.2需求分析2.2.1系统需求基于微信小程序的无人机共享系统包括无人机管理、页面管理、用户信息管理、订单管理。本系统的主要功能包括以下几个模块：如下表2.1所示：表2.1功能模块表无人机管理作为本系统的主要角色，给无人机的模块增加了很大压力，首先是无人机的添加，用户可以通过主页在地图上看到无人机的图标，并且点击无人机的图标可以预约它的使用。这需要对无人机和地图都进行定位操作。当用户使用无人机的时候会自动触发计时功能，便于用户使用后结算。页面管理界面管理又两个部分，其一是BANNER管理，可以让页面上方不至于光秃秃的不美观，可以通过添加图片的方式使之实现轮播效果给用户不太单调。而后就是公告管理，管理员可以通过公共管理通知用户，用户也可以通过公告查看小程序的更细计划等等。用户信息管理用户信息管理中，管理员可以通过授权用户，使用户加入到小程序的体验中来，同时在用户管理界面管理员可以点击用户头像来查看用户的订单。订单管理通过订单管理模块查看自己全部订单，正在进行中的订单以及已经结束了的订单。订单具体由单价、使用时长、使用记录、支付金额。论坛管理用户可以通过主页下方论坛按钮进入讨论界面，用户们可以发布自己的贴子，并且查看网友们发布的贴子，也可以对帖子进行回复与网友们进行互动。2.2.2功能需求分析管理员功能分析：基于微信小程序的无人机共享系统界面简介、操作简单且方便管理。可以及时的全面的处理各种错误，给很多由于自身问题导致问题的用户很大的便捷，针对一般的智能手机用户都可以明确操作内容并且上手操作[4]。本系统采用微信平台发布给用户体验授权使用，目前仅仅开放了体验版本，为了未来给用户更多的惊喜体验，本次内容没有全部开放。小程序开放的功能开放了：无人机管理界面、页面管理界面、用户信息管理界面、订单管理界面、论坛管理界面等。管理员用例图如图2.1所示：图2.1管理员用例图管理员可以对无人机信息等进行信息的增、删、改、查操作，处理数据后，小程序会自行与数据库内的信息进行比对，若信息合法，会将其添加到数据库内，若信息不合法，则会弹出窗口提示用户重新输入信息，添加信息流程如图2.2所示：图2.2添加信息流程图管理员可以对无人机信息等进行信息的增、删、改、查等操作，进入修改信息界面，输入修改信息数据，小程序会自行与数据库内的信息进行比对，若信息合法，会将其添加到数据库内，若信息不合法，会提示重新选择修改信息。ChangePrice:function(e){ varcharthat=this; that.setData({ price:e.detail.value,});}, ChangeContent:function(e){ varcharthat=this; that.setData({ content:e.detail.value,});},管理员修改信息流程图如图2.3所示图2.3修改信息流程图管理员调动API相关信息（部分）如下图2.4所示：图2.4API相关信息截图管理员可以对无人机信息等进行信息的增、删、改、查等操作，进入修改信息界面，对要删除的信息进行选中后，小程序会自行与数据库内的信息进行比对，若删除的信息合法，会将数据库内的数据删除，若信息不合法，则会弹窗提示重新选择删除信息。删除信息流程图如图2.5所示[5]：图.2.5删除信息流程图用户功能分析：在用户功能中用户进入系统后，点击登录使用微信号登录小程序，小程序会自动获取微信名称。在主页中，我们可以看到地图和用户自己的定位，可以在地图中找到无人机的位置。点击无人机后可以查看无人机的状态，在论坛模块中，用户可以发表自己对系统和无人机的看法，不仅用户自己可以发帖子，其他用户可以在贴在下方进行回复，发帖人可以跟其他用户进行互动，包括自己何时使用，使用时长，无人机单价多少，消费多少等等。用户用例图如图2.6所示：图2.6用户用例图2.2.3性能需求分析为了小程序能够正常的发展，必要的性能是不可或缺的，小程序能否达到预期的目标还要通过一下分析来小心求证[6]。如表2.2所示：表2.2软件性能需求分析属性要求正确性给出系统使用文档，方便用户正确使用健壮性微信平台具有良好的性能，系统架构完整功能齐全。可靠性每1000个测试超过3次失败。性能效率普通智能手机也可以发挥出全部的系统性能，在网络环境良好的情况下，响应时间不超过30ms[7]。易用性很容易理解，界面简单明了，功能并不复杂，文字说明简单通俗用户可以正常使用安全性用户不能随意更改信息，只有管理员拥有系统增删改查的权限，系统安全性得到保障。微信有独立的数据库保护系统，数据库安全得到保障。可扩展性基于微信平台的无人机共享系统的二次开发，可以满足对功能的进一步完善，并增加适当的功能模块。兼容性该小程序不会与其他小程序或者手机软件冲突。可移植性该小程序通过简单的语法修改就可以简单的移植到其他的运行环境中，方便以后对其进行二次开发。通过对小程序不同用户模块进行分析后，对小程序的需求更加的明确，对后期的开发做了一个明确的思路历程，不仅如此，相对完整的描述会给开发者更明了的思路，节省的了相对更多的时间对其进行分析。代码和环境等要素分析的已经很透彻。根据用例图和用例描述对不同用户的具体功能进行设计。3系统设计本系统是基于API的总体设计，利用API功能性i将系统总体分为管理员和用户两个主界面，再利用WXML+CSS+JS技术将页面设计的更加简约大方[8]。系统结构图如图3.1所示： 图3.1系统结构图基于微信小程序的无人机共享系统工作原理图如图3.2所示：图3.2系统工作原理图3.1管理员功能模块设计管理员功能模块能对无人机、用户、轮播图、论坛、公告和订单的信息管理。对无人机的基本信息进行维护，并进行权限设计，以保证系统中有关信息的安全性，对无人机位置、无人机单价、无人机使用历史信息和租用价格进行调配，管理。管理员的序列图，如图3.3所示： 图3.3管理员序列图无人机管理设置了无人机的相关设置，例如当有新的无人机需要加入到系统中来时，管理员新增无人机，添加无人机图片和名称，设置好位置信息并打出无人机的单价以及无人机简介（可不填）。当无人机的位置需要更改时，可以直接对无人机进行位置更新，当无人机损坏或者没电了需要下架，也可以通过管理员查看信息后对无人机进行删除，后期如果需要重新上线也可以很快添加。操作方便好用。论坛管理ER图如图3.4所示：图3.4论坛管理ER图管理员通过用户管理界面对用户进行管理，管理员进入界面后点击用户头像可以查看用户的使用记录用户管理E-R图如图3.5所示：图3.5用户管理E-R图3.2用户功能模块设计用户可以通过微信一键登录到系统中，但是需要通过管理员添加授权才可以登录，例如用户点击小程序链接后，小程序会识别用户信息和数据库信息是否一致，如果不一样，会给用户弹出需要管理员授权的弹窗，需要管理员给用户授权，授权后，用户再次点击链接进入系统，系统自动获取微信id和头像，需要用户授权手机相机功能以便今后扫码使用无人机。用户登录流程图如图3.6所示：图3.6用户登录流程图用户登录后在主界面查看无人机的位置，或者直接扫码使用无人机，使用成功后，在订单中找到自己正在进行的订单，点击结束，结束订单。用户也可以在论坛系统中发表自己的看法和观点以及和其他好友们互动。部分代码如下："tabBar":{ "list":{ "pagePath":"page/index/index", "iconPath":"images/tabBar/main.png", "selectedIconPath":"images/tabBar/main_at.png", "text":"首页" },{ "pagePath":"page/msg/index", "citwPath":"images/tabBar/msg.png", "selectedIconPath":"images/tabBar/msg_at.png", "text":"论坛"}用户序列图，如图3.7所示： 图3.7用户序列图 现设计出不同用户的功能，根据其设计要求进而实现一套功能完善，界面简单明了的基于微信小程序的无人机共享系统。4数据库设计4.1数据库概念结构设计——E-R图描述数据对象和数据对象之间关系的实体关系图（E-R图）构建管理员和用户于系统的图[9]。统实体联系图如图4.1所示：图4.1系统实体联系E-R图用户实体，用户实体是本系统主要的使用者和服务的人，管理员添加用户信息后，用户可自由登录系统，系统用户主要分为普通用户、管理员用户。如图4.2所示：图4.2用户实体E-R图角色实体，管理员之于一个性能优化、可扩展性强和安全可靠的无人机共享小程序，而管理员的角色是一个集中权限的一个集合，相当于一个超级账号，角色实体如图4.3所示：图4.3角色实体E-R图无人机实体，管理员添加无人机的相关信息。如图4.4所示：图4.4课程实体E-R图用户主页实体，管路员添加主页信息，按图片分配，并给每个div安排对应的图形界面达到美观的效果[10]。如图4.5所示：图4.5用户主页实体E-R图4.2数据逻辑结构设计—关系表本系统采用的是MySQL数据库存储数据，系统中使用到了多张数据表，如wrj_user表、wrj_create表、wrj_address表、wrj_name表等。具体展示部分如下所示。eq\o\ac(○,1)wrj_user信息表。表4.1wrj_user信息表字段名称数据类型是否为空是否为主键idint否是portraitvarchar是否pircevarchar是否ordervarchar是否noticevarchar是否stopvarchar是否positionvarchar是否picturevarchar是否uservarchar是否eq\o\ac(○,2)wrj_create信息表。表4.2wrj_create表字段名称数据类型是否为空是否为主键idint否是modelvarchar是否rentvarchar是否pricevarchar是否timevarchar是否notevarchar是否remarksvarchar是否typeidvarchar是否portraitvarchar是否eq\o\ac(○,3)wrj_address信息表。 表4.3wrj_address表字段名称数据类型是否为空是否为主键idint否是countryvarchar是否provincevarchar是否cityvarchar是否areavarchar是否streetvarchar是否platevarchar是否eq\o\ac(○,4)wrj_name信息表。表3-4wrj_name表字段名称数据类型是否为空是否为主键idint否是Addressvarchar是否titlevarchar是否briefvarchar是否数据库关系结构图如下图4.6所示：图4.6数据库关系结构图以上就是设计数据库需要的表，从表里可以清楚知道其字段的数据类型和是否为空，方便数据库的制作。5系统实现5.1登录界面实现管理员将主页信息、地图信息和无人机信息录入系统后，用户通过微信登录到系统主页，系统根据用户位置信息定位周边地图环境。用户登录模块的活动图如图5.1所示[11]：图5.1用户登录活动图在该活动图内如果没有挂管理员给用户授权，用户会弹出需要联系管理员授权的弹窗，点击确定，管理员会收到小程序发来的信息，点击确认授权，小程序会返回已授权给用户，用户通过微信小程序入口或者二维码进入系统。在用户点击小程序链接或者扫描小程序二维码后，if语句判定用户名，用户是否被管理员授权，if(N=='1'){wxml.chat.msg('用户未授权')，if语句的结构返回值与数据库中的User表中数据对应，若为false返回“需要请求管理员授权”信息给用户。5.2管理员界面实现管理员界面包括BANNER管理界面、订单管理界面、公告管理界面、订单管理界面、无人机管理界面、用户管理界面。管理员界面如图5.2所示图5.2管理员界面BANNER管理界面中，管理员可以根据用户的喜好投放不同的图片，使操作界面更加的美观，也可以添加无人机的图片从而吸引用户们使用。当管理员点击添加按钮时触发add:function(b){ varcharthat=this; varform=e.detail.value; //表单验证if(that.data.images_url=='/images/addlivephoto.png'){ util.message('请上传图片'); return;} varinsert={}; varinsert=Bmob.Query('banner'); insert.set('image',that.data.images_url);代码通过检查图片是否处在编辑状态来管理BANNER，如果图片本身在被用户查看或者管理员正在编辑，那么图片是不可以被更改的。 if(that.data.isEdit){ insert.set( 'id',that.data.court.objectId) //需要修改的 objectId } console.log(insert); insert.save().then(function(res){ wx.showModal({ quit, contents:'保存成功', Color:"#68B5H9", ancel:false, success:function(){ wx.addressBack(); } });},只有当Edit表中的图片合法图片才可以被保存成功，否则提示保存失败，需要管理员重新进行上传操作。function(res){ wx.showModal({ quit, contents:'保存失败', Color:"#68B5H9", Cancel:false }); }); },BANNER管理如图5.3所示图5.3BANNER管理BANNER管理活动图如图5.4所示：图5.4BANNER管理活动图公告管理界面中，管理员通过新增公告按钮进入添加公告界面触发如下指令：onLoad:Announce(options){varcharthat=this;concents.log();if(options.wrj_name){that.loadcreate(options.wrj_name);that.setwrjData({iswrjEdit:true,wrj_name:options.wrj_name});wx.setwrj_title({title:'编辑公告'})}else{wx.setAnnouncementTitle({title:'添加公告'})}},delete:Announce(){varcharthat=this;wx.showModal({contents:'确认删除该公告吗?',Color:"#68B5H9",success:Announce(rel){if(rel.announcement){constquery=Boom.Query('wrj');quist.then(rel=>' {wx.showModal( {contents:'删除成功',Color:"#68B5H9",Cancel:false,success:Announce(){wx.AnnounceBack();}});上传图片和详情图片后，设置公告的有效期限，年月日都可以选择。随后管理员输入公告标题和公告详情，点击添加后发布成功，用户可以在主页面上banner图的下方点击公告即可查看管理员发布的公告。对于已经发布的公告信息，管理员在公告管理界面里点击更改按钮即可对已有的公告进行更改或者删除。公告管理活动图如图5.5所示图5.5公告管理活动图订单管理界面中，管理员进入订单管理界面，管理员界面有三个板块：全部、进行中、已完成。全部订单中，可以看到所有使用过的无人机痕迹，包括租用了多久以及花费了多少钱。在进行中的界面里，管理员可以看到所有正在进行的无人机信息，包括无人机型号，用时长，单价和合计。已完成板块中，管理员可以看到已经结束的无人机信息，下单时间，时长和价格。订单管理如图5.6所示。图5.6订单管理无人机管理界面中，管理员进入后，会显示无人机列表，管理员在无人机列表中可以查看所有已经添加的无人机信息，例如无人机名称、无人机的图片、无人机的单价，无人机的使用状态以及无人机的编号。管理员可以通过下方按钮添加无人机，需要注意的是无人机的位置信息一定要准确，不然系统定位不到位置，导致无人机无法使用。管理员也可以通过点击无人机头像进行对无人机信息的删改查操作。部分代码实现如下：onloadWurenji:function(){ varcharthat=this; util.showLoading(); varquery=Bmob.Query('wurenji'); query.get(that.data.wrj_name).then(function(res){ that.setData({ court:res, images_url:res.image, name:, address:res.address, price:res.price, content:res.content, longitude:res.longitude, latitude:res.latitude,}); util.hideLoading();}); },if(res.confirm){constquery=Bmob.Query('wurenji');query.destroy(that.data.objectId).then(res=>{ wx.showModal({ title:'温馨提示', content:'删除成功', Color:"#68B5H9", showCancel:false, success:function(){ wx.Back();管理员添加信息活动图如图5.7所示：图5.7添加信息活动图5.3用户界面实现用户通过微信小程序进入系统，使用微信号登录，用户界面主要包括首页，论坛和我的。个人用户主页如图5.8所示：图5.8用户信息界面5.3.1个人信息界面用户界面和管理员界面相同，只是没有后台管理的选项和操作，管理员可以在此界面进入管理员界面，实现个人信息界面如图5.9所示：图5.9个人信息界面5.3.2订单管理界面 用户的订单管理界面和管理员的相似，显示的是我的订单，进入后可以看到全部，进行中和已完成的订单。已完成的每一笔订单内容放在一个独立的div里面，其中有已完成字样，中间是无人机的图片，右边的是无人机的名称，订单的最下方就是租用信息，分别为单价多少，使用时长多少，合计多少元。读取的数据存放在Wct,USTime，UNIT-Price中系统在检索相关信息后传入前端界面div中。实现的订单管理界面，如图5.10所示图5.10订单管理5.3.3无人机的使用 对于用户首页点击右下角扫码使用并授权本地相机扫描二维码或者点击地图上的无人机图标进入无人机详情页面。部分代码如下： getWurenjiInfo:function(options){ varcharthat=this; constquery=Bmob.Query('wurenji'); query.include('userAttr'); query.get(that.data.wurenji_id).{ that.setData({ wurenjiInfo:res }); }).catch(err=>{ console.log(err) })}, addOrder:function(){ varcharthat=this; varinsert={} constpointer2=Bmob.Pointer('wurenji') varinsert=Bmob.Query('order'); insert.set('wurenji_id',that.data.wurenji_id); insert.set('user_id',wx.getStorageSync('userId')); insert.set('price',parseFloat(that.data.wurenjiInfo.price)); insert.set('order_state',