CN111177624A - 网站前后端通讯方法、装置、计算机设备和存储介质 - Google Patents
网站前后端通讯方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN111177624A CN111177624A CN201911344614.0A CN201911344614A CN111177624A CN 111177624 A CN111177624 A CN 111177624A CN 201911344614 A CN201911344614 A CN 201911344614A CN 111177624 A CN111177624 A CN 111177624A
- Authority
- CN
- China
- Prior art keywords
- page
- component class
- identifier
- entry component
- initialization data
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 123
- 230000006854 communication Effects 0.000 title claims abstract description 38
- 238000004891 communication Methods 0.000 title claims abstract description 37
- 230000006870 function Effects 0.000 claims description 40
- 230000008859 change Effects 0.000 claims description 13
- 238000004590 computer program Methods 0.000 claims description 12
- 230000001960 triggered effect Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 6
- 238000011161 development Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 238000009877 rendering Methods 0.000 description 4
- 230000000977 initiatory effect Effects 0.000 description 3
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
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/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及一种网站前后端通讯方法、装置、计算机设备和存储介质。所述方法包括：通过前端接收终端发送的页面访问请求，所述页面访问请求中携带页面标识；获取前端基于所述页面访问请求创建的页面入口组件类；获取后端提供的页面初始化数据，将所述页面初始化数据保存到所述页面入口组件类；获取后端基于所述页面标识提供的页面接口方法，将所述页面接口方法绑定到全局变量中；在所述全局变量中，将所述页面接口方法挂载到所述页面入口组件类的实例对象上；触发与所述页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端。采用本方法能够简化前后端通讯的流程，从而提高网站前后端通讯效率。
Description
技术领域
本申请涉及互联网技术领域，特别是涉及一种网站前后端通讯方法、装置、计算机设备和存储介质。
背景技术
随着互联网技术的发展，网站开发技术发挥的作用日益重要。网站开发技术的迅速提升推动着企业级软件架构的革新，前端从编译出来运行在本地的可执行程序，变成了通过浏览器加载的服务器端网页。在网站开发过程中，前后端需要不定时进行数据交互，由于是在不同的计算机上操作，所以前端不能直接获取所需的数据，因而需要利用不同的前后端通讯方式才能实现数据互通。
在传统的方式中，由于前后端通讯流程繁杂，一个简单的通讯过程通常需要拆分成多个步骤才能完成，从而导致网站前后端通讯效率比较低。
发明内容
基于此，有必要针对上述技术问题，提供一种能够提高通讯效率的网站前后端通讯方法、装置、计算机设备和存储介质。
一种网站前后端通讯方法，所述方法包括：
通过前端接收终端发送的页面访问请求，所述页面访问请求中携带页面标识；
获取前端基于所述页面访问请求创建的页面入口组件类；
获取后端提供的页面初始化数据，将所述页面初始化数据保存到所述页面入口组件类；
获取后端基于所述页面标识提供的页面接口方法，将所述页面接口方法绑定到全局变量中；在所述全局变量中，将所述页面接口方法挂载到所述页面入口组件类的实例对象上；
触发与所述页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端。
在其中一个实施例中，所述获取后端提供的页面初始化数据，将所述页面初始化数据保存到所述页面入口组件类之前，所述方法还包括：
通过后端在第一文件夹下创建页面入口组件类，在所述页面入口组件类中指定前端对应的入口模板；
通过后端在第二文件夹下创建页面接口组件类，在所述页面接口类中执行对应的函数。
在其中一个实施例中，所述在所述页面接口类中执行对应的函数，包括：
通过后端基于所述页面标识，将所述页面标识对应的页面接口组件类中的方法保存在一个集合对象中。
在其中一个实施例中，所述在所述页面接口类中执行对应的函数，包括：
获取所述页面访问请求的网络地址参数，将所述网络地址参数作为第一参数；
根据所述第一参数，在对应的函数体中初始化对应的实例对象。
在其中一个实施例中，所述根据所述第一参数，在对应的函数体中初始化对应的实例对象之后，所述方法还包括：
通过后端将页面初始化数据保存到所述初始化对应的实例对象中；
通过注解的方式，将所述页面初始化数据保存到前端页面入口组件类的初始化对象中。
在其中一个实施例中，所述触发与所述页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端之前，所述方法还包括：
当所述页面初始化数据保存到所述页面入口组件类以及所述页面接口方法挂载到所述页面入口组件类的实例对象上时，触发预设标志位的状态变化；
根据所述预设标志位变化后的状态，触发与所述页面标识对应的页面组件渲染页面内容。
一种网站前后端通讯装置，所述装置包括：
接收模块，用于通过前端接收终端发送的页面访问请求，所述页面访问请求中携带页面标识；
获取模块，用于获取前端基于所述页面访问请求创建的页面入口组件类；获取后端提供的页面初始化数据，将所述页面初始化数据保存到所述页面入口组件类；获取后端基于所述页面标识提供的页面接口方法，将所述页面接口方法绑定到全局变量中；
挂载模块，用于在所述全局变量中，将所述页面接口方法挂载到所述页面入口组件类的实例对象上；
触发模块，用于触发与所述页面标识对应的页面组件渲染页面内容；
发送模块，用于将渲染后的页面返回至终端。
在其中一个实施例中，所述装置包括：
触发模块，还用于当所述页面初始化数据保存到所述页面入口组件类以及所述页面接口方法挂载到所述页面入口组件类的实例对象上时，触发预设标志位的状态变化；根据所述预设标志位变化后的状态，触发与所述页面标识对应的页面组件渲染页面内容。
一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
通过前端接收终端发送的页面访问请求，所述页面访问请求中携带页面标识；
获取前端基于所述页面访问请求创建的页面入口组件类；
获取后端提供的页面初始化数据，将所述页面初始化数据保存到所述页面入口组件类；
获取后端基于所述页面标识提供的页面接口方法，将所述页面接口方法绑定到全局变量中；在所述全局变量中，将所述页面接口方法挂载到所述页面入口组件类的实例对象上；
触发与所述页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端。
一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
通过前端接收终端发送的页面访问请求，所述页面访问请求中携带页面标识；
获取前端基于所述页面访问请求创建的页面入口组件类；
获取后端提供的页面初始化数据，将所述页面初始化数据保存到所述页面入口组件类；
获取后端基于所述页面标识提供的页面接口方法，将所述页面接口方法绑定到全局变量中；在所述全局变量中，将所述页面接口方法挂载到所述页面入口组件类的实例对象上；
触发与所述页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端。
上述网站前后端通讯方法、装置、计算机设备和存储介质，通过前端接收终端发送的页面访问请求，页面访问请求中携带页面标识。获取前端基于页面访问请求创建的页面入口组件类，获取后端提供的页面初始化数据，将页面初始化数据保存到页面入口组件类。获取后端基于页面标识提供的页面接口方法，将页面接口方法绑定到全局变量中。在全局变量中，将页面接口方法挂载到页面入口组件类的实例对象上，触发与页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端。通过获取后端基于页面标识提供的页面接口方法，将页面接口方法绑定到全局变量中，通过函数调用的方式即可直接发起请求，调用对应接口，更新页面内容，完成前后端通讯。相对于传统的网站前后端通讯方式，简化了发起调用的流程，操作更加简化，从而提高了网站前后端通讯的效率。
附图说明
图1为一个实施例中网站前后端通讯方法的应用场景图；
图2为一个实施例中网站前后端通讯方法的流程示意图；
图3为一个实施例中通过后端在文件夹下创建对应的组件类的步骤的流程示意图；
图4为一个实施例中在页面接口类中执行对应的函数的步骤的流程示意图；
图5为另一个实施例中网站前后端通讯方法的流程示意图；
图6为一个实施例中网站前后端通讯装置的结构框图；
图7为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请提供的网站前后端通讯方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104通过网络进行通信。终端102可以通过访问服务器104，从服务器104获取相关页面信息。具体的，服务器104通过前端接收终端102发送的页面访问请求，页面访问请求中携带页面标识。服务器104获取前端基于页面访问请求创建的页面入口组件类，获取后端提供的页面初始化数据，将页面初始化数据保存到页面入口组件类。服务器104获取后端基于页面标识提供的页面接口方法，将页面接口方法绑定到全局变量中。在全局变量中，将页面接口方法挂载到页面入口组件类的实例对象上，触发与页面标识对应的页面组件渲染页面内容，服务器104将渲染后的页面返回至终端。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一个实施例中，如图2所示，提供了一种网站前后端通讯方法，以该方法应用于图1中的服务器为例进行说明，包括以下步骤：
步骤202，通过前端接收终端发送的页面访问请求，页面访问请求中携带页面标识。
终端上可通过网页应用显示网页，用户可对网页进行浏览。该网络应用可以是浏览器或者其他可以显示页面内容的应用程序，例如游戏应用和即时通信应用等。服务器通过前端接收终端发送的页面访问请求，页面访问请求中携带页面标识。页面标识是每个页面拥有的唯一标识。
步骤204，获取前端基于页面访问请求创建的页面入口组件类。
服务器通过前端接收终端发送的页面访问请求后，可获取前端基于页面访问请求创建的页面入口组件类。页面入口组件类是一组可以复用的业务功能的集合，包含一些对象及其行为，通过调用的方式从而达到复用功能的目的。在页面入口组件类的文件夹中，根据页面标识不同加载不同的资源(不同文件夹)。
步骤206，获取后端提供的页面初始化数据，将页面初始化数据保存到页面入口组件类。
服务器获取前端基于页面访问请求创建的页面入口组件类后，获取后端提供的页面初始化数据。其中，页面初始化数据是服务器根据页面访问请求中携带的页面标识，查询到相关数据后将结果返回给前端，并将页面初始化数据保存到页面入口组件类。
步骤208，获取后端基于页面标识提供的页面接口方法，将页面接口方法绑定到全局变量中；在全局变量中，将页面接口方法挂载到页面入口组件类的实例对象上。
服务器获取后端基于页面标识提供的页面接口方法，将页面接口方法绑定到全局变量中。页面接口方法描述的是实现接口的方法，主要供后续前端调用。在全局变量中，服务器将页面接口方法挂载到页面入口组件类的实例对象上。
步骤210，触发与页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端。
当服务器将页面初始化数据保存到页面入口组件类以及将页面接口方法挂载到页面入口组件类的实例对象上时，触发与页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端。渲染页面内容是根据终端发送的页面访问请求，对页面内容进行更新，同时，服务器将渲染后的页面内容返回至终端，并显示更新后的页面内容。
本实施例中，通过前端接收终端发送的页面访问请求，页面访问请求中携带页面标识。获取前端基于页面访问请求创建的页面入口组件类，获取后端提供的页面初始化数据，将页面初始化数据保存到页面入口组件类。获取后端基于页面标识提供的页面接口方法，将页面接口方法绑定到全局变量中。在全局变量中，将页面接口方法挂载到页面入口组件类的实例对象上，触发与页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端。由此使得通过函数调用的方式可以直接发起请求，调用对应接口，更新页面内容，完成前后端通讯。相对于传统的网站前后端通讯方式，简化了发起调用的流程，操作更加简化，从而提高了网站前后端通讯的效率。
在一个实施例中，获取后端提供的页面初始化数据，将页面初始化数据保存到页面入口组件类之前，该方法还包括通过后端在文件夹下创建对应的组件类的步骤，如图3所示，具体包括：
步骤302，通过后端在第一文件夹下创建页面入口组件类，在页面入口组件类中指定前端对应的入口模板。
步骤304，通过后端在第二文件夹下创建页面接口组件类，在页面接口组件类中执行对应的函数。
服务器在获取后端提供的页面初始化数据，将页面初始化数据保存到页面入口组件类之前，服务器通过后端在第一文件夹下创建页面入口组件类，在页面入口组件类中指定前端对应的入口模板，入口模板可以包括在页面入口组件类中指定的前端html入口模板。服务器通过后端在第二文件夹下创建页面接口组件类，在页面接口类中执行对应的函数。其中，在页面接口类中执行对应的函数方法可以包括多种不同的函数方法。
以计算机编程语言java举例说明。服务器首先会在web/src/main下创建trojans、java、webapp三个文件夹。其中，trojans文件夹用于前端开发，java文件夹用于后端接口与视图的提供。screen文件夹用于存放前端页面的入口类，该文件夹会映射到web-inf中的vm文件提供的前端html模板。json文件夹用于存放提供给前端页面所需的各个接口。screen文件夹和json文件夹中的文件名与前端pages文件夹下的各个文件名称一致。webapp文件夹下大致可以分为两个文件夹，resource文件夹用于存放前端打包好的文件，web-inf用于存放vm文件，vm文件用于提供各个页面的html文件模板，在模板中会对应resource文件夹中的各个前端资源文件。
服务器通过后端在screen文件夹下创建页面入口组件类，该入口类继承于AbstractReactScreen类，并在页面入口组件类中指定前端html入口模板。服务器通过后端在json文件夹下创建页面接口组件类，该接口类继承于AbstractReactAction类，在页面接口组件类中，会实现不同的函数方法。服务器通过后端在不同的文件夹下创建对应的组件类，并在页面入口组件类中指定前端html入口模板，使得前端可以直接通过函数的方式进行调用，简化了后端概念的理解。
在一个实施例中，在页面接口组件类中执行对应的函数的步骤，包括：
通过后端基于页面标识，将页面标识对应的页面接口组件类中的方法保存在一个集合对象中。
服务器通过后端基于页面标识，将页面标识对应的页面接口组件类中的方法保存在一个集合对象中。以计算机编程语言java举例说明。服务器通过后端基于页面标识，在json文件夹下添加页面接口组件类，该页面接口组件类继承于AbstractReactAction类，在AbstractReactAction类中可以实现actions方法，该方法会把该类里的所有方法都保存到一个List对象里供后续前端调用。由此简化了前后端通信的流程，前端只需要调用页面类上的方法就可以获取到后端提供的对应的数据。
在一个实施例中，在页面接口类中执行对应的函数的步骤，如图4所示，具体包括：
步骤402，获取页面访问请求的网络地址参数，将网络地址参数作为第一参数。
步骤404，根据第一参数，在对应的函数体中初始化对应的实例对象。
服务器通过后端在第二文件夹下创建页面接口组件类，在页面接口组件类中，服务器获取页面访问请求的网络地址参数，将网络地址参数作为第一参数。该网络地址参数可以包括资源类型、存放资源的主机域名、资源文件名。服务器根据第一参数，在对应的函数体中初始化对应的实例对象。其中，函数体是编程语言中定义一个函数功能的所有代码组成的整体，可以完成一个函数特定的功能，例如根据第一参数，可以在对应的函数体中初始化对应的实例对象。通过对初始化数据进行提取，并在对应的函数体中初始化实例对象，由此简化了记忆、输入接口的网络地址，进而简化了后端概念的理解。
在一个实施例中，如图5所示，提供了一种网站前后端通讯方法，包括以下步骤：
步骤502，通过后端在第一文件夹下创建页面入口组件类，在页面入口组件类中指定前端对应的入口模板。
步骤504，通过后端在第二文件夹下创建页面接口组件类，在页面接口组件类中执行对应的函数。
步骤506，获取页面访问请求的网络地址参数，将网络地址参数作为第一参数。
步骤508，根据第一参数，在对应的函数体中初始化对应的实例对象。
步骤510，当页面初始化数据保存到页面入口组件类以及页面接口方法挂载到页面入口组件类的实例对象上时，触发预设标志位的状态变化。
步骤512，根据预设标志位变化后的状态，触发与页面标识对应的页面组件渲染页面内容。
服务器通过前端接收终端发送的页面访问请求，页面访问请求中携带页面标识，服务器可获取前端基于页面访问请求创建的页面入口组件类。进一步的，服务器获取后端提供的页面初始化数据。其中，页面初始化数据是服务器根据页面访问请求中携带的页面标识，查询到相关数据后将结果返回给前端，并将页面初始化数据保存到页面入口组件类。具体的，服务器在获取后端提供的页面初始化数据，将页面初始化数据保存到页面入口组件类之前，服务器通过后端在第一文件夹下创建页面入口组件类，在页面入口组件类中指定前端html入口模板。服务器通过后端在第二文件夹下创建页面接口组件类，在页面接口类中执行对应的函数。其中，在页面接口类中执行对应的函数具体包括：服务器通过后端基于页面标识，可以将页面标识对应的页面接口组件类中的方法保存在一个集合对象中。在页面接口组件类中，服务器可以获取页面访问请求的网络地址参数，将网络地址参数作为第一参数。服务器根据第一参数，在对应的函数体中初始化对应的实例对象。进一步的，服务器通过后端将页面初始化数据保存到初始化对应的实例对象中，通过注解的方式，将页面初始化数据保存到前端页面入口组件类的初始化对象中。当服务器将页面初始化数据保存到页面入口组件类以及将页面接口方法挂载到页面入口组件类的实例对象上时，触发预设标志位的状态变化，根据预设标志位变化后的状态，触发与页面标识对应的页面组件渲染页面内容。其中，标志位可以是预先设置的，例如，只有当服务器将页面初始化数据保存到页面入口组件类以及将页面接口方法挂载到页面入口组件类的实例对象上时，标志位才会变成true,页面组件才会开始渲染页面内容。通过预设标志位，由此使得即使在异步请求的情况下，也能避免不必要的错误发生，高效的完成前后端通讯。
以计算机编程语言java举例说明。服务器首先会在web/src/main下创建trojans、java、webapp三个文件夹。服务器通过后端在screen文件夹下创建页面入口组件类，该入口类继承于AbstractReactScreen类，并在页面入口组件类中指定前端html入口模板。服务器通过后端在json文件夹下创建页面接口组件类，该接口类继承于AbstractReactAction类，在页面接口组件类中，会实现不同的函数方法。具体包括：服务器通过后端基于页面标识，在json文件夹下添加页面接口组件类，该页面接口组件类继承于AbstractReactAction类，在AbstractReactAction类中可以实现actions方法，该方法会把该类里的所有方法都保存到一个List对象里供后续前端调用。服务器可以以获取到的页面访问请求的网络地址参数作为第一个参数，根据第一个参数，在对应的函数体中初始化一个Map对象，把页面所需的初始化数据保存到该Map对象里。进一步的，通过注解的方式，按需提取对应的参数，通过相关业务逻辑处理之后，将前端所需的数据保存到前端页面入口组件类的初始化实例对象中，并返还给前端。前端在接收到后端返回的数据后，根据返回的数据变化来更新页面。此外，只有当服务器将页面初始化数据保存到页面入口组件类以及将页面接口方法挂载到页面入口组件类的实例对象上时，标志位才会变成true,页面组件才会开始渲染页面内容。通过预设标志位，由此使得即使在异步请求的情况下，也能避免不必要的错误发生，高效的完成前后端通讯。
本实施例中，通过对所需数据进行提取后，保存到前端页面入口组件类的初始化实例对象中，相较传统方式，省去了繁琐的操作，无需前端手动调用接口手动更新页面，简化了发起调用的流程，操作更加简化，从而提高了网站前后端通讯的效率。
在其中一个实施例中，触发与页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端之前，方法还包括：
当页面初始化数据保存到页面入口组件类以及页面接口方法挂载到页面入口组件类的实例对象上时，触发预设标志位的状态变化。
根据预设标志位变化后的状态，触发与页面标识对应的页面组件渲染页面内容。
当服务器将页面初始化数据保存到页面入口组件类以及将页面接口方法挂载到页面入口组件类的实例对象上时，触发预设标志位的状态变化，根据预设标志位变化后的状态，触发与页面标识对应的页面组件渲染页面内容。其中，标志位可以是预先设置的，例如，只有当服务器将页面初始化数据保存到页面入口组件类以及将页面接口方法挂载到页面入口组件类的实例对象上时，标志位才会变成true,页面组件才会开始渲染页面内容。通过预设标志位，由此使得即使在异步请求的情况下，也能避免不必要的错误发生，高效的完成前后端通讯。
应该理解的是，虽然图1-5流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1-5中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中，如图6所示，提供了一种网站前后端通讯装置，包括：接收模块602、获取模块604、挂载模块606、触发模块608和发送模块610，其中：
接收模块602，用于通过前端接收终端发送的页面访问请求，页面访问请求中携带页面标识。
获取模块604，用于获取前端基于页面访问请求创建的页面入口组件类；获取后端提供的页面初始化数据，将页面初始化数据保存到页面入口组件类；获取后端基于页面标识提供的页面接口方法，将页面接口方法绑定到全局变量中。
挂载模块606，用于在全局变量中，将页面接口方法挂载到页面入口组件类的实例对象上。
触发模块608，用于触发与页面标识对应的页面组件渲染页面内容。
发送模块610，用于将渲染后的页面返回至终端。
在一个实施例中，触发模块608还用于当页面初始化数据保存到页面入口组件类以及页面接口方法挂载到页面入口组件类的实例对象上时，触发预设标志位的状态变化；根据预设标志位变化后的状态，触发与页面标识对应的页面组件渲染页面内容。
在一个实施例中，该装置还包括：创建模块。
创建模块用于通过后端在第一文件夹下创建页面入口组件类，在页面入口组件类中指定前端对应的入口模板；通过后端在第二文件夹下创建页面接口组件类，在页面接口组件类中执行对应的函数。
在一个实施例中，该装置还包括：保存模块。
保存模块用于通过后端基于页面标识，将页面标识对应的页面接口组件类中的方法保存在一个集合对象中。
在一个实施例中，获取模块604还用于获取页面访问请求的网络地址参数，将网络地址参数作为第一参数；根据第一参数，在对应的函数体中初始化对应的实例对象。
在一个实施例中，保存模块还用于通过后端将页面初始化数据保存到初始化对应的实例对象中；通过注解的方式，将页面初始化数据保存到前端页面入口组件类的初始化对象中。
在一个实施例中，触发模块608还用于当页面初始化数据保存到页面入口组件类以及页面接口方法挂载到页面入口组件类的实例对象上时，触发预设标志位的状态变化；根据预设标志位变化后的状态，触发与页面标识对应的页面组件渲染页面内容。
关于网站前后端通讯装置的具体限定可以参见上文中对于网站前后端通讯方法的限定，在此不再赘述。上述网站前后端通讯装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储网站前后端通讯数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种网站前后端通讯方法。
本领域技术人员可以理解，图7中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述各个方法实施例的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种网站前后端通讯方法，所述方法包括：
通过前端接收终端发送的页面访问请求，所述页面访问请求中携带页面标识；
获取前端基于所述页面访问请求创建的页面入口组件类；
获取后端提供的页面初始化数据，将所述页面初始化数据保存到所述页面入口组件类；
获取后端基于所述页面标识提供的页面接口方法，将所述页面接口方法绑定到全局变量中；在所述全局变量中，将所述页面接口方法挂载到所述页面入口组件类的实例对象上；
触发与所述页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端。
2.根据权利要求1所述的方法，其特征在于，所述获取后端提供的页面初始化数据，将所述页面初始化数据保存到所述页面入口组件类之前，所述方法还包括：
通过后端在第一文件夹下创建页面入口组件类，在所述页面入口组件类中指定前端对应的入口模板；
通过后端在第二文件夹下创建页面接口组件类，在所述页面接口组件类中执行对应的函数。
3.根据权利要求2所述的方法，其特征在于，所述在所述页面接口组件类中执行对应的函数，包括：
通过后端基于所述页面标识，将所述页面标识对应的页面接口组件类中的方法保存在一个集合对象中。
4.根据权利要求2所述的方法，其特征在于，所述在所述页面接口组件类中执行对应的函数，包括：
获取所述页面访问请求的网络地址参数，将所述网络地址参数作为第一参数；
根据所述第一参数，在对应的函数体中初始化对应的实例对象。
5.根据权利要求4所述的方法，其特征在于，所述根据所述第一参数，在对应的函数体中初始化对应的实例对象之后，所述方法还包括：
通过后端将页面初始化数据保存到所述初始化对应的实例对象中；
通过注解的方式，将所述页面初始化数据保存到前端页面入口组件类的初始化对象中。
6.根据权利要求1所述的方法，其特征在于，所述触发与所述页面标识对应的页面组件渲染页面内容，渲染后的页面返回至终端之前，所述方法还包括：
当所述页面初始化数据保存到所述页面入口组件类以及所述页面接口方法挂载到所述页面入口组件类的实例对象上时，触发预设标志位的状态变化；
根据所述预设标志位变化后的状态，触发与所述页面标识对应的页面组件渲染页面内容。
7.一种网站前后端通讯装置，其特征在于，所述装置包括：
接收模块，用于通过前端接收终端发送的页面访问请求，所述页面访问请求中携带页面标识；
获取模块，用于获取前端基于所述页面访问请求创建的页面入口组件类；获取后端提供的页面初始化数据，将所述页面初始化数据保存到所述页面入口组件类；获取后端基于所述页面标识提供的页面接口方法，将所述页面接口方法绑定到全局变量中；
挂载模块，用于在所述全局变量中，将所述页面接口方法挂载到所述页面入口组件类的实例对象上；
触发模块，用于触发与所述页面标识对应的页面组件渲染页面内容；
发送模块，用于将渲染后的页面返回至终端。
8.根据权利要求7的网站前后端通讯装置，其特征在于，所述触发模块还用于当所述页面初始化数据保存到所述页面入口组件类以及所述页面接口方法挂载到所述页面入口组件类的实例对象上时，触发预设标志位的状态变化；根据所述预设标志位变化后的状态，触发与所述页面标识对应的页面组件渲染页面内容。
9.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911344614.0A CN111177624B (zh) | 2019-12-24 | 2019-12-24 | 网站前后端通讯方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911344614.0A CN111177624B (zh) | 2019-12-24 | 2019-12-24 | 网站前后端通讯方法、装置、计算机设备和存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111177624A true CN111177624A (zh) | 2020-05-19 |
| CN111177624B CN111177624B (zh) | 2023-11-14 |
Family
ID=70657405
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911344614.0A Active CN111177624B (zh) | 2019-12-24 | 2019-12-24 | 网站前后端通讯方法、装置、计算机设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111177624B (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111625274A (zh) * | 2020-05-26 | 2020-09-04 | 北京达佳互联信息技术有限公司 | 页面依赖确定方法、装置、电子设备和存储介质 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110289141A1 (en) * | 2010-05-20 | 2011-11-24 | Salesforce.Com, Inc. | Methods and systems for providing a user interface in a multi-tenant database environment |
| CN104573066A (zh) * | 2015-01-26 | 2015-04-29 | 中国工商银行股份有限公司 | 页面复用方法及装置 |
| CN107391114A (zh) * | 2017-06-27 | 2017-11-24 | 阿里巴巴集团控股有限公司 | 页面可视化渲染方法及装置 |
| CN108881396A (zh) * | 2018-05-24 | 2018-11-23 | 平安普惠企业管理有限公司 | 网络数据的加载方法、装置、设备和计算机存储介质 |
| CN109614565A (zh) * | 2018-04-04 | 2019-04-12 | 北京京东金融科技控股有限公司 | 网页生成方法与装置 |
| CN110020329A (zh) * | 2017-07-13 | 2019-07-16 | 北京京东尚科信息技术有限公司 | 用于生成网页的方法、装置和系统 |
-
2019
- 2019-12-24 CN CN201911344614.0A patent/CN111177624B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110289141A1 (en) * | 2010-05-20 | 2011-11-24 | Salesforce.Com, Inc. | Methods and systems for providing a user interface in a multi-tenant database environment |
| CN104573066A (zh) * | 2015-01-26 | 2015-04-29 | 中国工商银行股份有限公司 | 页面复用方法及装置 |
| CN107391114A (zh) * | 2017-06-27 | 2017-11-24 | 阿里巴巴集团控股有限公司 | 页面可视化渲染方法及装置 |
| CN110020329A (zh) * | 2017-07-13 | 2019-07-16 | 北京京东尚科信息技术有限公司 | 用于生成网页的方法、装置和系统 |
| CN109614565A (zh) * | 2018-04-04 | 2019-04-12 | 北京京东金融科技控股有限公司 | 网页生成方法与装置 |
| CN108881396A (zh) * | 2018-05-24 | 2018-11-23 | 平安普惠企业管理有限公司 | 网络数据的加载方法、装置、设备和计算机存储介质 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111625274A (zh) * | 2020-05-26 | 2020-09-04 | 北京达佳互联信息技术有限公司 | 页面依赖确定方法、装置、电子设备和存储介质 |
| CN111625274B (zh) * | 2020-05-26 | 2024-04-30 | 北京达佳互联信息技术有限公司 | 页面依赖确定方法、装置、电子设备和存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111177624B (zh) | 2023-11-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108446116B (zh) | 应用程序页面的生成方法、装置、计算机设备和存储介质 | |
| US10212563B2 (en) | Updating web resources | |
| CN107135218B (zh) | 登录态获取、发送方法、凭证配置方法、客户端及服务器 | |
| CN109814854B (zh) | 项目框架生成方法、装置、计算机设备和存储介质 | |
| WO2016177341A1 (zh) | 接口调用方法、装置及终端 | |
| WO2020151333A1 (zh) | 页面加载方法、装置、计算机设备和存储介质 | |
| US9747117B2 (en) | System and methods for loading an application and its modules in a client device | |
| CN107463563B (zh) | 一种浏览器的信息服务处理方法及装置 | |
| JP2016504694A (ja) | ハイブリッドアプリケーションのためのリソース呼び出し | |
| US20140208326A1 (en) | File presenting method and apparatus for a smart terminal | |
| CN111078339A (zh) | 界面元素定位方法、装置、计算机设备和存储介质 | |
| CN108776587B (zh) | 数据获取方法、装置、计算机设备以及存储介质 | |
| CN109522500B (zh) | 网页显示方法、装置、终端和存储介质 | |
| CN112114808A (zh) | 页面渲染方法、装置、电子设备 | |
| CN112685669A (zh) | 一种页面渲染方法以及系统 | |
| CN111309991B (zh) | 查询语句生成方法、装置和数据查询方法、系统 | |
| CN110362341B (zh) | 基于微服务架构的业务管理方法、装置、设备和存储介质 | |
| CN112181423A (zh) | 基于配置文件的项目构建方法、装置、计算机设备及介质 | |
| CN112231379A (zh) | 基于微服务架构的api审计方法、装置、设备及存储介质 | |
| CN109299331B (zh) | Air展现超文本标记语言HTML5页面的方法及装置 | |
| CN109582890A (zh) | 页面加载方法、装置、计算机设备及存储介质 | |
| CN111177624A (zh) | 网站前后端通讯方法、装置、计算机设备和存储介质 | |
| CN111026988A (zh) | 一种页面加载的方法、装置、系统及计算机设备 | |
| CN111901383A (zh) | 数据请求处理方法、装置、计算机设备和存储介质 | |
| WO2022099913A1 (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 |