前端界面呈现方法、装置、存储介质和电子设备制造方法及图纸

本申请提供了一种前端界面呈现方法、装置、存储介质和电子设备，该方法包括：响应于前端界面的呈现请求，解析针对前端界面配置的配置文件；使用解析后的配置文件生成前端界面；其中，前端界面包括固定呈现部分和参数输入部分；固定呈现部分基于配置文件中的与固定呈现部分相关的信息生成；响应于确定存在对应隐藏规则的组件，根据初始参数值，以及隐藏规则确定是否隐藏组件；响应于确定隐藏组件，将组件在前端界面的参数输入部分进行隐藏处理；将更新后的前端界面呈现。该方法能够在低成本前提下，提高前端界面的实现效率。提高前端界面的实现效率。提高前端界面的实现效率。

【技术实现步骤摘要】
前端界面呈现方法、装置、存储介质和电子设备


[0001]本公开实施例涉及一种前端界面呈现方法、装置、存储介质和电子设备。

技术介绍

[0002]相关技术中，通过拷贝后进行调整或者像Java编码中常用的抽象出父类来实现公共参数的管理的方法来实现每个前端界面的呈现。
[0003]如果系统中存在多个相似的界面，互相之间只有少量参数的细微不同，甚至只是同一个参数显示名称的区别，那么前者代码复用率很低，会出现大量重复代码，并且一段相同的代码出错，就可能需要去所有拷贝中寻找和修改；而后者则提高了代码耦合性，并且对父类的约束也会随着子类的增多越来越强，可维护性就会变得越来越低。
[0004]这两种实现方式，都需要前端开发人员参与完成编码，增加开发的工作量，导致前端界面实现成本高且效率低。

技术实现思路

[0005]有鉴于此，本申请提供一种前端界面呈现方法、装置、系统、存储介质和电子设备，能够在低成本前提下，提高前端界面的实现效率。
[0006]为解决上述技术问题，本申请的技术方案是这样实现的：
[0007]在一个实施例中，提供了一种前端界面呈现方法，所述方法包括：
[0008]响应于前端界面的呈现请求，解析针对所述前端界面配置的配置文件；
[0009]使用解析后的配置文件生成前端界面；其中，所述前端界面包括固定呈现部分和参数输入部分；所述固定呈现部分基于所述配置文件中的与固定呈现部分相关的信息生成；所述参数输入部分基于所述配置文件中与参数输入部分相关的信息按照参数被描述的内容和顺序依次排列生成；
[0010]根据配置文件确定所述参数输入部分对应的组件是否对应隐藏规则；
[0011]响应于确定存在对应隐藏规则的所述组件，根据初始参数值，以及所述隐藏规则确定是否隐藏所述组件；
[0012]响应于确定隐藏所述组件，将所述组件在所述前端界面的参数输入部分进行隐藏处理；
[0013]将更新后的所述前端界面呈现。
[0014]其中，所述配置信息还包括：参数与组件的对应关系，以及组件之间的关联关系；所述方法进一步包括：
[0015]响应于监听到所述前端界面对应的组件输入的参数值发生变化，根据参数与组件的对应关系，以及组件之间的关联关系确定是否存在与所述组件关联的相关组件；
[0016]响应于确定存在与所述组件关联的相关组件，确定与所述组件关联的相关组件是否存在对应的隐藏规则；
[0017]响应于所述相关组件存在对应隐藏规则，基于变化后的参数值，以及所述隐藏规
则，确定是否隐藏所述相关组件；如果是，隐藏所述相关组件；否则，显示所述相关组件。
[0018]其中，所述显示所述相关组件之后，所述方法进一步包括：
[0019]基于所述配置文件中针对参数配置的参数有效规则校验所述相关组件对应的参数值的有效性；
[0020]响应于校验成功，设置所述相关组件输入状态为有效；并呈现有效状态；
[0021]响应于校验失败，设置所述相关组件输入状态为无效，并呈现无效状态。
[0022]其中，所述方法进一步包括：
[0023]响应于在用户输入结束后提交的确定请求，获取输入参数的参数值；
[0024]若存在批量输入，则基于所述配置文件中配置的参数有效规则，校验批量输入的参数值的有效性，基于所述配置文件中配置的对应组件个数校验输入的参数值的个数的一致性；
[0025]响应于校验成功，获取所述配置文件中针对校验成功配置的响应信息并执行；
[0026]响应于校验失败，将基于校验失败的数据对应的相关组件输出错误提示。
[0027]其中，所述响应于校验成功，或不存在批量输入，所述方法进一步包括：
[0028]根据组件当前对应的参数值和联合定义的表达式，直接获取或组合计算参数的参数值，以字符串键值对的方式构建数据集合；
[0029]使用列表存放所述数据集合，并发送给接收端。
[0030]其中，所述配置文件为xml文件；
[0031]在所述xml文件中，所述与固定呈现部分相关的信息对应的节点作为根节点；每个参数被描述为一个参数节点，挂在根节点下；其中，每个参数对应一个或一组组件；若一个参数的取值需要使用多个子参数的取值计算获得，则将子参数节点挂在该参数的参数节点下。
[0032]其中，所述方法进一步包括：
[0033]在所述配置文件中配置的参数输入方式包括下述一种或任意组合：
[0034]单输入、组合输入、批量输入；
[0035]在所述配置文件中配置分割条，用于将多个参数分组；其中，每个分割条作为一个分割节点，与参数节点同级，挂在根节点下。
[0036]在一个实施例中，提供了一种前端界面呈现装置，所述装置包括：
[0037]解析单元，被配置为执行响应于前端界面的呈现请求，解析针对所述前端界面配置的配置文件；
[0038]生成单元，被配置为执行使用解析后的配置文件生成前端界面；其中，所述前端界面包括固定呈现部分和参数输入部分；所述固定呈现部分基于所述配置文件中的与固定呈现部分相关的信息生成；所述参数输入部分基于所述配置文件中与参数输入部分相关的信息按照参数被描述的内容和顺序依次排列生成；
[0039]第一确定单元，被配置为执行根据配置文件确定所述参数输入部分对应的组件是否对应隐藏规则；
[0040]第二确定单元，被配置为执行响应于确定存在对应隐藏规则的所述组件，根据初始参数值，以及所述隐藏规则确定是否隐藏所述组件；
[0041]处理单元，被配置为执行响应于确定隐藏所述组件，将所述组件在所述前端界面
的参数输入部分进行隐藏处理；
[0042]呈现单元，被配置为执行将更新后的所述前端界面呈现。
[0043]在另一个实施例中，提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现前端界面呈现的方法。
[0044]在另一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现前端界面呈现的方法。
[0045]由上面的技术方案可见，上述实施例中在用户请求一个前端界面的呈现时，解析对应的配置文件，按照配置文件的配置的信息的先后顺序生成前端界面，基于配置文件中的隐藏规则针对参数输入部分的组件确定需要隐藏的组件，并执行隐藏处理，然后将更新后前端界面呈现。该方案能够在低成本前提下，提高前端界面的实现效率
。
附图说明
[0046]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0047]图1为单输入布局示意图；
[0048]图2为组合输入布局示意图；...

【技术保护点】

【技术特征摘要】
1.一种前端界面呈现方法，其特征在于，所述方法包括：响应于前端界面的呈现请求，解析针对所述前端界面配置的配置文件；使用解析后的配置文件生成前端界面；其中，所述前端界面包括固定呈现部分和参数输入部分；所述固定呈现部分基于所述配置文件中的与固定呈现部分相关的信息生成；所述参数输入部分基于所述配置文件中与参数输入部分相关的信息按照参数被描述的内容和顺序依次排列生成；根据配置文件确定所述参数输入部分对应的组件是否对应隐藏规则；响应于确定存在对应隐藏规则的所述组件，根据初始参数值，以及所述隐藏规则确定是否隐藏所述组件；响应于确定隐藏所述组件，将所述组件在所述前端界面的参数输入部分进行隐藏处理；将更新后的所述前端界面呈现。2.根据权利要求1所述的方法，其特征在于，所述配置信息还包括：参数与组件的对应关系，以及组件之间的关联关系；所述方法进一步包括：响应于监听到所述前端界面对应的组件输入的参数值发生变化，根据参数与组件的对应关系，以及组件之间的关联关系确定是否存在与所述组件关联的相关组件；响应于确定存在与所述组件关联的相关组件，确定与所述组件关联的相关组件是否存在对应的隐藏规则；响应于所述相关组件存在对应隐藏规则，基于变化后的参数值，以及所述隐藏规则，确定是否隐藏所述相关组件；如果是，隐藏所述相关组件；否则，显示所述相关组件。3.根据权利要求2所述的方法，其特征在于，所述显示所述相关组件之后，所述方法进一步包括：基于所述配置文件中针对参数配置的参数有效规则校验所述相关组件对应的参数值的有效性；响应于校验成功，设置所述相关组件输入状态为有效；并呈现有效状态；响应于校验失败，设置所述相关组件输入状态为无效，并呈现无效状态。4.根据权利要求1所述的方法，其特征在于，所述方法进一步包括：响应于在用户输入结束后提交的确定请求，获取输入参数的参数值；若存在批量输入，则基于所述配置文件中配置的参数有效规则，校验批量输入的参数值的有效性，基于所述配置文件中配置的对应组件个数校验输入的参数值的个数的一致性；响应于校验成功，获取所述配置文件中针对校验成功配置的响应信息并执行；响应于校验失败，将基于校验失败的数据对应的相关组件输出错误提示。5.根据权利要求4所述的方法，其特征在于，所述响应于校验成功，或不存...

【专利技术属性】
技术研发人员：顾雨沁，王未浅，何玥，
申请(专利权)人：北京格林伟迪科技股份有限公司北京格林伟迪通信技术有限公司，
类型：发明
国别省市：