CN106126249A - 一种在前端实现行为、数据、视图联动的方法及系统 - Google Patents
一种在前端实现行为、数据、视图联动的方法及系统 Download PDFInfo
- Publication number
- CN106126249A CN106126249A CN201610499287.6A CN201610499287A CN106126249A CN 106126249 A CN106126249 A CN 106126249A CN 201610499287 A CN201610499287 A CN 201610499287A CN 106126249 A CN106126249 A CN 106126249A
- Authority
- CN
- China
- Prior art keywords
- view
- data
- model
- script
- page
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
- G06F8/24—Object-oriented
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种在前端实现行为、数据、视图联动的方法及系统，涉及前端开发技术领域。该方法包括：建立数据模型；根据数据模型建立视图模型；当需要展示供用户进行交互操作的首个视图页面时，利用已有的视图脚本对视图模型进行处理，生成视图模型对应的HTML代码，通过生成的HTML代码进行首个视图页面的渲染，展示首个视图页面；用户利用展示的首个视图页面进行交互操作，生成操作数据，通过视图脚本将所述操作数据更新到当前视图对应的数据实例中；将所述操作数据提交给服务器，结束。本发明能使前端达到行为、数据、视图的联动效果，降低了前端代码开发和调试的复杂度，便于扩展和维护。
Description
技术领域
本发明涉及前端开发技术领域，具体来讲是一种在前端实现行为、数据、视图联动的方法及系统。
背景技术
前端对于网站来说，通常是指网站的前台部分，包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML(HyperText Markup Language，超文本标记语言)、CSS(Cascading Style Sheets，层叠样式表)以及JavaScript/ajax。在前端开发领域，越来越多的业务逻辑与数据处理被强行接入。前端从最初处理简单的表单提交与数据交互，变成如今以MVC(Model-View-Controller，模型-视图-控制器)，MVVM(Model-View-ViewModel，模型-视图-视图模型)等规范为主的单页面应用(SPA，Single PageApplication)，对开发人员的要求非常高。
前端从根本意义上来讲，是一种受外部驱动的宿主静态语言。外部驱动包括：用户行为、浏览器行为、服务器行为；宿主为浏览器。前端的整个运行过程主要包括：用户与视图交互，发出浏览器内的请求；根据请求进行数据处理后，重新绘制视图达到用户预期的效果；其中数据处理的过程中可能会与服务器进行交互。
前端的核心的功能是事件管理。如图1所示，目前，前端通用的实现事件管理功能的方案为：事件弹射器(Observer)，事件弹射器对外提供的API(Application ProgrammingInterface，应用编程接口)有：1、新增(增量新增事件)；2、销毁(销毁注册事件)；3、通知(批量执行事件所对应的函数队列)。
事件弹射器在某种程度上确实解决了一些事件管理上的问题，但在真实的前端开发过程中，开发人员可以在多个不同的代码模块进行个性化的事件注册，而事件名称和事件处理没有统一规范，使得代码调试和维护变得非常复杂，维护成本也高，一次视图层的大改版极可能导致整体前端代码的重构，且在执行事件的过程中，一个事件函数出错极可能导致后续的函数无法执行。
发明内容
本发明的目的是为了克服上述背景技术的不足，提供一种在前端实现行为、数据、视图联动的方法及系统，能使前端达到行为、数据、视图的联动效果，降低了前端代码开发和调试的复杂度，便于扩展和维护。
为达到以上目的，本发明提供一种在前端实现行为、数据、视图联动的方法，包括以下步骤：S1：获取用户与服务器之间的交互数据，根据获取的交互数据建立数据模型，所述数据模型包括若干个由数据对象生成的数据实例，每个数据实例对应一条交互数据，每条交互数据对应一个视图，即数据实例与视图对应，转入步骤S2；S2：根据数据模型建立视图模型，转入步骤S3；S3：当需要展示供用户进行交互操作的首个视图页面时，利用已有的视图脚本对视图模型进行处理，生成视图模型对应的HTML代码；通过生成的HTML代码进行首个视图页面的渲染，展示首个视图页面，转入步骤S4；S4：用户利用展示的首个视图页面进行交互操作，生成操作数据；通过视图脚本将所述操作数据更新到当前视图对应的数据实例中，转入步骤S5；S5：将所述操作数据提交给服务器，结束。
在上述技术方案的基础上，每个数据实例中包含数据模型字段、数据模型字段的默认值和数据模型字段的数据处理方式。
在上述技术方案的基础上，步骤S2中所述根据数据模型建立视图模型的具体过程为：将建立的数据模型中各数据实例的数据模型字段依次绑定到视图模型中，从而建立视图模型。
在上述技术方案的基础上，步骤S3具体包括以下操作：
S301：利用已有的视图脚本解析视图模型，找出视图模型中所有与数据模型字段绑定的DOM元素，并给所有的DOM元素加上唯一标识，转入步骤S302；
S302：利用视图脚本收集当前视图模型中DOM元素与数据模型字段的关联关系；同时，利用视图脚本给所有被收集到的DOM元素绑定变更事件，转入步骤S303；
S303：利用视图脚本将视图模型中绑定的数据模型字段更改为数据模型字段的默认值，并转换为HTML代码，同时根据视图模型关联的数据模型生成一个数据实例，转入步骤S304；
S304：将视图脚本解析后的HTML代码插入到网站对应的由开发者预先设定的区块中，并根据生成的数据实例进行首个视图页面的渲染，展示首个视图页面。
在上述技术方案的基础上，步骤S5中，将所述操作数据提交给服务器时，采用实时提交的方式或用户行为触发提交的方式进行提交。
本发明同时还提供一种在前端实现行为、数据、视图联动的系统，包括数据模型建立模块、视图模型建立模块、首视图展示模块、交互更新模块和数据提交模块；所述数据模型建立模块用于：获取用户与服务器之间的交互数据，根据获取的交互数据建立数据模型，所述数据模型包括若干个由数据对象生成的数据实例，每个数据实例对应一条交互数据，每条交互数据对应一个视图，即数据实例与视图对应；所述视图模型建立模块用于：根据数据模型建立视图模型；所述首视图展示模块用于：当需要展示供用户进行交互操作的首个视图页面时，利用已有的视图脚本对视图模型进行处理，生成视图模型对应的HTML代码；通过生成的HTML代码进行首个视图页面的渲染，展示首个视图页面；所述交互更新模块用于：当用户利用展示的首个视图页面进行交互操作，生成操作数据后；通过视图脚本将所述操作数据更新到当前视图对应的数据实例中；所述数据提交模块用于：将用户交互的操作数据提交给服务器。
在上述技术方案的基础上，所述数据模型建立模块建立的数据模型中，每个数据实例中包含数据模型字段、数据模型字段的默认值和数据模型字段的数据处理方式。
在上述技术方案的基础上，所述视图模型建立模块根据数据模型建立视图模型的具体过程为：将建立的数据模型中各数据实例的数据模型字段依次绑定到视图模型中，从而建立视图模型。
在上述技术方案的基础上，所述首视图展示模块展示首个视图页面的具体过程为：利用已有的视图脚本解析视图模型，找出视图模型中所有与数据模型字段绑定的DOM元素，并给所有的DOM元素加上唯一标识；利用视图脚本收集当前视图模型中DOM元素与数据模型字段的关联关系，同时，利用视图脚本给所有被收集到的DOM元素绑定变更事件；利用视图脚本将视图模型中绑定的数据模型字段更改为数据模型字段的默认值，并转换为HTML代码，同时根据视图模型关联的数据模型生成一个数据实例；将视图脚本解析后的HTML代码插入到网站对应的由开发者预先设定的区块中，并根据生成的数据实例进行首个视图页面的渲染，展示首个视图页面。
在上述技术方案的基础上，所述数据提交模块将用户交互的操作数据提交给服务器时，采用实时提交的方式或用户行为触发提交的方式进行提交。
本发明的有益效果在于：
本发明中，能根据获取的用户与服务器之间的交互数据建立数据模型；根据该数据模型能建立视图模型；当需要展示供用户进行交互操作的首个视图页面时，利用已有的视图脚本对所述视图模型进行处理，生成视图模型对应的HTML代码，通过生成的HTML代码进行首个视图页面的渲染，展示首个视图页面；当用户利用展示的首个视图页面进行与网站视图的交互操作并生成操作数据后，能通过视图脚本将所述操作数据更新到当前视图对应的数据实例中；并将该操作数据提交给服务器。整个视图交互过程达到一种行为、数据、视图的联动效果。与现有技术相比，采用本发明的方法使得开发人员仅能对数据模型和视图模型进行修改，交互过程中的数据和视图的更新维护通过数据模型、视图模型及视图脚本自动实现，不但降低了前端代码开发和调试的复杂度，而且便于扩展和维护。
附图说明
图1为背景技术中前端通用的实现事件管理功能的方案示意图；
图2为本发明实施例中在前端实现行为、数据、视图联动的方法的流程图；
图3为本发明实施例中在前端实现行为、数据、视图联动的系统的结构框图。
具体实施方式
下面结合附图及具体实施例对本发明作进一步的详细描述。
参见图1所示，本发明实施例提供一种在前端实现行为、数据、视图联动的方法，包括以下步骤：
步骤S1：获取用户与服务器之间的交互数据，根据获取的交互数据建立数据模型，转入步骤S2。
可以理解的是，所述数据模型包括若干个由数据对象生成的数据实例，每个数据实例对应一条交互数据，每条交互数据对应一个视图(即数据实例与视图对应)。其中，每个数据实例中包含数据模型字段、数据模型字段的默认值和数据模型字段的数据处理方式。
步骤S2：根据数据模型建立视图模型，转入步骤S3。具体来说，根据数据模型建立视图模型的具体过程为：将建立的数据模型中各数据实例的数据模型字段依次绑定到视图模型中，从而建立视图模型。
步骤S3：当需要展示供用户进行交互操作的首个视图页面时，利用已有的视图脚本对视图模型进行处理，生成视图模型对应的HTML代码；通过生成的HTML代码进行首个视图页面的渲染，展示首个视图页面，转入步骤S4。
实际操作时，步骤S3具体包括以下操作：
步骤S301：利用已有的视图脚本解析视图模型，找出视图模型中所有与数据模型字段绑定的DOM(Document Object Model，文档对象模型)元素，并给所有的DOM元素加上唯一标识，其中唯一标识的属性名称为data-id，唯一标识的属性值为客户端当前时间的时间戳，转入步骤S302；
步骤S302：利用视图脚本收集当前视图模型中DOM元素与数据模型字段的关联关系；同时，利用视图脚本给所有被收集到的DOM元素绑定变更事件(原生支持)，转入步骤S303；可以理解的是，关联关系收集完后的结果为：一个数据模型字段对应多个DOM元素唯一标识；
步骤S303：利用视图脚本将视图模型中绑定的数据模型字段更改为数据模型字段的默认值，并转换为HTML代码，同时根据视图模型关联的数据模型生成一个数据实例，转入步骤S304；
步骤S304：将视图脚本解析后的HTML代码插入到网站对应的由开发者预先设定的区块中，并根据生成的数据实例进行首个视图页面的渲染，展示首个视图页面。
步骤S4：用户利用展示的首个视图页面进行与网站视图的交互操作，生成操作数据；通过视图脚本将所述操作数据更新到当前视图对应的数据实例中，转入步骤S5。具体来说，用户在利用展示的首个视图页面进行与网站视图的交互操作生成操作数据的过程，实际是更改DOM元素的属性值的过程，该过程会触发该DOM元素绑定的变更事件，视图脚本会将当前变更的DOM元素的属性值更新到当前视图对应的数据实例中。
步骤S5：将所述操作数据提交给服务器，结束。
可以理解的是，步骤S5中，将所述操作数据提交给服务器时，可采用实时提交的方式或用户行为触发提交的方式进行提交。其中：
实时提交的方式为：一旦生成操作数据(即用户更改了DOM元素的属性值)后，立即将生成的操作数据(即更改的DOM元素的属性值)提交给服务器。该方式在前端开发时，只需要开发者在数据模型中配置数据模型字段的数据处理方式，当用户更改了DOM元素的属性值会触发DOM元素的变更事件，视图脚本在变更事件的逻辑中会默认调用数据模型字段的数据处理方式，以此实现用户数据的实时提交(更新)。
用户行为触发提交的方式为：当用户触发开发者预留的提交入口，提交入口的函数将调用视图脚本中获取视图模板的数据实例，并将数据实例提交给服务器。例如，假设提交入口是“提交按钮”，则用户点击“提交按钮”触发“提交按钮”的函数，该函数将调用视图脚本中获取视图模板的数据实例，并将数据实例提交给服务器。
参见图2所示，本发明实施例还提供一种用于直播网站的直播房间推荐系统。该系统包括数据模型建立模块、视图模型建立模块、首视图展示模块、交互更新模块和数据提交模块。
其中，数据模型建立模块用于：获取用户与服务器之间的交互数据，根据获取的交互数据建立数据模型，所述数据模型包括若干个由数据对象生成的数据实例，每个数据实例对应一条交互数据，每条交互数据对应一个视图，即数据实例与视图对应。
视图模型建立模块用于：根据数据模型建立视图模型。
首视图展示模块用于：当需要展示供用户进行交互操作的首个视图页面时，利用已有的视图脚本对视图模型进行处理，生成视图模型对应的HTML代码；通过生成的HTML代码进行首个视图页面的渲染，展示首个视图页面。
交互更新模块用于：当用户利用展示的首个视图页面进行与网站视图的交互操作，生成操作数据后；通过视图脚本将所述操作数据更新到当前视图对应的数据实例中。
数据提交模块用于：将用户交互的操作数据提交给服务器。
需要说明的是：上述实施例提供的系统在进行操作时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将系统的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。
本发明不局限于上述实施方式，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围之内。
本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
Claims (10)
1.一种在前端实现行为、数据、视图联动的方法，其特征在于，该方法包括以下步骤：
S1：获取用户与服务器之间的交互数据，根据获取的交互数据建立数据模型，所述数据模型包括若干个由数据对象生成的数据实例，每个数据实例对应一条交互数据，每条交互数据对应一个视图，即数据实例与视图对应，转入步骤S2；
S2：根据数据模型建立视图模型，转入步骤S3；
S3：当需要展示供用户进行交互操作的首个视图页面时，利用已有的视图脚本对视图模型进行处理，生成视图模型对应的HTML代码；通过生成的HTML代码进行首个视图页面的渲染，展示首个视图页面，转入步骤S4；
S4：用户利用展示的首个视图页面进行交互操作，生成操作数据；通过视图脚本将所述操作数据更新到当前视图对应的数据实例中，转入步骤S5；
S5：将所述操作数据提交给服务器，结束。
2.如权利要求1所述的在前端实现行为、数据、视图联动的方法，其特征在于：每个数据实例中包含数据模型字段、数据模型字段的默认值和数据模型字段的数据处理方式。
3.如权利要求2所述的在前端实现行为、数据、视图联动的方法，其特征在于：步骤S2中所述根据数据模型建立视图模型的具体过程为：将建立的数据模型中各数据实例的数据模型字段依次绑定到视图模型中，从而建立视图模型。
4.如权利要求3所述的在前端实现行为、数据、视图联动的方法，其特征在于，步骤S3具体包括以下操作：
S301：利用已有的视图脚本解析视图模型，找出视图模型中所有与数据模型字段绑定的DOM元素，并给所有的DOM元素加上唯一标识，转入步骤S302；
S302：利用视图脚本收集当前视图模型中DOM元素与数据模型字段的关联关系；同时，利用视图脚本给所有被收集到的DOM元素绑定变更事件，转入步骤S303；
S303：利用视图脚本将视图模型中绑定的数据模型字段更改为数据模型字段的默认值，并转换为HTML代码，同时根据视图模型关联的数据模型生成一个数据实例，转入步骤S304；
S304：将视图脚本解析后的HTML代码插入到网站对应的由开发者预先设定的区块中，并根据生成的数据实例进行首个视图页面的渲染，展示首个视图页面。
5.如权利要求1所述的在前端实现行为、数据、视图联动的方法，其特征在于：步骤S5中，将所述操作数据提交给服务器时，采用实时提交的方式或用户行为触发提交的方式进行提交。
6.一种在前端实现行为、数据、视图联动的系统，其特征在于：该系统包括数据模型建立模块、视图模型建立模块、首视图展示模块、交互更新模块和数据提交模块；
所述数据模型建立模块用于：获取用户与服务器之间的交互数据，根据获取的交互数据建立数据模型，所述数据模型包括若干个由数据对象生成的数据实例，每个数据实例对应一条交互数据，每条交互数据对应一个视图，即数据实例与视图对应；
所述视图模型建立模块用于：根据数据模型建立视图模型；
所述首视图展示模块用于：当需要展示供用户进行交互操作的首个视图页面时，利用已有的视图脚本对视图模型进行处理，生成视图模型对应的HTML代码；通过生成的HTML代码进行首个视图页面的渲染，展示首个视图页面；
所述交互更新模块用于：当用户利用展示的首个视图页面进行交互操作，生成操作数据后；通过视图脚本将所述操作数据更新到当前视图对应的数据实例中；
所述数据提交模块用于：将用户交互的操作数据提交给服务器。
7.如权利要求6所述的在前端实现行为、数据、视图联动的系统，其特征在于：所述数据模型建立模块建立的数据模型中，每个数据实例中包含数据模型字段、数据模型字段的默认值和数据模型字段的数据处理方式。
8.如权利要求7所述的在前端实现行为、数据、视图联动的系统，其特征在于：所述视图模型建立模块根据数据模型建立视图模型的具体过程为：将建立的数据模型中各数据实例的数据模型字段依次绑定到视图模型中，从而建立视图模型。
9.如权利要求8所述的在前端实现行为、数据、视图联动的系统，其特征在于：所述首视图展示模块展示首个视图页面的具体过程为：利用已有的视图脚本解析视图模型，找出视图模型中所有与数据模型字段绑定的DOM元素，并给所有的DOM元素加上唯一标识；利用视图脚本收集当前视图模型中DOM元素与数据模型字段的关联关系，同时，利用视图脚本给所有被收集到的DOM元素绑定变更事件；利用视图脚本将视图模型中绑定的数据模型字段更改为数据模型字段的默认值，并转换为HTML代码，同时根据视图模型关联的数据模型生成一个数据实例；将视图脚本解析后的HTML代码插入到网站对应的由开发者预先设定的区块中，并根据生成的数据实例进行首个视图页面的渲染，展示首个视图页面。
10.如权利要求6所述的在前端实现行为、数据、视图联动的系统，其特征在于：所述数据提交模块将用户交互的操作数据提交给服务器时，采用实时提交的方式或用户行为触发提交的方式进行提交。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610499287.6A CN106126249B (zh) | 2016-06-29 | 2016-06-29 | 一种在前端实现行为、数据、视图联动的方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610499287.6A CN106126249B (zh) | 2016-06-29 | 2016-06-29 | 一种在前端实现行为、数据、视图联动的方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106126249A true CN106126249A (zh) | 2016-11-16 |
| CN106126249B CN106126249B (zh) | 2019-06-04 |
Family
ID=57285587
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610499287.6A Active CN106126249B (zh) | 2016-06-29 | 2016-06-29 | 一种在前端实现行为、数据、视图联动的方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106126249B (zh) |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107066272A (zh) * | 2017-03-31 | 2017-08-18 | 北京奇艺世纪科技有限公司 | 一种页面更新方法及装置 |
| CN107133041A (zh) * | 2017-05-02 | 2017-09-05 | 武汉斗鱼网络科技有限公司 | 数据通知方法及装置 |
| CN107273114A (zh) * | 2017-05-09 | 2017-10-20 | 武汉票据交易中心有限公司 | 一种mvc管理方法及服务器 |
| CN107301220A (zh) * | 2017-06-16 | 2017-10-27 | 百度在线网络技术（北京）有限公司 | 数据驱动视图的方法、装置、设备及存储介质 |
| CN107800562A (zh) * | 2017-02-16 | 2018-03-13 | 平安科技（深圳）有限公司 | 一种视图文件的路由配置方法和装置 |
| CN108174302A (zh) * | 2016-12-07 | 2018-06-15 | 广州华多网络科技有限公司 | 一种直播应用中活动功能玩法的更新方法及装置 |
| CN109144750A (zh) * | 2018-08-21 | 2019-01-04 | 武汉斗鱼网络科技有限公司 | 一种消息处理方法、装置、电子设备及存储介质 |
| CN109240673A (zh) * | 2018-08-03 | 2019-01-18 | 福建天泉教育科技有限公司 | 一种基于react-native的视图动态加载更新方法及系统 |
| CN109683896A (zh) * | 2018-12-28 | 2019-04-26 | 重庆矢崎仪表有限公司 | 汽车仪表hmi控制方法及系统 |
| CN109783094A (zh) * | 2018-12-15 | 2019-05-21 | 深圳壹账通智能科技有限公司 | 前端页面生成方法、装置、计算机设备及存储介质 |
| CN110413920A (zh) * | 2018-04-25 | 2019-11-05 | 北京京东尚科信息技术有限公司 | 用于生成页面的方法和装置 |
| CN111381862A (zh) * | 2018-12-30 | 2020-07-07 | 贝壳技术有限公司 | 多场景数据适配展示方法、装置、电子设备及存储介质 |
| CN114003228A (zh) * | 2021-11-04 | 2022-02-01 | 腾讯科技（深圳）有限公司 | 界面更新方法、装置、计算机设备以及存储介质 |
| CN114691128A (zh) * | 2020-12-29 | 2022-07-01 | 苏州国双软件有限公司 | 一种前端页面生成方法、装置、电子设备及存储介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1983257A (zh) * | 2006-05-11 | 2007-06-20 | 华为技术有限公司 | 一种通过树型结构展现数据的方法及系统 |
| CN102830973A (zh) * | 2012-08-14 | 2012-12-19 | 无锡哲勤科技有限公司 | 海量数据下Web应用开发双层MVC的方法和分层结构 |
| CN103914307A (zh) * | 2014-04-22 | 2014-07-09 | 浪潮电子信息产业股份有限公司 | 一种基于可复用库的交互界面快速实现方法 |
| CN104731594A (zh) * | 2015-03-26 | 2015-06-24 | 浪潮集团有限公司 | 一种基于Bootstrap显示运行时定制页面的方法 |
| CN105631011A (zh) * | 2015-12-28 | 2016-06-01 | 上海瀚之友信息技术服务有限公司 | 一种网页视图交互处理方法及系统 |
-
2016
- 2016-06-29 CN CN201610499287.6A patent/CN106126249B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1983257A (zh) * | 2006-05-11 | 2007-06-20 | 华为技术有限公司 | 一种通过树型结构展现数据的方法及系统 |
| CN102830973A (zh) * | 2012-08-14 | 2012-12-19 | 无锡哲勤科技有限公司 | 海量数据下Web应用开发双层MVC的方法和分层结构 |
| CN103914307A (zh) * | 2014-04-22 | 2014-07-09 | 浪潮电子信息产业股份有限公司 | 一种基于可复用库的交互界面快速实现方法 |
| CN104731594A (zh) * | 2015-03-26 | 2015-06-24 | 浪潮集团有限公司 | 一种基于Bootstrap显示运行时定制页面的方法 |
| CN105631011A (zh) * | 2015-12-28 | 2016-06-01 | 上海瀚之友信息技术服务有限公司 | 一种网页视图交互处理方法及系统 |
Cited By (23)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108174302B (zh) * | 2016-12-07 | 2020-10-30 | 广州华多网络科技有限公司 | 一种直播应用中活动功能玩法的更新方法及装置 |
| CN108174302A (zh) * | 2016-12-07 | 2018-06-15 | 广州华多网络科技有限公司 | 一种直播应用中活动功能玩法的更新方法及装置 |
| US10887171B2 (en) | 2017-02-16 | 2021-01-05 | Ping An Technology (Shenzhen) Co., Ltd. | Routing configuration method of view files, storage medium, terminal device and apparatus |
| CN107800562A (zh) * | 2017-02-16 | 2018-03-13 | 平安科技（深圳）有限公司 | 一种视图文件的路由配置方法和装置 |
| WO2018149395A1 (zh) * | 2017-02-16 | 2018-08-23 | 平安科技（深圳）有限公司 | 视图文件的路由配置方法、存储介质、终端设备及装置 |
| CN107800562B (zh) * | 2017-02-16 | 2019-03-01 | 平安科技（深圳）有限公司 | 一种视图文件的路由配置方法和装置 |
| CN107066272A (zh) * | 2017-03-31 | 2017-08-18 | 北京奇艺世纪科技有限公司 | 一种页面更新方法及装置 |
| CN107066272B (zh) * | 2017-03-31 | 2020-10-20 | 北京奇艺世纪科技有限公司 | 一种页面更新方法及装置 |
| CN107133041A (zh) * | 2017-05-02 | 2017-09-05 | 武汉斗鱼网络科技有限公司 | 数据通知方法及装置 |
| CN107273114A (zh) * | 2017-05-09 | 2017-10-20 | 武汉票据交易中心有限公司 | 一种mvc管理方法及服务器 |
| CN107301220B (zh) * | 2017-06-16 | 2020-12-11 | 百度在线网络技术（北京）有限公司 | 数据驱动视图的方法、装置、设备及存储介质 |
| CN107301220A (zh) * | 2017-06-16 | 2017-10-27 | 百度在线网络技术（北京）有限公司 | 数据驱动视图的方法、装置、设备及存储介质 |
| CN110413920A (zh) * | 2018-04-25 | 2019-11-05 | 北京京东尚科信息技术有限公司 | 用于生成页面的方法和装置 |
| CN109240673A (zh) * | 2018-08-03 | 2019-01-18 | 福建天泉教育科技有限公司 | 一种基于react-native的视图动态加载更新方法及系统 |
| CN109240673B (zh) * | 2018-08-03 | 2021-11-05 | 福建天泉教育科技有限公司 | 一种基于react-native的视图动态加载更新方法及系统 |
| CN109144750A (zh) * | 2018-08-21 | 2019-01-04 | 武汉斗鱼网络科技有限公司 | 一种消息处理方法、装置、电子设备及存储介质 |
| CN109783094A (zh) * | 2018-12-15 | 2019-05-21 | 深圳壹账通智能科技有限公司 | 前端页面生成方法、装置、计算机设备及存储介质 |
| CN109683896A (zh) * | 2018-12-28 | 2019-04-26 | 重庆矢崎仪表有限公司 | 汽车仪表hmi控制方法及系统 |
| CN111381862A (zh) * | 2018-12-30 | 2020-07-07 | 贝壳技术有限公司 | 多场景数据适配展示方法、装置、电子设备及存储介质 |
| CN111381862B (zh) * | 2018-12-30 | 2023-06-16 | 贝壳技术有限公司 | 多场景数据适配展示方法、装置、电子设备及存储介质 |
| CN114691128A (zh) * | 2020-12-29 | 2022-07-01 | 苏州国双软件有限公司 | 一种前端页面生成方法、装置、电子设备及存储介质 |
| CN114003228B (zh) * | 2021-11-04 | 2023-07-21 | 腾讯科技（深圳）有限公司 | 界面更新方法、装置、计算机设备以及存储介质 |
| CN114003228A (zh) * | 2021-11-04 | 2022-02-01 | 腾讯科技（深圳）有限公司 | 界面更新方法、装置、计算机设备以及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN106126249B (zh) | 2019-06-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106126249A (zh) | 一种在前端实现行为、数据、视图联动的方法及系统 | |
| CN105630939B (zh) | 一种通用画布输入接口设计方法及装置 | |
| US9384503B2 (en) | Terminal apparatus, advertisement display control apparatus, and advertisement display method | |
| CN104035753B (zh) | 一种双WebView展示定制页面的方法及系统 | |
| CN107992301A (zh) | 用户界面实现方法、客户端及存储介质 | |
| US20120290951A1 (en) | Content sharing system | |
| Nebeling et al. | CrowdAdapt: enabling crowdsourced web page adaptation for individual viewing conditions and preferences | |
| CN103425794B (zh) | 基于双WebView的网页预览方法和装置 | |
| DE112011105933T5 (de) | Verfahren und Vorrichtungen zum dynamischen Anpassen einer virtuellen Tastatur | |
| CN103729285A (zh) | 一种网页测试方法、设备及系统 | |
| CN102939583A (zh) | 创建任务会话 | |
| CN103761317A (zh) | 一种多线程异步渲染系统及方法 | |
| US20120287020A1 (en) | Information processing apparatus, information processing method, and computer program | |
| CN107908793A (zh) | 网页弹窗的方法及系统 | |
| CN110119489A (zh) | 信息自动登记方法、装置、计算机设备及存储介质 | |
| WO2011029252A1 (zh) | 一种基于数据定义的web页面快速生成方法及装置 | |
| CN104182430A (zh) | 文本信息中的图片显示方法及装置 | |
| CN103942202B (zh) | 网页文本域高度自适应缩放方法及装置 | |
| CN108932413A (zh) | 一种数字签名生成方法、装置及存储介质 | |
| CN109634579A (zh) | 代码生成方法、装置、计算机装置及存储介质 | |
| CN102637194B (zh) | BHO中对Web页面元素后绑定事件的触发方法 | |
| CN106325703A (zh) | 网页人机界面控制设备及其运行方法 | |
| CN102902774A (zh) | 页面展现系统和页面展现方法 | |
| CN103677819B (zh) | 基于osgi的代码正向工程的实现方法和实现装置 | |
| WO2016034067A1 (zh) | 网页处理方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230407 Address after: 361000 3F-B003, Zone C, Innovation Building, Software Park, Xiamen Torch High tech Zone, Xiamen, Fujian Province Patentee after: Xiamen Zhonglian Century Co.,Ltd. Address before: 510000 2414-2416 of the main building 371, five mountain road, Tianhe District, Guangzhou, Guangdong. Patentee before: GUANGDONG GAOHANG INTELLECTUAL PROPERTY OPERATION Co.,Ltd. Effective date of registration: 20230407 Address after: 510000 2414-2416 of the main building 371, five mountain road, Tianhe District, Guangzhou, Guangdong. Patentee after: GUANGDONG GAOHANG INTELLECTUAL PROPERTY OPERATION Co.,Ltd. Address before: 430000 East Lake Development Zone, Wuhan City, Hubei Province, No. 1 Software Park East Road 4.1 Phase B1 Building 11 Building Patentee before: WUHAN DOUYU NETWORK TECHNOLOGY Co.,Ltd. |
|
| TR01 | Transfer of patent right |