本申请提供一种联动代码自动生成方法及装置，该方法包括：在页面中创建联动组件；识别联动组件具有的联动状态；获取与联动状态相匹配的期望结果；基于期望结果创建联动组件的联动动作；基于联动动作生成联动代码。可见，实施这种实施方式，能够在页面上完成组件间联动关系的配置，从而避免开发人员对逻辑代码的深入了解，进而降低了低代码平台的使用门槛。进而降低了低代码平台的使用门槛。进而降低了低代码平台的使用门槛。
【技术实现步骤摘要】
一种联动代码自动生成方法及装置
[0001]本申请涉及计算机
，具体而言，涉及一种联动代码自动生成方法及装置。
技术介绍
[0002]目前，低代码平台可以通过页面拖拽拼接基础组件，从而实现快速、高效搭建软件应用的效果。然而，该种低代码平台中组件之间的联动关系仍需开发人员编写逻辑代码来实现对应的业务逻辑，从而使得开发人员仍需了解代码逻辑，进而使得低代码平台名不副实，变相的提高了低代码平台的使用下限，隐形要求了开发人员的技术能力。
技术实现思路
[0003]本申请实施例的目的在于提供一种联动代码自动生成方法及装置，能够在页面上完成组件间联动关系的配置，从而避免开发人员对逻辑代码的深入了解，进而降低了低代码平台的使用门槛。
[0004]本申请实施例第一方面提供了一种联动代码自动生成方法，包括：
[0005]在页面中创建联动组件；
[0006]识别所述联动组件具有的联动状态；
[0007]获取与所述联动状态相匹配的期望结果；
[0008]基于所述期望结果创建所述联动组件的联动动作；
[0009]基于所述联动动作生成联动代码。
[0010]在上述实现过程中，该方法可以优先在页面中创建联动组件，从而使得组件都展示在页面当中，并基于该页面进行组件之间联动关系的创建，进而避免了过多组件参与代码的生成，合理的保障了联动代码的生成效果；然后，该方法在页面中识别联动组件具有的联动状态，还能够了解到联动组件中的选项数据、选中状态和关联动作，从而有效确定了后续联动代码生成的基础对象；再后，该方法获取与联动状态相匹配的期望结果，并以此来确定下期望的联动效果，并在此步骤之后获取到联动代码生成的所有前提条件，从而保障联动代码的生成稳定性，避免联动代码因为前提条件或前提数据的缺失造成的不良影响；此后，该方法便可以基于期望结果创建联动组件的联动动作，实现联动效果实体化的效果；最后，再基于联动动作生成联动代码，从而实现联动代码自动生成的效果。可见，该方法能够在页面上完成组件间联动关系的配置，从而避免开发人员对逻辑代码的深入了解，进而降低了低代码平台的使用门槛。
[0011]进一步地，所述基于所述期望结果创建所述联动组件的联动动作的步骤之后，所述方法还包括：
[0012]基于所述联动动作，在所述页面中展示联动效果。
[0013]在上述实现过程中，该方法可以基于联动动作，在页面中展示联动效果，从而实现联动效果预览的效果，进而便于开发人员确定是否要生成与之相对应的联动代码，提高了联动代码生成的有效性。
[0014]进一步地，所述在页面中创建联动组件的步骤包括：
[0015]检测用户的拖拽操作；
[0016]基于所述拖拽操作的起点确定被选择的联动组件，并将所述联动组件移动至所述拖拽操作的终点位置。
[0017]在上述实现过程中，该方法可以基于用户的拖拽操作将联动组件拖拽至页面当中，从而实现联动组件的选择自定也、放置自定义的效果。
[0018]进一步地，所述识别所述联动组件具有的联动状态的步骤包括：
[0019]调取所述联动组件的动作列表；
[0020]在所述动作列表中，获取所述联动组件中选项数据对应的联动状态。
[0021]在上述实现过程中，该方法可以通过调用的动作列表来获取至少保安阔选项数据、是否选中的状态信息和关联动作三者的联动状态，从而以此来确保联动代码的生成精准度。
[0022]进一步地，所述获取与所述联动状态相匹配的期望结果的步骤包括：
[0023]基于用户输入的配置信息，配置与所述联动状态相匹配的期望结果。
[0024]在上述实现过程中，该方法可以基于用户输入的配置信息，配置与联动状态相匹配的期望结果，从而实现用户预输入和自动配置的效果。
[0025]进一步地，所述基于所述联动动作生成联动代码的步骤包括：
[0026]获取所述联动组件的type值、所述联动组件的组件id和所述期望结果相匹配的期望结果字符串；
[0027]对所述type值、所述组件id和所述期望结果字符串进行拼接，得到api字符串；
[0028]基于所述联动状态和所述联动动作生成逻辑代码字符串；
[0029]对所述api字符串和所述逻辑代码字符串进行拼接，得到联动代码字符串；
[0030]调用预设函数将所述联动代码字符串赋值于所述联动组件，得到联动代码。
[0031]在上述实现过程中，该方法可以优先获取联动组件的type值、联动组件的组件id和期望结果相匹配的期望结果字符串，并对type值、组件id和期望结果字符串进行拼接，得到api字符串；可见，该方法可以优先获取api字符串，将联动组件的基础信息创建为一个基础的字符串。然后，该方法再基于联动状态和联动动作生成逻辑代码字符串；从而生成与联动相关的字符串。再然后，该方法对api字符串和逻辑代码字符串进行拼接，得到联动代码字符串；可见，该步骤能够得到一个完整的字符串，但是该字符串还不能够直接作为代码应用。因此，该方法最后再调用预设函数将联动代码字符串赋值于联动组件，得到联动代码；可见，该方法通过调用预设的js eval函数来完成联动组件的幅值，从而实现联动代码的自动生成。
[0032]进一步地，所述联动组件至少包括单选组件、多选组件、下拉框组件和开关组件；所述联动状态至少包括隐藏状态、显示状态、只读状态和读写状态；其中，所述隐藏状态和所述显示状态互斥存在，所述只读状态与所述读写状态互斥存在。
[0033]在上述实现过程中，该方法可以约定联动组件的联动类型，从而确保联动代码生成的针对性，进而提高联动代码生成的有效性。
[0034]本申请实施例第二方面提供了一种联动代码自动生成装置，所述联动代码自动生成装置包括：
[0035]创建单元，用于在页面中创建联动组件；
[0036]识别单元，用于识别所述联动组件具有的联动状态；
[0037]获取单元，用于获取与所述联动状态相匹配的期望结果；
[0038]联动单元，用于基于所述期望结果创建所述联动组件的联动动作；
[0039]生成单元，用于基于所述联动动作生成联动代码。
[0040]在上述实现过程中，该联动代码自动生成装置可以通过创建单元在页面中创建联动组件，从而使得组件都展示在页面当中，并基于该页面进行组件之间联动关系的创建，进而避免了过多组件参与代码的生成，合理的保障了联动代码的生成效果；通过识别单元识别联动组件具有的联动状态，还能够了解到联动组件中的选项数据、选中状态和关联动作，从而有效确定了后续联动代码生成的基础对象；通过获取单元获取与联动状态相匹配的期望结果，能够以此来确定下期望的联动效果，并在此操作之后获取到联动代码生成的所有前提条件，从而保障联动代码的生成稳定性，避免联动代码因为前提条件或前提数据的缺失造成的不良影响；通过联动单元来基于期望结果创建联动组件的联动动作，实现联动效果实体化的效果；通过生成单元来本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种联动代码自动生成方法，其特征在于，所述方法包括：在页面中创建联动组件；识别所述联动组件具有的联动状态；获取与所述联动状态相匹配的期望结果；基于所述期望结果创建所述联动组件的联动动作；基于所述联动动作生成联动代码。2.根据权利要求1所述的联动代码自动生成方法，其特征在于，所述基于所述期望结果创建所述联动组件的联动动作的步骤之后，所述方法还包括：基于所述联动动作，在所述页面中展示联动效果。3.根据权利要求1所述的联动代码自动生成方法，其特征在于，所述在页面中创建联动组件的步骤包括：检测用户的拖拽操作；基于所述拖拽操作的起点确定被选择的联动组件，并将所述联动组件移动至所述拖拽操作的终点位置。4.根据权利要求1所述的联动代码自动生成方法，其特征在于，所述识别所述联动组件具有的联动状态的步骤包括：调取所述联动组件的动作列表；在所述动作列表中，获取所述联动组件中选项数据对应的联动状态。5.根据权利要求1所述的联动代码自动生成方法，其特征在于，所述获取与所述联动状态相匹配的期望结果的步骤包括：基于用户输入的配置信息，配置与所述联动状态相匹配的期望结果。6.根据权利要求1所述的联动代码自动生成方法，其特征在于，所述基于所述联动动作生成联动代码的步骤包括：获取所述联动组件的type值、所述联动组件的组件id和所述期望结果相匹配的期望结果字符串；对所述type值、所述组件id和...
【专利技术属性】
技术研发人员：喻瑜，
申请(专利权)人：北京天融信科技有限公司北京天融信软件有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。