用户界面的组件生成方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN108052365A(43)申请公布日2018.05.18(21)申请号201711375363.3(22)申请日2017.12.19(71)申请人深圳市四格互联信息技术有限公司地址518000广东省深圳市南山区高新南区软件产业基地4栋D座1106室(72)发明人梁建新郭敏旋邱全虎王雷(74)专利代理机构广东前海律师事务所44323代理人周婵(51)Int.Cl.G06F9/451(2018.01)G06F8/38(2018.01)权利要求书4页说明书12页附图6页(54)发明名称用户界面的组件生成方法及装置(57)摘要本发明实施例公开一种用户界面的组件生成方法及装置，所述方法包括：加载本发明的组件库，调用组件库的组件；其中，组件库包括搜索框、日期时间选择器、树组件、弹出框和图片多边形热区绘制等；在从组件库调用组件时，显示该组件于显示界面，该组件的视图层监听开发人员请求执行的页面属性设置事件，并将该事件反馈给该组件的逻辑层，以使其根据页面属性设置事件修改逻辑层的数据。由于组件的视图层的页面元素的文档标识是与逻辑层处理的数据的文档标识绑定的，视图层只需根据文档标识将所述待调用组件的逻辑层中的数据渲染在组件的视图层中，即可以完成对组件的自定义调整，无需要开发人员逐个对文档对象模型进行操作，操作简单效率高。CN108052365ACN108052365A权利要求书1/4页1.一种用户界面的组件生成方法，其特征在于，包括：监听对组件库中的自定义组件的调用事件；所述自定义组件包括视图层和逻辑层；所述视图层包括至少一个页面元素，所述视图层的页面元素的文档标识与所述逻辑层处理的数据的文档标识绑定；接收调用组件请求；所述调用组件请求包括待调用组件；从所述组件库中调用所述待调用组件，显示所述待调用组件的视图层；通过所述待调用组件的视图层监听页面属性设置事件，并将所述页面属性设置事件反馈给所述待调用组件的逻辑层，以使所述待调用组件的逻辑层根据所述页面属性设置事件修改所述逻辑层的数据；通过所述待调用组件的视图层并根据文档标识将所述待调用组件的逻辑层中的数据渲染在所述待调用组件的视图层中，完成所述待调用组件的调用。2.如权利要求1所述的用户界面的组件生成方法，其特征在于，所述待调用组件包括选择搜索框组件；所述选择搜索框组件的页面元素包括输入框和下拉选择框；则所述通过所述待调用组件的视图层监听页面属性设置事件，并将所述页面属性设置事件反馈给所述待调用组件的逻辑层，以使所述待调用组件的逻辑层根据所述页面属性设置事件修改所述逻辑层的数据，具体包括：当通过所述选择搜索框组件的视图层监听到前端搜索设置请求时，通过所述选择搜索框组件的视图层接收搜索数据文件；所述搜索数据文件包括至少一个选项；通过所述选择搜索框组件的逻辑层将所述搜索数据文件输入所述选择搜索框组件的逻辑层的前端搜索函数中；其中，所述前端搜索函数用于在从所述输入框中接收到关键词时，从所述搜索数据文件中搜索出与所述关键词相关的选项。3.如权利要求2所述的用户界面的组件生成方法，其特征在于，所述通过所述待调用组件的视图层监听页面属性设置事件，并将所述页面属性设置事件反馈给所述待调用组件的逻辑层，以使所述待调用组件的逻辑层根据所述页面属性设置事件修改所述逻辑层的数据，还包括：当通过所述选择搜索框组件的视图层监听到后端搜索设置请求时，通过所述选择搜索框组件的视图层接收后端接口地址；通过所述选择搜索框组件的逻辑层将所述后端接口地址输入所述选择搜索框组件的逻辑层的后端搜索函数中；其中，所述后端搜索函数用于在所述输入框中接收到关键词时，通过所述后端接口地址将所述关键词提供给后端接口搜索出与所述关键词相关的选项，并接收从所述后端接口返回的选项；当通过所述选择搜索框组件的视图层监听到选项显示设置请求时，通过所述选择搜索框组件的逻辑层根据选项显示设置请求设置选项显示函数；其中，所述选项显示函数用于将所述前端搜索函数或所述后端搜索函数返回的选项显示于所述视图层，并控制所述选项的显示属性；所述选项显示设置请求包括单选设置请求、多选设置请求和多选样式展示设置请求。4.如权利要求1所述的用户界面的组件生成方法，其特征在于，所述待调用组件包括日期时间选择器组件；所述日期时间选择器组件的页面元素包括输入框、下拉日历和下拉时间表；所述日期时间选择器组件的逻辑层用于响应下拉日历或下拉时间表上的点击事件，2CN108052365A权利要求书2/4页将与所述点击事件对应的日期或时间显示于所述输入框。5.如权利要求1所述的用户界面的组件生成方法，其特征在于，所述待调用组件包括树组件；所述树组件的页面元素包括输入框、节点和所述节点勾选框；则所述通过所述待调用组件的视图