CN110532494A - B/s应用的用户个性化配置方法、系统、及计算机设备 - Google Patents

B/s应用的用户个性化配置方法、系统、及计算机设备 Download PDF

Info

Publication number
CN110532494A
CN110532494A CN201910810217.1A CN201910810217A CN110532494A CN 110532494 A CN110532494 A CN 110532494A CN 201910810217 A CN201910810217 A CN 201910810217A CN 110532494 A CN110532494 A CN 110532494A
Authority
CN
China
Prior art keywords
configuration information
page
information
sent
control
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
Application number
CN201910810217.1A
Other languages
English (en)
Other versions
CN110532494B (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 Qianhai Huanlianyi Information Technology Service Co Ltd
Original Assignee
Shenzhen Qianhai Huanlianyi Information Technology Service 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 Qianhai Huanlianyi Information Technology Service Co Ltd filed Critical Shenzhen Qianhai Huanlianyi Information Technology Service Co Ltd
Priority to CN201910810217.1A priority Critical patent/CN110532494B/zh
Publication of CN110532494A publication Critical patent/CN110532494A/zh
Application granted granted Critical
Publication of CN110532494B publication Critical patent/CN110532494B/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/953—Querying, e.g. by the use of web search engines
    • G06F16/9535—Search customisation based on user profiles and personalisation
    • 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
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/50—Network services
    • H04L67/55—Push-based network services

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了B/S应用的用户个性化配置方法、系统、计算机设备及存储介质。该方法包括若所接收的账户信息通过验证，发送与所述账户信息对应的http请求至服务器端；接收由服务器端发送的与所述http请求对应的配置信息；其中，所述配置信息包括控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息；将所述配置信息发送至Vue构造器；将所述配置信息通过初始页面的浏览器驱动进行初始化，得到与所述配置信息对应的页面。本发明实施例根据用户自由设置的且存储在服务器端的配置信息来渲染初始页面的局部区域，用户登陆的与账户信息对应的页面，实现了有针对性的对客户推送相应的个性化页面。

Description

B/S应用的用户个性化配置方法、系统、及计算机设备
技术领域
本发明涉及功能测试技术领域，尤其涉及一种B/S应用的用户个性化配置方法、系统、计算机设备及存储介质。
背景技术
目前，单页面应用(SinglePage Web Application，简记为SPA)在PC端官网，如视频类网站、购物等网站得到了广泛应用。单页面应用是只有一张Web页面的应用，是一种从Web服务器加载的客户端，单页面跳转仅刷新局部资源，公共资源(js、css等)仅需加载一次。
单页面应用就是一种典型的B/S结构的应用(B/即S浏览器/服务器模式，是Web兴起后的一种网络结构模式，Web浏览器是客户端最主要的应用软件)。在B/S结构的应用中因为运行于浏览器环境，数据状态难以在用户端持久保存，这就导致用户在某一B/S结构的应用中登录用户账号后，登陆的是该B/S结构的应用统一的页面，无法有针对性的对客户推送相应的个性化页面。
发明内容
本发明实施例提供了一种B/S应用的用户个性化配置方法、系统、计算机设备及存储介质，旨在解决现有技术中B/S结构的应用中登录用户账号后，登陆的是该B/S结构的应用统一的页面，无法有针对性的对客户推送相应的个性化页面的问题。
第一方面，本发明实施例提供了一种B/S应用的用户个性化配置方法，应用于浏览器端，其包括：
若所接收的账户信息通过验证，发送与所述账户信息对应的http请求至服务器端；
接收由服务器端发送的与所述http请求对应的配置信息；其中，所述配置信息包括控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息；
将所述配置信息发送至Vue构造器；
将所述配置信息通过初始页面的浏览器驱动进行初始化，得到与所述配置信息对应的页面。
第二方面，本发明实施例还提供了一种B/S应用的用户个性化配置方法，应用于服务器端，其包括：
若所接收的账户信息通过验证，接收http请求，解析所述http请求中对应的目标配置信息名称；
根据所述目标配置信息名称获取对应的顶级容器；其中，所述顶级容器为JFrame容器；
将所述顶级容器中存储的配置信息发送至与所述http请求对应的浏览器端。
第三方面，本发明实施例提供了一种B/S应用的用户个性化配置系统，其包括：服务器端以及至少一浏览器端，所述浏览器端用于执行第一方面所述的B/S应用的用户个性化配置方法，所述服务器端用于执行第二方面所述的B/S应用的用户个性化配置方法。
第四方面，本发明实施例又提供了一种计算机设备，其包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面或上述第二方面所述的B/S应用的用户个性化配置方法。
第五方面，本发明实施例还提供了一种计算机可读存储介质，其中所述计算机可读存储介质存储有计算机程序，所述计算机程序当被处理器执行时使所述处理器执行上述第一方面或上述第二方面所述的B/S应用的用户个性化配置方法。
本发明实施例提供了一种B/S应用的用户个性化配置方法、系统、计算机设备及存储介质，包括若所接收的账户信息通过验证，发送与所述账户信息对应的http请求至服务器端；接收由服务器端发送的与所述http请求对应的配置信息；其中，所述配置信息包括控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息；将所述配置信息发送至Vue构造器；将所述配置信息通过初始页面的浏览器驱动进行初始化，得到与所述配置信息对应的页面。本发明实施例根据用户自由设置的且存储在服务器端的配置信息来渲染初始页面的局部区域，用户登陆的与账户信息对应的页面，实现了有针对性的对客户推送相应的个性化页面。
附图说明
为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的B/S应用的用户个性化配置方法的应用场景示意图；
图2为本发明实施例提供的B/S应用的用户个性化配置方法的流程示意图；
图3为本发明实施例提供的B/S应用的用户个性化配置方法的另一流程示意图；
图4为本发明实施例提供的B/S应用的用户个性化配置方法的另一流程示意图；
图5为本发明实施例提供的B/S应用的用户个性化配置方法的子流程示意图；
图6为本发明另一实施例提供的B/S应用的用户个性化配置方法的流程示意图；
图7为本发明实施例提供的B/S应用的用户个性化配置系统的示意性框图；
图8为本发明实施例提供的B/S应用的用户个性化配置系统的另一示意性框图；
图9为本发明实施例提供的B/S应用的用户个性化配置系统的另一示意性框图；
图10为本发明实施例提供的B/S应用的用户个性化配置系统的子单元示意性框图；
图11为本发明实施例提供的计算机设备的示意性框图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解，在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当进一步理解，在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
请参阅图1和图2，图1为本发明实施例提供的B/S应用的用户个性化配置方法的应用场景示意图；图2为本发明实施例提供的B/S应用的用户个性化配置方法的流程示意图，该B/S应用的用户个性化配置方法应用于浏览器端中。
如图2所示，该方法包括步骤S110～S140。
S110、若所接收的账户信息通过验证，发送与所述账户信息对应的http请求至服务器端。
在本实施例中，为了更清楚的理解本申请的技术方案，下面对所涉及的终端进行介绍。本申请是在分别在服务器端和浏览器端的角度描述技术方案。此时先在浏览器端的角度描述技术方案。
一是浏览器端，用户可以浏览器端直接打开本地的B/S架构的应用(如单页面应用)后，此时浏览器端首先显示的应用的初始页面。用户可以在应用的初始页面上输入账户信息以进行用户登录。完成登录后，接收由服务器端发送的与账户信息对应的配置信息，在初始页面中根据所述配置信息进行初始化渲染，得到与所述配置信息对应的页面。
二是服务器端，当服务器端接收到了浏览器端所发送的与所述账户信息对应的http请求，根据http请求在服务器端中的顶级容器中搜索对应的配置信息，将所述配置信息发送至与http请求对应的服务器端进行渲染，得到与所述配置信息对应的页面。
即当浏览器端接收了用户录入的账户信息并发送至服务器端进行后台验证并验证通过时，此时浏览器端向服务器端发送与所述账户信息对应的http请求，以通过所述http请求获取与用户的账户信息对应的配置信息。
在一实施例中，如图3所示，步骤S110之前还包括：
S101、若所接收的账户信息通过验证，接收所设置的配置信息；
S102、将所述配置信息发送至服务器端中的顶级容器进行存储；其中，所述顶级容器为JFrame容器。
在本实施中，当用户通过浏览器端初次注册并登录本地的B/S架构的应用时，用户在浏览器端进入登录默认页面后，可以对页面上的各控件进行重新编辑。例如浏览器端对应一个视频网站界面，主界面上从上至下有热门短视频板块、电影板块、电视剧板块、综艺板块、动漫板块，这些板块的排布均是服务器端所统一设置的模板配置信息并发送至各浏览器端生成。也即任何用户使用浏览器端与该服务器端连接，所得到的模板配置信息均是相同，也就是登录了与服务器端对应的统一页面。
由于各用户对页面排布的喜好程度各不相同，例如用户A期望综艺板块排布在页面的最上端，用户B则期望电影板块排布在页面的最上端等，通过与服务器端对应的统一页面是无法实现上述功能。此时为了实现了有针对性的对客户推送相应的个性化页面，用户可以在初次登陆，或者是任意一次登陆并选择触发页面编辑指令时，均可进入页面的编辑界面，此时用户可以任意设置页面中各控件(如综艺板块即可视为一个控件，该控件视为一个容器，容器中可以增加图片或按钮等内容)的排布位置，完成设置后即得到本次编辑所对应的配置信息，该配置信息由浏览器端发送至服务器端中的顶级容器进行存储。
为了保存与各用户分别对应的配置信息，可以在服务器端创建与各账户信息分别对应的顶级容器，也即服务器端中顶级容器的总个数与账户信息的总个数相同，每一顶级容器中存储同一账户信息对应的一个或多个版本的配置信息。具体所采用的顶级容器为JFrame容器(顶级容器也可以理解为顶层容器)，JFrame容器是Java中javax.swing.JFrame的类，可以垂直划分为多层，将配置信息存储在顶层容器中便于准确保存且不易出错。
S120、接收由服务器端发送的与所述http请求对应的配置信息；其中，所述配置信息包括控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息。
在本实施例中，当浏览器端接收了由服务器端所发送配置信息后，将所述配置信息先存储在浏览器端的本地，以根据所述配置信息渲染界面。
具体的，所述配置信息包括控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息。例如，配置信息中包括3个控件名称，分别为电影板块、电视剧板块、综艺板块，上述3个控件每一个控件均可以视为一个容器，每一容器中可以增加按钮、图片等元素，而且每一控件在页面上的显示位置由控件中心点坐标、控件尺寸共同确定，而且该控件所实现的具体功能由控件对应的功能信息来实现(例如该控件可以实现点击海报图片实现对应视频的播放)。通过上述配置信息，即可实现对页面的个性化配置。
S130、将所述配置信息发送至Vue构造器。
在本实施例中，当浏览器端接收了所述配置信息后，由浏览器端中的Vue构造器接收所述配置信息进行缓存。本申请中的浏览器端采用MVVM构架，其中MVVM是Model-View-ViewModel的简写，其本质上就是MVC(MVC全称是Model View Controller，MVC是模型－视图－控制器的缩写，它用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑)的改进版。MVVM就是将其中的View的状态和行为抽象化，以将视图和业务逻辑分开。其中，通过ViewModel取出Model的数据，同时帮忙处理View中由于需要展示内容而涉及的业务逻辑，其中Vue构造器是一种常见的ViewModel类。
所述配置信息先是存储在浏览器端的MVVM构架中的Model(即模型)中，由Vue构造器获取Model中的所述配置信息，以发送所述配置信息至View(即视图)中进行局部渲染而得到对应的页面。
S140、将所述配置信息通过初始页面的浏览器驱动进行初始化，得到与所述配置信息对应的页面。
在本实施例中，当Vue构造器获取Model中的所述配置信息后，将所述配置信息后发送至View中，由View中的浏览器驱动根据所述配置信息进行初始化，从而得到与所述配置信息对应的页面。由于各配置信息可以对应不同的页面，故实现了有针对性的对客户推送相应的个性化页面。
在一实施例中，如图4所示，步骤S140之后还包括：
S150、若在所述页面中检测到页面配置指令，接收与所述页面配置指令对应的当前配置信息；
S160、将所述当前配置信息发送至服务器端以进行存储。
在本实施例中，当用户根据账户信息登录之后，还可以点击编辑页面按钮以触发页面配置指令。当用户此次完成页面编辑后，即可得到与所述页面配置指令对应的当前配置信息。此时浏览器端将所述当前配置信息发送至服务器端对应的顶级容器进行存储。通过这一方式，可以根据用户的当前实际需求任意调整页面布局，实现了个性化设置页面。
在一实施例中，步骤S150之后还包括：
将所述当前配置信息发送至Vue构造器中的state变量进行存储。
在本实施例中，所述配置信息在Vue构造器中进行缓存时，是在所述Vue构造器中的state变量进行存储。通过这一缓存，能确保此次登录时浏览器端的页面时刻都可以从所述Vue构造器中提取配置信息以保证稳定登录。
在一实施例中，如图5所示，步骤S140包括：
S141、获取所述配置信息中的控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息；
S142、根据所述控件中心点坐标定位各控件在浏览器端的页面中对应的目标位置，以组成目标区域；
S143、由所述Vue构造器将所述配置信息发送至初始页面，通过初始页面的浏览器驱动所述配置信息在所述目标区域进行初始化，得到与所述配置信息对应的页面。
在本实施例中，在所述Vue构造器中即可先获取所述配置信息中的控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息，通过上述解析过程即可定位各控件在浏览器端的页面中对应的目标位置，以组成目标区域。最后将各控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息发送至初始页面，由初始页面的浏览器驱动在初始页面的目标区域进行配置信息的初始化，即可得到与所述配置信息对应的页面，从而显示该页面。
请参阅图1和图6，其中图6为本发明实施例提供的B/S应用的用户个性化配置方法的流程示意图，该B/S应用的用户个性化配置方法应用于服务器端中。
如图6所示，该方法包括步骤S210～S230。
S210、若所接收的账户信息通过验证，接收http请求，解析所述http请求中对应的目标配置信息名称。
在本实施例中，当浏览器端发送至服务器端的账户信息在服务器端验证通过时，服务器端接收与所述账户信息相对应的http请求，解析得到与所述http请求中对应的目标配置信息名称。通过对http请求进行解析，即可准确获知需访问哪一顶级容器以获取配置信息。
S220、根据所述目标配置信息名称获取对应的顶级容器；其中，所述顶级容器为JFrame容器。
在本实施例中，当完成了对http请求进行解析，获知了访问哪一顶级容器以获取配置信息后，在服务器端根据所述目标配置信息名称获取对应的顶级容器以对应获取与所述账户信息对应的配置信息。
S230、将所述顶级容器中存储的配置信息发送至与所述http请求对应的浏览器端。
在本实施例中，当服务器端完成了对配置信息的搜索和获取之后，将所述顶级容器中存储的配置信息发送至与所述http请求对应的浏览器端进行渲染和显示。
在一实施例中，步骤S230之后还包括：
若检测接收到浏览器端发送的当前配置信息，获取与所述当前配置信息对应的账户信息及所述账户信息对应的目标顶级容器；其中，所述目标顶级容器为JFrame容器；
将所述当前配置信息存储至目标顶级容器中。
在本实施例中，当用户根据账户信息登录之后，还可以点击编辑页面按钮以触发页面配置指令。当用户此次完成页面编辑后，即可得到与所述页面配置指令对应的当前配置信息。此时浏览器端将所述当前配置信息发送至服务器端对应的顶级容器进行存储。通过这一方式，可以根据用户的当前实际需求任意调整页面布局，实现了个性化设置页面。
该方法根据用户自由设置的且存储在服务器端的配置信息来渲染初始页面的局部区域，用户登陆的与账户信息对应的页面，实现了有针对性的对客户推送相应的个性化页面。
本发明实施例还提供一种B/S应用的用户个性化配置系统，该B/S应用的用户个性化配置系统用于执行前述B/S应用的用户个性化配置方法的任一实施例。具体地，请参阅图7，图7是本发明实施例提供的B/S应用的用户个性化配置系统的示意性框图。该B/S应用的用户个性化配置系统10包括服务器端200以及至少一浏览器端100。
如图7所示，浏览器端100包括请求发送单元110、配置信息接收单元120、缓存单元130、渲染单元140。
请求发送单元110，用于若所接收的账户信息通过验证，发送与所述账户信息对应的http请求至服务器端。
在本实施例中，当浏览器端接收了用户录入的账户信息并发送至服务器端进行后台验证并验证通过时，此时浏览器端向服务器端发送与所述账户信息对应的http请求，以通过所述http请求获取与用户的账户信息对应的配置信息。
在一实施例中，如图8所示，浏览器端100还包括：
配置信息设置单元101，用于若所接收的账户信息通过验证，接收所设置的配置信息；
第一配置信息发送单元102，用于将所述配置信息发送至服务器端中的顶级容器进行存储；其中，所述顶级容器为JFrame容器。
在本实施中，当用户通过浏览器端初次注册并登录本地的B/S架构的应用时，用户在浏览器端进入登录默认页面后，可以对页面上的各控件进行重新编辑。例如浏览器端对应一个视频网站界面，主界面上从上至下有热门短视频板块、电影板块、电视剧板块、综艺板块、动漫板块，这些板块的排布均是服务器端所统一设置的模板配置信息并发送至各浏览器端生成。也即任何用户使用浏览器端与该服务器端连接，所得到的模板配置信息均是相同，也就是登录了与服务器端对应的统一页面。
由于各用户对页面排布的喜好程度各不相同，例如用户A期望综艺板块排布在页面的最上端，用户B则期望电影板块排布在页面的最上端等，通过与服务器端对应的统一页面是无法实现上述功能。此时为了实现了有针对性的对客户推送相应的个性化页面，用户可以在初次登陆，或者是任意一次登陆并选择触发页面编辑指令时，均可进入页面的编辑界面，此时用户可以任意设置页面中各控件(如综艺板块即可视为一个控件，该控件视为一个容器，容器中可以增加图片或按钮等内容)的排布位置，完成设置后即得到本次编辑所对应的配置信息，该配置信息由浏览器端发送至服务器端中的顶级容器进行存储。
为了保存与各用户分别对应的配置信息，可以在服务器端创建与各账户信息分别对应的顶级容器，也即服务器端中顶级容器的总个数与账户信息的总个数相同，每一顶级容器中存储同一账户信息对应的一个或多个版本的配置信息。具体所采用的顶级容器为JFrame容器(顶级容器也可以理解为顶层容器)，JFrame容器是Java中javax.swing.JFrame的类，可以垂直划分为多层，将配置信息存储在顶层容器中便于准确保存且不易出错。
配置信息接收单元120，用于接收由服务器端发送的与所述http请求对应的配置信息；其中，所述配置信息包括控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息。
在本实施例中，当浏览器端接收了由服务器端所发送配置信息后，将所述配置信息先存储在浏览器端的本地，以根据所述配置信息渲染界面。
具体的，所述配置信息包括控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息。例如，配置信息中包括3个控件名称，分别为电影板块、电视剧板块、综艺板块，上述3个控件每一个控件均可以视为一个容器，每一容器中可以增加按钮、图片等元素，而且每一控件在页面上的显示位置由控件中心点坐标、控件尺寸共同确定，而且该控件所实现的具体功能由控件对应的功能信息来实现(例如该控件可以实现点击海报图片实现对应视频的播放)。通过上述配置信息，即可实现对页面的个性化配置。
缓存单元130，用于将所述配置信息发送至Vue构造器。
在本实施例中，当浏览器端接收了所述配置信息后，由浏览器端中的Vue构造器接收所述配置信息进行缓存。本申请中的浏览器端采用MVVM构架，其中MVVM是Model-View-ViewModel的简写，其本质上就是MVC(MVC全称是Model View Controller，MVC是模型－视图－控制器的缩写，它用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑)的改进版。MVVM就是将其中的View的状态和行为抽象化，以将视图和业务逻辑分开。其中，通过ViewModel取出Model的数据，同时帮忙处理View中由于需要展示内容而涉及的业务逻辑，其中Vue构造器是一种常见的ViewModel类。
所述配置信息先是存储在浏览器端的MVVM构架中的Model(即模型)中，由Vue构造器获取Model中的所述配置信息，以发送所述配置信息至View(即视图)中进行局部渲染而得到对应的页面。
渲染单元140，用于将所述配置信息通过初始页面的浏览器驱动进行初始化，得到与所述配置信息对应的页面。
在本实施例中，当Vue构造器获取Model中的所述配置信息后，将所述配置信息后发送至View中，由View中的浏览器驱动根据所述配置信息进行初始化，从而得到与所述配置信息对应的页面。由于各配置信息可以对应不同的页面，故实现了有针对性的对客户推送相应的个性化页面。
在一实施例中，如图9所示，浏览器端100还包括：
配置编辑单元150，用于若在所述页面中检测到页面配置指令，接收与所述页面配置指令对应的当前配置信息；
第二配置信息发送单元160，用于将所述当前配置信息发送至服务器端以进行存储。
在本实施例中，当用户根据账户信息登录之后，还可以点击编辑页面按钮以触发页面配置指令。当用户此次完成页面编辑后，即可得到与所述页面配置指令对应的当前配置信息。此时浏览器端将所述当前配置信息发送至服务器端对应的顶级容器进行存储。通过这一方式，可以根据用户的当前实际需求任意调整页面布局，实现了个性化设置页面。
在一实施例中，浏览器端100还包括：
state变量缓存单元，用于将所述当前配置信息发送至Vue构造器中的state变量进行存储。
在本实施例中，所述配置信息在Vue构造器中进行缓存时，是在所述Vue构造器中的state变量进行存储。通过这一缓存，能确保此次登录时浏览器端的页面时刻都可以从所述Vue构造器中提取配置信息以保证稳定登录。
在一实施例中，如图10所示，渲染单元140包括：
控件信息获取单元141，用于获取所述配置信息中的控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息；
目标区域获取单元142，用于根据所述控件中心点坐标定位各控件在浏览器端的页面中对应的目标位置，以组成目标区域；
页面初始化单元143，用于由所述Vue构造器将所述配置信息发送至初始页面，通过初始页面的浏览器驱动所述配置信息在所述目标区域进行初始化，得到与所述配置信息对应的页面。
在本实施例中，在所述Vue构造器中即可先获取所述配置信息中的控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息，通过上述解析过程即可定位各控件在浏览器端的页面中对应的目标位置，以组成目标区域。最后将各控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息发送至初始页面，由初始页面的浏览器驱动在初始页面的目标区域进行配置信息的初始化，即可得到与所述配置信息对应的页面，从而显示该页面。
如图7所示，服务器端200包括请求解析单元210、顶级容器定位单元220、第三配置信息发送单元230。
请求解析单元210，用于若所接收的账户信息通过验证，接收http请求，解析所述http请求中对应的目标配置信息名称。
在本实施例中，当浏览器端发送至服务器端的账户信息在服务器端验证通过时，服务器端接收与所述账户信息相对应的http请求，解析得到与所述http请求中对应的目标配置信息名称。通过对http请求进行解析，即可准确获知需访问哪一顶级容器以获取配置信息。
顶级容器定位单元220，用于根据所述目标配置信息名称获取对应的顶级容器；其中，所述顶级容器为JFrame容器。
在本实施例中，当完成了对http请求进行解析，获知了访问哪一顶级容器以获取配置信息后，在服务器端根据所述目标配置信息名称获取对应的顶级容器以对应获取与所述账户信息对应的配置信息。
第三配置信息发送单元230，用于将所述顶级容器中存储的配置信息发送至与所述http请求对应的浏览器端。
在本实施例中，当服务器端完成了对配置信息的搜索和获取之后，将所述顶级容器中存储的配置信息发送至与所述http请求对应的浏览器端进行渲染和显示。
在一实施例中，服务器端200还包括：
目标顶级容器定位单元，用于若检测接收到浏览器端发送的当前配置信息，获取与所述当前配置信息对应的账户信息及所述账户信息对应的目标顶级容器；其中，所述目标顶级容器为JFrame容器；
配置信息更新单元，用于将所述当前配置信息存储至目标顶级容器中。
在本实施例中，当用户根据账户信息登录之后，还可以点击编辑页面按钮以触发页面配置指令。当用户此次完成页面编辑后，即可得到与所述页面配置指令对应的当前配置信息。此时浏览器端将所述当前配置信息发送至服务器端对应的顶级容器进行存储。通过这一方式，可以根据用户的当前实际需求任意调整页面布局，实现了个性化设置页面。
该装置根据用户自由设置的且存储在服务器端的配置信息来渲染初始页面的局部区域，用户登陆的与账户信息对应的页面，实现了有针对性的对客户推送相应的个性化页面。
上述B/S应用的用户个性化配置系统可以实现为计算机程序的形式，该计算机程序可以在如图11所示的计算机设备上运行。
请参阅图11，图11是本发明实施例提供的计算机设备的示意性框图。该计算机设备500是服务器端或浏览器端，服务器端可以是独立的服务器，也可以是多个服务器组成的服务器集群，浏览器端可以是智能手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等具有通信功能的电子设备。
参阅图11，该计算机设备500包括通过系统总线501连接的处理器502、存储器和网络接口505，其中，存储器可以包括非易失性存储介质503和内存储器504。
该非易失性存储介质503可存储操作系统5031和计算机程序5032。该计算机程序5032被执行时，可使得处理器502执行B/S应用的用户个性化配置方法。
该处理器502用于提供计算和控制能力，支撑整个计算机设备500的运行。
该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境，该计算机程序5032被处理器502执行时，可使得处理器502执行B/S应用的用户个性化配置方法。
该网络接口505用于进行网络通信，如提供数据信息的传输等。本领域技术人员可以理解，图11中示出的结构，仅仅是与本发明方案相关的部分结构的框图，并不构成对本发明方案所应用于其上的计算机设备500的限定，具体的计算机设备500可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
其中，所述处理器502用于运行存储在存储器中的计算机程序5032，以实现本发明实施例公开的B/S应用的用户个性化配置方法。
本领域技术人员可以理解，图11中示出的计算机设备的实施例并不构成对计算机设备具体构成的限定，在其他实施例中，计算机设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。例如，在一些实施例中，计算机设备可以仅包括存储器及处理器，在这样的实施例中，存储器及处理器的结构及功能与图11所示实施例一致，在此不再赘述。
应当理解，在本发明实施例中，处理器502可以是中央处理单元(CentralProcessing Unit，CPU)，该处理器502还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
在本发明的另一实施例中提供计算机可读存储介质。该计算机可读存储介质可以为非易失性的计算机可读存储介质。该计算机可读存储介质存储有计算机程序，其中计算机程序被处理器执行时实现本发明实施例公开的B/S应用的用户个性化配置方法。
所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述的设备、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
在本发明所提供的几个实施例中，应该理解到，所揭露的设备、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为逻辑功能划分，实际实现时可以有另外的划分方式，也可以将具有相同功能的单元集合成一个单元，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口、装置或单元的间接耦合或通信连接，也可以是电的，机械的或其它的形式连接。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本发明实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以是两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种B/S应用的用户个性化配置方法，应用于浏览器端，其特征在于，包括：
若所接收的账户信息通过验证，发送与所述账户信息对应的http请求至服务器端；
接收由服务器端发送的与所述http请求对应的配置信息；其中，所述配置信息包括控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息；
将所述配置信息发送至Vue构造器；
将所述配置信息通过初始页面的浏览器驱动进行初始化，得到与所述配置信息对应的页面。
2.根据权利要求1所述的B/S应用的用户个性化配置方法，其特征在于，所述若所接收的账户信息通过验证，发送与所述账户信息对应的http请求至服务器端之前，还包括：
若所接收的账户信息通过验证，接收所设置的配置信息；
将所述配置信息发送至服务器端中的顶级容器进行存储；其中，所述顶级容器为JFrame容器。
3.根据权利要求1所述的B/S应用的用户个性化配置方法，其特征在于，所述将所述配置信息通过初始页面的浏览器驱动进行初始化，得到与所述配置信息对应的页面之后，还包括：
若在所述页面中检测到页面配置指令，接收与所述页面配置指令对应的当前配置信息；
将所述当前配置信息发送至服务器端以进行存储。
4.根据权利要求3所述的B/S应用的用户个性化配置方法，其特征在于，所述若在所述页面中检测到页面配置指令，接收与所述页面配置指令对应的当前配置信息之后，还包括：
将所述当前配置信息发送至Vue构造器中的state变量进行存储。
5.根据权利要求1所述的B/S应用的用户个性化配置方法，其特征在于，所述将所述配置信息通过初始页面的浏览器驱动进行初始化，得到与所述配置信息对应的页面，包括：
获取所述配置信息中的控件名称、控件中心点坐标、控件尺寸、控件对应的功能信息；
根据所述控件中心点坐标定位各控件在浏览器端的页面中对应的目标位置，以组成目标区域；
由所述Vue构造器将所述配置信息发送至初始页面，通过初始页面的浏览器驱动所述配置信息在所述目标区域进行初始化，得到与所述配置信息对应的页面。
6.一种B/S应用的用户个性化配置方法，应用于服务器端，其特征在于，包括：
若所接收的账户信息通过验证，接收http请求，解析所述http请求中对应的目标配置信息名称；
根据所述目标配置信息名称获取对应的顶级容器；其中，所述顶级容器为JFrame容器；
将所述顶级容器中存储的配置信息发送至与所述http请求对应的浏览器端。
7.根据权利要求6所述的B/S应用的用户个性化配置方法，其特征在于，所述将所述顶级容器中存储的配置信息发送至与所述http请求对应的浏览器端之后，还包括：
若检测接收到浏览器端发送的当前配置信息，获取与所述当前配置信息对应的账户信息及所述账户信息对应的目标顶级容器；其中，所述目标顶级容器为JFrame容器；
将所述当前配置信息存储至目标顶级容器中。
8.一种B/S应用的用户个性化配置系统，其特征在于，包括服务器端以及至少一浏览器端，所述浏览器端用于执行如权利要求1-5任一项所述的方法，所述服务器端用于执行如权利要求6-7任一项所述的方法。
9.一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1-5任一项所述方法的步骤或是执行如权利要求6-7任一项所述方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序当被处理器执行时使所述处理器执行如权利要求1-5任一项所述方法的步骤或是执行如权利要求6-7任一项所述方法的步骤。
CN201910810217.1A 2019-08-29 2019-08-29 B/s应用的用户个性化配置方法、系统、及计算机设备 Active CN110532494B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910810217.1A CN110532494B (zh) 2019-08-29 2019-08-29 B/s应用的用户个性化配置方法、系统、及计算机设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910810217.1A CN110532494B (zh) 2019-08-29 2019-08-29 B/s应用的用户个性化配置方法、系统、及计算机设备

Publications (2)

Publication Number Publication Date
CN110532494A true CN110532494A (zh) 2019-12-03
CN110532494B CN110532494B (zh) 2022-08-30

Family

ID=68665165

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910810217.1A Active CN110532494B (zh) 2019-08-29 2019-08-29 B/s应用的用户个性化配置方法、系统、及计算机设备

Country Status (1)

Country Link
CN (1) CN110532494B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111475139A (zh) * 2020-03-02 2020-07-31 深圳市创维群欣安防科技股份有限公司 基于bs架构私有化功能的配置方法、终端及存储介质
CN114172914A (zh) * 2020-08-20 2022-03-11 珠海优特智厨科技有限公司 账户信息的同步方法及装置、存储介质、计算机设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080172372A1 (en) * 2007-01-17 2008-07-17 Google Inc. Expandable Homepage Modules
CN108984714A (zh) * 2018-07-09 2018-12-11 北京三快在线科技有限公司 页面渲染方法、装置、电子设备及计算机可读介质
CN109597960A (zh) * 2018-12-26 2019-04-09 深圳互联先锋科技有限公司 一种个性化网站系统及配置方法

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080172372A1 (en) * 2007-01-17 2008-07-17 Google Inc. Expandable Homepage Modules
CN108984714A (zh) * 2018-07-09 2018-12-11 北京三快在线科技有限公司 页面渲染方法、装置、电子设备及计算机可读介质
CN109597960A (zh) * 2018-12-26 2019-04-09 深圳互联先锋科技有限公司 一种个性化网站系统及配置方法

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111475139A (zh) * 2020-03-02 2020-07-31 深圳市创维群欣安防科技股份有限公司 基于bs架构私有化功能的配置方法、终端及存储介质
CN111475139B (zh) * 2020-03-02 2023-06-02 深圳创维数字技术有限公司 基于bs架构私有化功能的配置方法、终端及存储介质
CN114172914A (zh) * 2020-08-20 2022-03-11 珠海优特智厨科技有限公司 账户信息的同步方法及装置、存储介质、计算机设备

Also Published As

Publication number Publication date
CN110532494B (zh) 2022-08-30

Similar Documents

Publication Publication Date Title
US11711670B2 (en) Method for activating service based on user scenario perception, terminal device, and system
CN105260420B (zh) 一种用于在移动应用中提供目标页面的方法与设备
CN109542427B (zh) 一种系统定制方法、装置及电子设备和存储介质
US7293034B2 (en) Dynamically customizing a user interface for the aggregation of content
CN104823163B (zh) 基于元数据的虚拟机配置
US10284705B2 (en) Method and apparatus for controlling smart device, and computer storage medium
CN107861713A (zh) 数据调用方法、装置及计算机可读存储介质
EP3335411B1 (en) Electronic device and method of managing application programs thereof
US7451393B1 (en) System and method for a page rendering framework
EP3179388A1 (en) Web page operation method and electronic device for supporting the same
US20210337015A1 (en) Method and system of application development for multiple device client platforms
US20170011010A1 (en) Method for displaying web content and electronic device supporting the same
CN109032722A (zh) 更新ui组件的显示效果的方法、装置及设备、介质
CN101576843A (zh) 一种测试应用程序接口的方法和装置
CN108023918A (zh) 一种服务信息获取方法、装置及系统
US10997268B2 (en) Method for providing push service using web push, and electronic device supporting same
CN112217671B (zh) 基于拆分部署的前端微服务进行界面显示的方法及设备
CN103530338A (zh) 在计算设备上进行页面渲染的框架及生成页面的方法
CN110909290A (zh) 多个系统组合成大型单页应用的方法和系统
CN114385124A (zh) 基于Vue框架的独立页面的跳转方法、装置及设备
CN112214202B (zh) 一种无须写代码的手机程序开发系统
CN110532494A (zh) B/s应用的用户个性化配置方法、系统、及计算机设备
CN114647412A (zh) 内容显示方法及终端设备
CN108170383A (zh) 一种基于终端设备实现打印的方法和相关装置
CN109766107A (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