[发明专利]一种道观光明灯可视化预订方法及系统

说明书

本发明涉及一种道观光明灯可视化预订方法，该方法包括以下步骤：步骤1：通过管理端配置可视化灯位图的信息；步骤2：通过客户端实现可视化灯位图的展示及预订功能；步骤3：进行光明灯灯位的可视化预订。与现有技术相比，本发明具有实现光明灯的在线预订、解决信众无法在线预订期望灯位的问题、提高用户的体验感以及保证信众数据和隐私安全等优点。

技术领域

本发明涉及可视化技术领域，尤其是涉及一种道观光明灯可视化预订方法及系统。

背景技术

目前道观中的光明灯供奉预订场景，因为涉及到实际光明灯位置的选择，大多数都需要信众到现场进行线下预订，现有的道观线上预订光明灯的场景不支持灯位图的可视化展示，只能由系统自动分配剩余的位置，信众无法选择自己期望的灯位，因而大多数信众采取现场预订光明灯的方式，用户体验较差，且对道观的人力成本要求过高。

发明内容

本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种道观光明灯可视化预订方法及系统。

本发明的目的可以通过以下技术方案来实现：

一种道观光明灯可视化预订方法，该方法包括以下步骤：

步骤1：通过管理端配置可视化灯位图的信息；

步骤2：通过客户端实现可视化灯位图的展示及预订功能；

步骤3：进行光明灯灯位的可视化预订。

所述的步骤1中，可视化灯位图的信息包括灯塔位置、光明灯类型和价格。

所述的步骤1中，通过管理端配置可视化灯位图的信息的过程具体包括以下步骤：

步骤101：在管理端的工程中创建用以进行灯位图的绘制和信息配置的空白页面；

步骤103：在页面中添加灯位图行数和列数的输入框，并输入行数和列数；

步骤103：通过获取输入的行数和列数创建初始位置数组，数组的元素包括坐标和边距数据；

步骤104：获取页面整体宽高，以左上角作为原点，根据数组的坐标和边距数据计算每个灯位的实际位置，并根据页面大小动态缩放灯位大小循环进行绘制；

步骤105：添加对鼠标的mousemove、mousedown和mouseup动作监听，获取鼠标点击/拖拽的圈选和点选区域信息，并与数组的边距数据进行比较，获取被选中的灯位；

步骤106：将选中的灯位对应的光明灯种类和价格保存到数组中，并将数组传递至数据库中。

所述的步骤2中，通过客户端实现可视化灯位图的展示及预订的过程具体包括以下步骤：

步骤201：在客户端的工程中创建用以进行灯位图的渲染和选灯的空白页面；

步骤202：从数据库获取当前选中灯位对应的数组，并根据当前设备的屏幕宽高以及灯位图的行数和列数计算出每个灯位展示的最大宽高，并根据灯位图数组中的灯位图各点的坐标信息以左上角作为坐标原点，计算每个灯位到坐标轴的距离，循环渲染并获取可视化灯位图，并展示点灯状态和价格等信息；

步骤203：添加灯位的click监听，以实现灯位的选择和取消选择功能；

步骤204：将选中灯位的相关信息及用户数据提交至数据库，以实现信众线上预订光明灯的功能。

所述的步骤3中，进行光明灯灯位的可视化预订的过程具体包括以下步骤：

步骤301：通过客户端选择光明灯供奉位置和类型；

步骤302：查看光明灯的可视化灯位图；