登录页面的生成方法及其装置与流程

1.本公开涉及计算机技术领域，尤其涉及云平台领域，具体涉及一种登录页面的生成方法及其装置。


背景技术：

2.越来越多的企业和个人开始使用云服务器进行信息和资料的存储。相关技术中，针对不同角色登录云服务器，云服务器需要提供各自适配的登录页面，这就需要前端开发出多种登录页面适配不同角色的后端服务，造成开发工作重复，浪费成本。


技术实现要素：

3.本公开提供了一种用于登录页面的生成方法、装置、设备以及存储介质。
4.根据本公开的一方面，提供了一种登录页面的生成方法，通过获取云服务器所支持的多个业务类型中一个目标业务类型，并获取所述目标业务类型对应的页面登录逻辑文件；获取所述云服务器的登录页面的通用登录模板；将所述通用登录模板与所述页面登录逻辑文件进行打包并发送至客户端，以在所述客户端生成与所述目标业务类型匹配的目标登录页面。
5.本公开提供的登录页面的生成方法，针对多个业务类型生成一个各业务类型通用的登录模板，减少了登录模板的重复开发工作，提高了开发效率，从而也能减少开发成本。
6.根据本公开的另一方面，提供了一种登录页面的生成装置，包括：类型获取模块，用于获取云服务器所支持的多个业务类型中一个目标业务类型，并获取所述目标业务类型对应的页面登录逻辑文件；模板获取模块，用于获取所述云服务器的登录页面的通用登录模板；页面生成模块，用于将所述通用登录模板与所述页面登录逻辑文件进行打包并发送至客户端，以在所述客户端生成与所述目标业务类型匹配的目标登录页面。
7.本公开提供的登录页面的生成装置，针对多个业务类型生成一个各业务类型通用的登录模板，减少了登录模板的重复开发工作，提高了开发效率，从而也能减少开发成本。
8.根据本公开的另一方面，提供了一种电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本公开第一方面所述的登录页面的生成方法。
9.根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行本公开第一方面所述的登录页面的生成方法。
10.根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现本公开第一方面所述的登录页面的生成方法。
11.应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
12.附图用于更好地理解本方案，不构成对本公开的限定。其中：
13.图1是根据本公开一示例性实施例的一种登录页面的生成方法的示意图。
14.图2是根据本公开一示例性实施例的一种获取通用登录模板的示意图。
15.图3是根据本公开一示例性实施例的一种生成目标登录页面的示意图。
16.图4是根据本公开一示例性实施例的一种通用登录模板的配置信息的示意图。
17.图5是根据本公开一示例性实施例的一种登录页面的生成方法的总体流程图。
18.图6是根据本公开一示例性实施例的一种登录页面的生成装置的示意图。
19.图7是根据本公开一示例性实施例的一种电子设备的示意图。
具体实施方式
20.以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
21.计算机技术(computer technology)，是指用计算机快速、准确的计算能力、逻辑判断能力和人工模拟能力，对系统进行定量计算和分析，为解决复杂系统问题提供手段和工具。
22.云计算平台也称为云平台，是指基于硬件资源和软件资源的服务，提供计算、网络和存储能力。云计算平台可以划分为3类：以数据存储为主的存储型云平台，以数据处理为主的计算型云平台以及计算和数据存储处理兼顾的综合云计算平台。
23.图1是本技术一示例性实施例提供的一种登录页面的生成方法，如图1所示，该登录页面的生成方法，包括以下步骤：
24.s101，获取云服务器所支持的多个业务类型中一个目标业务类型，并获取目标业务类型对应的页面登录逻辑文件。
25.可选地，云服务器所支持的多个业务类型包括：公有云、行业云和私有云等。公共云是多个用户在同个服务器上共同运作，共享资源；行业云是由行业内或某个区域内起主导作用或者掌握关键资源的组织建立和维护，以公开或半公开的方式，向行业内部或相关组织和公众提供有偿或无偿服务的云平台；私有云是企业传统数据中心的延伸和优化，能够针对各种功能提供存储容量和处理能力。
26.从云服务器所支持的多个业务类型中确定一个业务类型作为目标业务类型，获取目标业务类型对应的页面登录逻辑文件。页面登录逻辑文件主要功能有：设置初始化数据，注册当前页面生命周期，注册事件处理函数，响应用户的点击、获取用户的位置等。开发人员通过特定语义进行编写，获取目标业务类型对应的页面登录逻辑文件。比如说，可选用行业云作为目标业务类型，获取行业云对应的页面登录逻辑文件。其中，不同的业务类型对应不同的登录逻辑，页面登录逻辑文件是开发人员根据不同的业务类型选择的不同的对应登录逻辑的文件。
27.s102，获取云服务器的登录页面的通用登录模板。
28.根据各业务类型所需要实现的页面功能，可提取生成一个适用于所有业务类型的
通用的登录模板。可选地，通用登录模板上可包括自定义标题、登录账户框、密码输入框、验证码输入框等。
29.作为一种可实现的方式，在获取云服务器的登录页面的通用登录模板时，可预先设置该通用登录模板需要实现的功能，生成通用登录模板。
30.作为另一种可实现的方式，可以获取不同业务类型的登录页面需求，基于该登录页面需求，生成通用登录模板。
31.s103，将通用登录模板与页面登录逻辑文件进行打包并发送至客户端，以在客户端生成与目标业务类型匹配的目标登录页面。
32.将通用登录模板与页面登录逻辑文件进行打包，打包的内容既包括配置信息中的基础的功能模块，也包括配置信息中的特定的功能模块，将打包好的配置信息发送至客户端，以在客户端生成与目标业务类型匹配的目标登录页面。其中，生成的目标登录页面是将其开发的登录逻辑对应模板内容进行渲染，使其动态的产生调用以及内容传递，将其与请求传递的数据体发生数据交互，以实现完整的登录功能。
33.本技术实施例提出了一种登录页面的生成方法，通过获取云服务器所支持的多个业务类型中一个目标业务类型，并获取目标业务类型对应的页面登录逻辑文件；获取云服务器的登录页面的通用登录模板；将通用登录模板与页面登录逻辑文件进行打包并发送至客户端，以在客户端生成与目标业务类型匹配的目标登录页面。本技术针对多个业务类型生成一个各业务类型通用的登录模板，减少了登录模板的重复开发工作，提高了开发效率，从而也能减少开发成本。
34.图2是本技术一示例性实施例提供的一种登录页面的生成方法。软件开发工具集(software development kit，sdk)具有数据量小，且接口简单，覆盖较多的开发语言，本公开实施例中，可以基于sdk实现登录页面的开发。在上述实施例的基础之上，如图2所示，该登录页面的生成方法包括以下步骤：
35.s201，获取云服务器的登录页面的通用登录模板。
36.从各业务类型的登录页面需求上，提取各业务类型通用的基础页面功能，其中，各业务类型通用的基础页面功能可包括用户登录账户、密码输入框、标题自定义框等。
37.可选地，提取的过程主要通过代码分析即整体的登录逻辑，如需要录入手机号获取相应短信验证码，或者根据随机产生的图片输入图片内容进行验证等进行动态的调用登录模板，以达到可以适配各种业务场景下的登录流程。
38.通用登录模板具有通用性，是基于基础页面功能生成的，因此可以减少开发流程中一些重复开发的工作，使其开发效率提高，代码的耦合率降低，降低开发成本。
39.s202，生成云服务器的登录页面的通用登录模板的软件开发工具包sdk文件。
40.sdk一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。本技术实施例中，在获取到通用登录模板后，可以生成相应的通用登录模板的sdk文件，以实现在sdk文件上开发各业务类型对应的个性化登录页面。
41.在生成sdk文件后，sdk文件可以存储在设定位置，在需要基于该sdk文件进行开发个性化登录页面时，可以从设定位置处调用该sdk文件，无需在开发端存储多份相同的sdk文件，节省资源。可选地，可以采用下述两种方式调用sdk文件：
42.作为一种可实现的方式，运行预先编写的引用脚本文件，并基于引用脚本文件中sdk文件的地址信息，获取sdk文件。举例说明：使用script的方式引用，此方式不需要重复编写相同的脚本，只需在单独的文件中创建javascript，并以.js为后缀保存，然后使用<script>标签中的src属性引用该文件即可。
43.作为另一种可实现的方式，根据sdk文件的存储路径，生成包下载指令，并根据包下载指令，下载sdk文件。举例说明：根据sdk文件的存储路径，生成npm下载指令，并根据npm下载指令，下载sdk文件。
44.本公开实施例中，获取到通用登录模板后生成sdk文件，以便于在该sdk文件上开发个性化登录页面，使得开发的登录页面数据量小，能够兼容多种开发语言的开发，灵活性更高。
45.在上述实施例的基础上，图3本技术一示例性实施例提供的一种登录页面的生成方法，如图3所示，将通用登录模板与页面登录逻辑文件进行打包并发送至客户端，以在客户端生成与目标业务类型匹配的目标登录页面，包括以下步骤：
46.s301，对sdk文件和页面登录逻辑文件中各个功能模块之间的依赖关系进行分析。
47.将页面登录逻辑文件的入口文件注入打包插件中，并基于入口文件确定用于构建依赖关系图的起始功能模块。由打包插件以起始功能模块为起点，分析各个功能模块之间的依赖关系。
48.可选地，打包插件可使用webpack，webpack的核心功能就是把预先编写的模块化的代码，打包之后，生成可以在浏览器中运行的代码。其中，webpack可以看做是模块打包机，webpack可以分析项目结构，找到javascript模块以及其它的一些不能直接运行的拓展语言(scss，typescript等)，并将其打包为超文本标记语言(hyper text markup language，html)格式并输出。webpack会分析入口文件，生成起始功能模块，webpack递归的去读取起始功能模块所依赖的文件内容，作为在内部构建一个依赖图，此依赖图会映射各个功能模块之间的依赖关系。
49.如图4所示，webpack由插件(plugins)模块和注入(boot)模块构成，其中，plugins是一种插件，用于以各种方式自定义webpack构建过程，boot模块是一个代码模块，主要用于确定依赖关系，以打包生成html页面脚本。图4中sdk文件中包括通用的基础功能，如接口(api)，标题(title)，标识(logo)、标语(slogan)等。
50.s302，基于依赖关系，对各个功能模块进行打包，以生成html页面脚本。
51.基于各个功能模块之间的依赖关系，webpack插件对各个功能模块进行打包，以生成html页面脚本。html为实现一种前端页面的一种方式。其中，html页面脚本由一系列标签组成，主要有静态的资源如<div>,<p>标签以及设置页面格式的层叠样式表(cascading style sheets，css)，动态资源由原生的javascript，简称js构成，以减少产生包的体积。
52.作为一种可实现的方式，获取目标业务类型对应的基础页面功能的参数配置文件，并与sdk文件与页面登录逻辑文件同步打包至html页面脚本中。其中，基础页面功能的参数配置文件可以对各个功能模块的基础功能进行自定义，比如说可以自行设置登录账户框的字体和颜色等，或者说验证码框是使用数字验证码或字母验证码或者页面背景色或页面背景样式等。通过同步打包基础页面功能的参数配置文件，能够使得登录页面上基础功能模块，在展示形式上可以存在一定的差异性，使得展示效果更加丰富多样。
53.s303，将html页面脚本发给客户端，以生成目标登录页面。
54.将生成的html页面脚本发给客户端，客户端基于html页面脚本，生成目标登录页面。其中，客户端生成的目标登录页面是通过产生的脚本语言内容，即前端语言的html页面脚本的源代码产出的。
55.本公开实施例中，基于通用登录模板的sdk文件，能够开发个性登录页面，减少了登录模板的重复开发工作。而且基于打包插件直接分析文件之间的依赖关系，能基于依赖关系进行打包处理，使得打包过程更加高效和精准，从而可以提高登录页面的开发效率。
56.图5是本技术一示例性实施例提供的一种登录页面的生成方法，如图5所示，该登录页面的生成方法，包括以下步骤：
57.s501，获取云服务器所支持的多个业务类型中一个目标业务类型，并获取目标业务类型对应的页面登录逻辑文件。
58.s502，从各业务类型的登录页面需求上，提取各业务类型通用的基础页面功能。
59.s503，根据基础页面功能，生成通用登录模板。
60.关于步骤s502～s503，上述实施例已做具体介绍，在此不再进行赘述。
61.s504，生成云服务器的登录页面的通用登录模板的sdk文件。
62.s505，对sdk文件和页面登录逻辑文件中各个功能模块之间的依赖关系进行分析。
63.s506，基于依赖关系，对各个功能模块进行打包，以生成的html页面脚本。
64.s507，将html页面脚本发给客户端，以生成目标登录页面。
65.关于步骤s504～s507，上述实施例已做具体介绍，在此不再进行赘述。
66.本技术实施例提出了一种登录页面的生成方法，通过获取云服务器所支持的多个业务类型中一个目标业务类型，并获取目标业务类型对应的页面登录逻辑文件；获取云服务器的登录页面的通用登录模板；将通用登录模板与页面登录逻辑文件进行打包并发送至客户端，以在客户端生成与目标业务类型匹配的目标登录页面。本技术针对多个业务类型生成一个各业务类型通用的登录模板，减少了登录模板的重复开发工作，提高了开发效率，从而也能减少开发成本。
67.图6是本技术一示例性实施例提供的一种登录页面的生成装置，如图6所示，该登录页面的生成装置600，包括：类型获取模块61、模板获取模块62和页面生成模块63，其中：
68.类型获取模块61，用于获取云服务器所支持的多个业务类型中一个目标业务类型，并获取目标业务类型对应的页面登录逻辑文件；
69.模板获取模块62，用于获取云服务器的登录页面的通用登录模板；
70.页面生成模块63，用于将通用登录模板与页面登录逻辑文件进行打包并发送至客户端，以在客户端生成与目标业务类型匹配的目标登录页面。
71.本技术实施例提出了一种登录页面的生成装置，通过获取云服务器所支持的多个业务类型中一个目标业务类型，并获取目标业务类型对应的页面登录逻辑文件；获取云服务器的登录页面的通用登录模板；将通用登录模板与页面登录逻辑文件进行打包并发送至客户端，以在客户端生成与目标业务类型匹配的目标登录页面。本技术针对多个业务类型生成一个各业务类型通用的登录模板，减少了登录模板的重复开发工作，提高了开发效率，从而也能减少开发成本。
72.进一步地，模板获取模块62，还用于：生成云服务器的登录页面的通用登录模板的
sdk文件。
73.进一步地，页面生成模块63，还用于：对sdk文件和页面登录逻辑文件进行打包，生成超文本标记语言html页面脚本，将html页面脚本发给客户端，以生成目标登录页面。
74.进一步地，页面生成模块63，还用于：对sdk文件和页面登录逻辑文件中各个功能模块之间的依赖关系进行分析；基于依赖关系，对各个功能模块进行打包，以生成html页面脚本。
75.进一步地，页面生成模块63，还用于：将页面登录逻辑文件的入口文件注入打包插件中，并基于入口文件确定用于构建依赖关系图的起始功能模块；由打包插件以起始功能模块为起点，分析各个功能模块之间的依赖关系。
76.进一步地，模板获取模块62，还用于：根据云服务器的每个业务类型的登录页面需求，生成登录页面的通用登录模板。
77.进一步地，模板获取模块62，还用于：从各业务类型的登录页面需求上，提取各业务类型通用的基础页面功能；根据基础页面功能，生成通用登录模板。
78.进一步地，页面生成模块63，还用于：获取目标业务类型对应的基础页面功能的参数配置文件，并与sdk文件与页面登录逻辑文件同步打包至html页面脚本中。
79.进一步地，模板获取模块62，还用于：运行预先编写的引用脚本文件，并基于引用脚本文件中sdk文件的地址信息，获取sdk文件。
80.进一步地，模板获取模块，还用于：根据sdk文件的存储路径，生成包下载指令，并根据包下载指令，下载sdk文件。
81.根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
82.图7示出了可以用来实施本公开的实施例的示例电子设备700的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
83.如图7所示，设备700包括计算单元701，其可以根据存储在只读存储器(rom)702中的计算机程序或者从存储单元708加载到随机访问存储器(ram)703中的计算机程序，来执行各种适当的动作和处理。在ram 703中，还可存储设备700操作所需的各种程序和数据。计算单元701、rom 702以及ram 703通过总线704彼此相连。输入/输出(i/o)接口705也连接至总线704。
84.设备700中的多个部件连接至i/o接口705，包括：输入单元706，例如键盘、鼠标等；输出单元707，例如各种类型的显示器、扬声器等；存储单元708，例如磁盘、光盘等；以及通信单元709，例如网卡、调制解调器、无线通信收发机等。通信单元709允许设备700通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
85.计算单元701可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元701的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及
任何适当的处理器、控制器、微控制器等。计算单元701执行上文所描述的各个方法和处理，例如登录页面的生成方法。例如，在一些实施例中，登录页面的生成方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元708。在一些实施例中，计算机程序的部分或者全部可以经由rom 702和/或通信单元709而被载入和/或安装到设备700上。当计算机程序加载到ram 703并由计算单元701执行时，可以执行上文描述的登录页面的生成方法的一个或多个步骤。备选地，在其他实施例中，计算单元701可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行登录页面的生成方法。
86.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
87.用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
88.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd
‑
rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
89.为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
90.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数
字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)和互联网。
91.计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端
‑
服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。
92.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。
93.上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。