CN113032706B - 一种快速搭建网页的实现方法及系统 - Google Patents

一种快速搭建网页的实现方法及系统 Download PDF

Info

Publication number
CN113032706B
CN113032706B CN202110279678.8A CN202110279678A CN113032706B CN 113032706 B CN113032706 B CN 113032706B CN 202110279678 A CN202110279678 A CN 202110279678A CN 113032706 B CN113032706 B CN 113032706B
Authority
CN
China
Prior art keywords
configuring
data
page
webpage
displayed
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202110279678.8A
Other languages
English (en)
Other versions
CN113032706A (zh
Inventor
周志文
俞利平
李朝武
纪向晴
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Mapgoo Technology Co ltd
Original Assignee
Shenzhen Mapgoo Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shenzhen Mapgoo Technology Co ltd filed Critical Shenzhen Mapgoo Technology Co ltd
Priority to CN202110279678.8A priority Critical patent/CN113032706B/zh
Publication of CN113032706A publication Critical patent/CN113032706A/zh
Application granted granted Critical
Publication of CN113032706B publication Critical patent/CN113032706B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/24—Querying
    • G06F16/242—Query formulation
    • G06F16/2433—Query languages
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/25—Integrating or interfacing systems involving database management systems
    • G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Mathematical Physics (AREA)
  • Computational Linguistics (AREA)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本发明实施例公开了一种快速搭建网页的实现方法及系统，方法包括：配置SQL语句，从数据库中请求要展示的网页数据；根据网页数据，配置页面所展示的布局内容；根据布局内容对菜单路由进行配置；对配置后的页面布局进行组合并展示，完成网页搭建。本发明实施例通过封装各类功能组件，实现自定义组件的生成，达到自定义业务页面的产生，最后在配置的菜单中选择相应的自定义业务页面；实现每一个运营同时随时随地配置出页面数据，进行判断分析，节省了大量的人力、物力成本消耗。

Description

一种快速搭建网页的实现方法及系统
技术领域
本发明涉及数据处理技术领域，尤其涉及一种快速搭建网页的实现方法及系统。
背景技术
随着经济全球化时代的到来，当今企业产品多种多样，交替更新快。每年当某日期来临之际，便是不同优惠活动的到来(吸引客户，商家)，例如某宝、某东平台的618、双11、双12等等，与此同时会产生大量的交易记录。购物平台的作用就能体现：它可以给公司内部领导提供决策分析的数据报表，同时提高运营效率，未来还可以开放平台给合作伙伴用。购物平台的数据在日渐丰富的同时，也越来越冗杂。如果是特定情况下要求报表展示，则需要技术部门加班加点临时在项目的基础上加文件，加交互，加接口等等。从而引出人力、财力、时间的耗用。或是由于时间的延迟，而影响决策的先手优势。
现有技术中对页面进行报表展示时，需要通过后台配置一个api接口，前端手动添加一个页面，在固定的布局下显示数据。当需求量大时，就会占空间，占内存，耗时间，耗人力。
因此现有技术还有待于进一步发展。
发明内容
针对上述技术问题，本发明实施例提供了一种快速搭建网页的实现方法及系统，能够解决现有技术中页面进行报表展示时，需要通过后台配置一个api接口，前端手动添加一个页面，在固定的布局下显示数据。当报表的需求量大时，就会占空间，占内存，耗时间，耗人力的技术问题。
本发明实施例的第一方面提供一种快速搭建网页的实现方法，包括：
配置SQL语句，从数据库中请求要展示的网页数据；
根据网页数据，配置页面所展示的布局内容；
根据布局内容对菜单路由进行配置；
对配置后的页面布局进行组合并展示，完成网页搭建。
可选地，所述配置SQL语句，从数据库中请求要展示的网页数据，包括：
通过配置SQL语句，从数据库中请求要展示的网页数据；
获取数据库返回的网页数据，将网络数据显示在组件中。
可选地，所述根据网页数据，配置页面所展示的布局内容，包括：
获取组件中的网页数据，通过展示的类型，将数据分别转换成列表，完成地对页面所展示的布局内容。
可选地，所述根据网页数据，配置页面所展示的布局内容，还包括：
根据网页数据对组件的大小、位置进行配置，并生成用于菜单选择的页面数据。
可选地，所述根据布局内容对菜单路由进行配置，包括：
检测到新菜单添加指令，在所述页面数据中选择要显示的自定义页面选项，配置路由跳转链接。
本发明实施例第二方面提供了一种快速搭建网页的实现系统，所述系统包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现以下步骤：
配置SQL语句，从数据库中请求要展示的网页数据；
根据网页数据，配置页面所展示的布局内容；
根据布局内容对菜单路由进行配置；
对配置后的页面布局进行组合并展示，完成网页搭建。
可选地，所述计算机程序被所述处理器执行时还实现以下步骤：
通过配置SQL语句，从数据库中请求要展示的网页数据；
获取数据库返回的网页数据，将网络数据显示在组件中。
可选地，所述计算机程序被所述处理器执行时还实现以下步骤：
获取组件中的网页数据，通过展示的类型，将数据分别转换成列表，完成地对页面所展示的布局内容。
可选地，所述计算机程序被所述处理器执行时还实现以下步骤：
根据网页数据对组件的大小、位置进行配置，并生成用于菜单选择的页面数据。
本发明实施例第三方面提供了一种非易失性计算机可读存储介质，其特征在于，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行上述的快速搭建网页的实现方法。
本发明实施例提供的技术方案中，配置SQL语句，从数据库中请求要展示的网页数据；根据网页数据，配置页面所展示的布局内容；根据布局内容对菜单路由进行配置；对配置后的页面布局进行组合并展示，完成网页搭建。因此相对于现有技术，本发明实施例通过封装各类功能组件，实现自定义组件的生成，达到自定义业务页面的产生，最后在配置的菜单中选择相应的自定义业务页面；实现每一个运营同时随时随地配置出页面数据，进行判断分析，节省了大量的人力、物力成本消耗。
附图说明
图1为本发明实施例中一种快速搭建网页的实现方法的一实施例的流程示意图；
图2为本发明实施例中一种快速搭建网页的实现系统的另一实施例的硬件结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
以下结合附图对本发明实施例进行详细的描述。
请参阅图1，图1为本发明实施例中一种快速搭建网页的实现方法的一个实施例的流程示意图。如图1所示，包括：
步骤S100、配置SQL语句，从数据库中请求要展示的网页数据；
步骤S200、根据网页数据，配置页面所展示的布局内容；
步骤S300、根据布局内容对菜单路由进行配置；
步骤S400、对配置后的页面布局进行组合并展示，完成网页搭建。
具体实施时，首先配置一个SQL(Structured Query Language，结构化查询语言)语句，请求要展示的后台数据；接着配置页面要展示的布局内容；然后配置菜单路由，完成页面展示特定页面中；最后组合页面布局，展示所有效果。其中SQL是一种特殊目的的编程语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。
结构化查询语言是高级的非过程化编程语言，允许用户在高层数据结构上工作。它不要求用户指定对数据的存放方法，也不需要用户了解具体的数据存放方式，所以具有完全不同底层结构的不同数据库系统,可以使用相同的结构化查询语言作为数据输入与管理的接口。结构化查询语言语句可以嵌套，这使它具有极大的灵活性和强大的功能。
进一步地，封装可自定义SQL语法，用于取数据库数据的功能组件；封装将数据库读取数据，以图表、表格形式展示的功能组件；封装自定义业务逻辑的功能模块；封装自定义页面，用于连接各个业务模块的功能组件；封装菜单跳转路由的功能组件。(在平台上完成上述交互配置即可实现菜单页面的展示。
在一些其他的实施例中，还可以跳过配置请求数据库的交互，直接应用页面配置而达到数据页面展示。
本发明实施例可以实现更节省时间、人力、财力而达到数据的展现分析；我们可以通过封装各类功能组件，实现自定义组件的生成，从而达到自定义业务页面的产生，最后在配置的菜单中选择相应的自定义业务页面，用以达到每一个运营同时随时随地配置出页面数据，进行判断分析。
进一步地，配置SQL语句，从数据库中请求要展示的网页数据，包括：
通过配置SQL语句，从数据库中请求要展示的网页数据；
获取数据库返回的网页数据，将网络数据显示在组件中。
具体地，配置自定义的SQL语法，完成数据库的数据请求。封装后的配置。该配置可通过自定义的SQL语法，完成数据库的数据请求，并返回显示在组件中。具体地可对“设备ID”，“IMEI”等配置内容进行配置，表示的是表格中显示的表头。由于配置SQL语法会对基层数据进行请求，为防止他人恶意请求，或SQL注入攻击等，所以对语法要求比较严格，是不允许在页面直接通过SQL语法请求的。其中IMEI(International Mobile EquipmentIdentity，国际移动设备识别码)，即通常所说的手机序列号、手机“串号”，用于在移动电话网络中识别每一部独立的手机等移动通信设备，相当于移动电话的身份证。序列号共有15～17位数字，前8位(TAC)是型号核准号码(早期为6位)，是区分手机品牌和型号的编码。接着2位(FAC)是最后装配号(仅在早期机型中存在)，代表最终装配地代码。后6位(SNR)是串号，代表生产顺序号。国际移动设备识别码一般贴于机身背面与外包装上，同时也存在于手机存储器中，通过在手机拨号键盘中输入*#06#即可查询。
进一步地，根据网页数据，配置页面所展示的布局内容，包括：
获取组件中的网页数据，通过展示的类型，将数据分别转换成列表，完成地对页面所展示的布局内容。
具体实施时，封装后的组件列表。在列表显示的为返回组件的数据，通过展示的类型，将数据分别转换成图表，表格等形式展示。操作三为业务组件封装。配置各类搜索条件，操作时间等。操作四为自定页面的封装。选择各类组件，通过配置组件的大小，位置，来完成最终页面的显示内容。
进一步地，根据网页数据，配置页面所展示的布局内容，还包括：
根据网页数据对组件的大小、位置进行配置，并生成用于菜单选择的页面数据。
具体实施时，通过配置组件的大小，位置，来完成最终页面的显示内容，同时会生成一条页面数据，用于菜单选择。
进一步地，根据布局内容对菜单路由进行配置，包括：
检测到新菜单添加指令，在所述页面数据中选择要显示的自定义页面选项，配置路由跳转链接。
具体实施时，通过添加菜单，来显示自定义页面内容。
本发明实施例中提供了一种快速搭建网页的实现方法，全部在页面交互完成配置，配置完成后可以获取数据库的请求数据、页面配置的布局数据、页面配置的展示内容数据和自定义菜单配置数据。
需要说明的是，上述各步骤之间并不必然存在一定的先后顺序，本领域普通技术人员，根据本发明实施例的描述可以理解，不同实施例中，上述各步骤可以有不同的执行顺序，亦即，可以并行执行，亦可以交换执行等等。
上面对本发明实施例中的快速搭建网页的实现方法进行了描述，下面对本发明实施例中的快速搭建网页的实现系统进行描述，请参阅图2，图2是本发明实施例中一种快速搭建网页的实现系统的另一实施例的硬件结构示意图，如图2所示，系统10包括：存储器101、处理器102及存储在存储器上并可在处理器上运行的计算机程序，计算机程序被处理器101执行时实现以下步骤：
配置SQL语句，从数据库中请求要展示的网页数据；
根据网页数据，配置页面所展示的布局内容；
根据布局内容对菜单路由进行配置；
对配置后的页面布局进行组合并展示，完成网页搭建。
具体的实施步骤与方法实施例相同，此处不再赘述。
可选地，计算机程序被处理器101执行时还实现以下步骤：
通过配置SQL语句，从数据库中请求要展示的网页数据；
获取数据库返回的网页数据，将网络数据显示在组件中。
具体的实施步骤与方法实施例相同，此处不再赘述。
可选地，计算机程序被处理器101执行时还实现以下步骤：
获取组件中的网页数据，通过展示的类型，将数据分别转换成列表，完成地对页面所展示的布局内容。
具体的实施步骤与方法实施例相同，此处不再赘述。
可选地，计算机程序被处理器101执行时还实现以下步骤：
根据网页数据对组件的大小、位置进行配置，并生成用于菜单选择的页面数据。
具体的实施步骤与方法实施例相同，此处不再赘述。
可选地，计算机程序被处理器101执行时还实现以下步骤：
检测到新菜单添加指令，在所述页面数据中选择要显示的自定义页面选项，配置路由跳转链接。
具体的实施步骤与方法实施例相同，此处不再赘述。
本发明实施例提供了一种非易失性计算机可读存储介质，计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行，例如，执行以上描述的图1中的方法步骤S100至步骤S400。
作为示例，非易失性存储介质能够包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦ROM(EEPROM)或闪速存储器。易失性存储器能够包括作为外部高速缓存存储器的随机存取存储器(RAM)。通过说明并非限制，RAM可以以诸如同步RAM(SRAM)、动态RAM、(DRAM)、同步DRAM(SDRAM)、双数据速率SDRAM(DDR SDRAM)、增强型SDRAM(ESDRAM)、Synchlink DRAM(SLDRAM)以及直接Rambus(兰巴斯)RAM(DRRAM)之类的许多形式得到。本发明实施例中所描述的操作环境的所公开的存储器组件或存储器旨在包括这些和/或任何其他适合类型的存储器中的一个或多个。
以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (3)

1.一种快速搭建网页的实现方法，其特征在于，包括：
配置SQL语句，从数据库中请求要展示的网页数据；
根据网页数据，配置页面所展示的布局内容；
根据布局内容对菜单路由进行配置；
对配置后的页面布局进行组合并展示，完成网页搭建；
所述配置SQL语句，从数据库中请求要展示的网页数据，包括：
通过配置SQL语句，从数据库中请求要展示的网页数据；
获取数据库返回的网页数据，将网络数据显示在组件中；
所述根据网页数据，配置页面所展示的布局内容，包括：
获取组件中的网页数据，通过展示的类型，将数据分别转换成列表，完成地对页面所展示的布局内容；
所述根据网页数据，配置页面所展示的布局内容，还包括：
根据网页数据对组件的大小、位置进行配置，并生成用于菜单选择的页面数据；
所述根据布局内容对菜单路由进行配置，包括：
检测到新菜单添加指令，在所述页面数据中选择要显示的自定义页面选项，配置路由跳转链接。
2.一种快速搭建网页的实现系统，其特征在于，所述系统包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现以下步骤：
配置SQL语句，从数据库中请求要展示的网页数据；
根据网页数据，配置页面所展示的布局内容；
根据布局内容对菜单路由进行配置；
对配置后的页面布局进行组合并展示，完成网页搭建；
所述计算机程序被所述处理器执行时还实现以下步骤：
通过配置SQL语句，从数据库中请求要展示的网页数据；
获取数据库返回的网页数据，将网络数据显示在组件中；
所述计算机程序被所述处理器执行时还实现以下步骤：
获取组件中的网页数据，通过展示的类型，将数据分别转换成列表，完成地对页面所展示的布局内容；
所述计算机程序被所述处理器执行时还实现以下步骤：
根据网页数据对组件的大小、位置进行配置，并生成用于菜单选择的页面数据；
所述根据布局内容对菜单路由进行配置，包括：
检测到新菜单添加指令，在所述页面数据中选择要显示的自定义页面选项，配置路由跳转链接。
3.一种非易失性计算机可读存储介质，其特征在于，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行权利要求1所述的快速搭建网页的实现方法。
CN202110279678.8A 2021-03-16 2021-03-16 一种快速搭建网页的实现方法及系统 Active CN113032706B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110279678.8A CN113032706B (zh) 2021-03-16 2021-03-16 一种快速搭建网页的实现方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110279678.8A CN113032706B (zh) 2021-03-16 2021-03-16 一种快速搭建网页的实现方法及系统

Publications (2)

Publication Number Publication Date
CN113032706A CN113032706A (zh) 2021-06-25
CN113032706B true CN113032706B (zh) 2024-06-28

Family

ID=76470715

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110279678.8A Active CN113032706B (zh) 2021-03-16 2021-03-16 一种快速搭建网页的实现方法及系统

Country Status (1)

Country Link
CN (1) CN113032706B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113568606A (zh) * 2021-07-09 2021-10-29 猪八戒股份有限公司 基于Web前端开发的日报简表网页设计方法及系统

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111221526A (zh) * 2018-11-27 2020-06-02 中云开源数据技术（上海）有限公司 一种基于数据湖服务器的数据可视化编辑展示平台

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7764778B2 (en) * 2003-09-12 2010-07-27 At&T Intellectual Property I, L.P. International origin dependent customized routing of calls to toll-free numbers
US8719781B2 (en) * 2011-12-01 2014-05-06 Amer Agovic Universal and adaptive software development platform for data-driven applications
CN111158679A (zh) * 2018-11-08 2020-05-15 北京航天长峰科技工业集团有限公司 一种基于VueJS的平台前端框架解决方案
CN110442336A (zh) * 2019-08-05 2019-11-12 上海钧正网络科技有限公司 一种网页开发方法及装置、存储介质及电子设备
CN111767051B (zh) * 2020-06-30 2024-04-16 深圳赛安特技术服务有限公司 一种网络页面的渲染方法及设备

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111221526A (zh) * 2018-11-27 2020-06-02 中云开源数据技术（上海）有限公司 一种基于数据湖服务器的数据可视化编辑展示平台

Also Published As

Publication number Publication date
CN113032706A (zh) 2021-06-25

Similar Documents

Publication Publication Date Title
CN110286974B (zh) 基于h5页面的应用配置方法、装置、设备及存储介质
CN109656807B (zh) 基于信息安全的接口mock测试方法、装置、设备及存储介质
CN111596965B (zh) 项目工程初始化方法、装置、计算机设备和存储介质
US10223339B2 (en) Web-intrinsic interactive documents
CN111061475B (zh) 软件代码生成方法、装置、计算机设备和存储介质
CN109189799A (zh) 业务数据查询方法、装置、计算机设备及存储介质
CA3139243A1 (en) Information collection method, device, computer equipment and storage medium
CN110069297A (zh) 基于Spring MVC的异常处理方法、装置、计算机设备和存储介质
CN111897817A (zh) 一种可视化表单配置方法、装置和系统
CN109710220B (zh) 关系型数据库查询方法、装置、设备及存储介质
CN110647316B (zh) 通用业务对象的生成方法、装置、计算机设备及存储介质
CN111124528B (zh) 页面加载方法、装置、电子设备及计算机可读存储介质
CN105589959A (zh) 表单处理方法和表单系统
CN109361628A (zh) 报文组装方法、装置、计算机设备和存储介质
CN113032706B (zh) 一种快速搭建网页的实现方法及系统
CN109597825B (zh) 规则引擎调用方法、装置、设备及计算机可读存储介质
CN110727777A (zh) 知识图谱的管理方法、装置、计算机设备和存储介质
CN112306463B (zh) 基于POJO的mybatis生成方法、系统、存储介质及设备
CN109710681A (zh) 数据输出方法、装置、计算机设备和存储介质
CN111158644A (zh) 原型图与接口交互方法及装置
CN110865943A (zh) 接口测试方法、装置、计算机设备和存储介质
CN115390835A (zh) 一种小程序标签化搜索框的构建方法及设备
CN114461960B (zh) 页面生成方法、页面展示方法及装置
CN113157754B (zh) 流程表单数据展示方法、装置、设备及存储介质
CN113254455B (zh) 数据库的动态配置方法、装置、计算机设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant