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

权利要求书

1.一种道观光明灯可视化预订方法，其特征在于，该方法包括以下步骤：

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

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

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

2.根据权利要求1所述的一种道观光明灯可视化预订方法，其特征在于，所述的步骤1中，可视化灯位图的信息包括灯塔位置、光明灯类型和价格。

3.根据权利要求2所述的一种道观光明灯可视化预订方法，其特征在于，所述的步骤1中，通过管理端配置可视化灯位图的信息的过程具体包括以下步骤：

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

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

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

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

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

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

4.根据权利要求1所述的一种道观光明灯可视化预订方法，其特征在于，所述的步骤2中，通过客户端实现可视化灯位图的展示及预订的过程具体包括以下步骤：

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

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

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

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

5.根据权利要求1所述的一种道观光明灯可视化预订方法，其特征在于，所述的步骤3中，进行光明灯灯位的可视化预订的过程具体包括以下步骤：

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

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

步骤303：在可视化灯位图中选择光明灯供奉位置；

步骤304：确认选中的光明灯位置中的行数和列数以及价格；

步骤305：完成光明灯灯位的可视化预定。

6.一种实现如权利要求1～5任一项所述道观光明灯可视化预订方法的道观光明灯可视化预订系统，其特征在于，该系统包括数据库、服务器和两个可操作前端，两个所述的可操作前端分别为管理端和客户端。

7.根据权利要求6所述的一种道观光明灯可视化预订系统，其特征在于，所述的管理端实现道观管理人员的灯位可视化配置。

8.根据权利要求6所述的一种道观光明灯可视化预订系统，其特征在于，所述的客户端用以客户进行预定。

9.根据权利要求6所述的一种道观光明灯可视化预订系统，其特征在于，所述的数据库用以存储数据。

10.根据权利要求6所述的一种道观光明灯可视化预订系统，其特征在于，所述的服务器用以处理和传输数据。