一种界面构造方法和装置制造方法及图纸

本发明专利技术公开了一种界面构造方法，包括：预设界面中各个功能需求分别对应的组件，并预设组件间的引用关系；根据当前使用组件确定所述当前使用组件对应的各引用组件；采用协程对所述各引用组件进行并发编译，并将对各引用组件的编译结果合并为当前使用组件的编译结果，将所述当前使用组件编译结果确定为所述当前使用组件对应的界面。本发明专利技术还公开了一种界面构造装置。

An interface construction method and device

The invention discloses an interface construction method, which includes: presupposition of components corresponding to each functional requirement in the interface and presupposition of reference relationship among components; determination of reference components corresponding to the current used components according to the current used components; concurrent compilation of the reference components by using a co-process, and compilation of each reference component. The compiled results of the reference components are merged into the compiled results of the currently used components, and the compiled results of the currently used components are determined as the corresponding interfaces of the currently used components. The invention also discloses an interface structure device.

【技术实现步骤摘要】
一种界面构造方法和装置
本专利技术涉及应用界面技术，尤其涉及一种界面构造方法和装置。
技术介绍
随着互联网(Internet)的快速发展，全球广域网(Web，WorldWideWeb)已经对商业、工业、银行、财政、教育、政府、娱乐及人们的工作和生活等产生了深远的影响，许多传统的信息和数据库系统正在被移植到互联网上，Web应用呈现爆炸性增长。其中，Web界面的构造是Web应用开发技术中的重要组成部分。目前，主流的Web界面的构造技术有：Java服务器页面(JSP，JavaServerPages)、AngularJS和ReactJS等。但是，基于JSP开发Web界面，难以做到良好的组件化，通常只能将通用部分抽取到单独的JSP文件中，通过文件包含的方法进行导入，不便于对子文件管理；并且，Java对于JSP的处理是单线程，不能做到高效并发处理。AngularJS和ReactJS是新兴的前端框架，使用JavaScript进行开发，框架较复杂，学习门槛高。另外，针对Web界面的构造，主要是在浏览器端通过JavaScript操作文档对象模型(DOM，DocumentObjectModel)实现，对于交互少的动态页面容易损失效率。因此，如何实现Web界面的组件化，并使Web界面组件的构造能并发处理，提升Web界面构造过程的效率，是亟待解决的问题。
技术实现思路
有鉴于此，本专利技术实施例期望提供一种界面构造方法和装置，能实现Web界面的组件化，并使Web界面组件的构造能并发处理，进而提升Web界面构造过程的效率。为达到上述目的，本专利技术的技术方案是这样实现的：本专利技术实施例提供了一种界面构造方法，预设界面中各个功能需求分别对应的组件，并预设组件间的引用关系；所述方法还包括：根据当前使用组件确定所述当前使用组件对应的各引用组件；采用协程对所述各引用组件进行并发编译，并将对各引用组件的编译结果合并为当前使用组件的编译结果，将所述当前使用组件的编译结果确定为所述当前使用组件对应的界面。上述方案中，所述预设界面中各个功能需求对应的组件，包括：预设模板组件、和/或处理器组件；其中，所述模板组件采用超文本标记语言(HTML，HyperTextMarkupLanguage)设置，并采用基于组件包的组件复用方式；所述模板组件包括：页面组件；所述处理器组件采用Go语言设置，并实现各引用组件语法的接口及基础结构。上述方案中，所述根据当前使用组件确定所述当前使用对应的各引用组件，包括：确定预设的当前使用组件所属的组件包和引用的组件包；根据预设的所述各引用组件的标签，在当前使用组件所属的组件包和引用的组件包中，确定所述各引用组件的标签对应的组件。上述方案中，所述对所述各引用组件进行并发编译包括：采用第一处理方法编译所述模板组件，采用第二处理方法编译所述处理器组件；所述第一处理方法包括：获取所述模板组件标签预设的数据(data)属性；将所述预设的data属性合并到所述模板组件对应的各引用组件的data属性中；采用协程对所述模板组件对应的各引用组件进行并发编译；将所述模板组件对应的各引用组件的编译结果，确定为所述模板组件的编译结果；所述第二处理方法包括：采用反射创建所述处理器组件的对象模组；获取所述处理器组件标签预设的data属性；将所述模板组件标签预设的data属性、和/或父标签、和/或各子标签分别写入到所述对象模组的Data属性、和/或父属性、和/或子属性中；根据预设子标签选择处理规则确定是否处理所述各子标签，如果处理子标签，则将所述对象模组的Data属性合并入子标签data属性；采用协程对各所述子标签进行并发编译，并将所述子标签处理结果写入到所述对象模组的子属性中；分别采用预设模组开始处理方法和结束处理方法处理所述对象模组，获取开始内容和结束内容；将所述开始内容、和/或子属性、和/或结束内容确定为所述处理器组件的处理结果。上述方案中，所述采用协程对所述各引用组件进行并发编译，包括：采用Go协程对所述各引用组件进行并发编译。上述方案中，所述方法还包括对各组件进行语法检查；所述语法检查包括：确定当前使用组件的引用组件的标签是否包括在当前使用组件所属的组件包和引用的组件包中，未包括在当前使用组件所属的组件包和引用的组件包中时，提供报错信息。本专利技术实施例还提供了一种界面构造装置，所述装置包括：组件设置模块、组件确定模块和组件处理模块；其中，所述组件设置模块，用于预设界面中各个功能需求分别对应的组件，并预设组件间的应用关系；所述组件确定模块，用于根据当前使用组件，确定所述当前使用组件对应的各引用组件；所述组件处理模块，用于采用协程对所述各引用组件进行并发编译，并将各编译结果合并为当前使用组件的编译结果，将所述当前使用组件的编译结果确定为所述当前使用组件对应的界面。上述方案中，所述组件设置模块，具体用于：预设模板组件、和/或处理器组件；其中，所述模板组件采用HTML设置，并采用基于组件包的组件复用方式；所述模板组件包括：页面组件。所述处理器组件采用Go语言设置，并实现提供各引用组件的语法接口及基础结构；上述方案中，所述组件确定模块，具体用于：确定预设的当前使用组件所属的组件包和引用的组件包；根据预设的所述各引用组件的标签，在当前使用组件所属的组件包和引用的组件包中，确定所述各引用组件的标签对应的组件。上述方案中，所述组件处理模块，具体用于：采用第一处理方法编译模板组件，采用第二处理方法编译处理器组件；所述第一处理方法包括：获取所述模板组件标签预设的data属性；将所述预设的data属性合并到所述模板组件对应的各引用组件的data属性中；采用协程对所述模板组件对应的各引用组件进行并发编译；将所述模板组件对应的各引用组的编译结果，确定为所述模板组件的编译结果；所述第二处理方法包括：采用反射创建所述处理器组件的对象模组；获取所述处理器组件标签预设的data属性；将所述模板组件标签预设的data属性、和/或父标签、和/或各子标签分别写入到所述对象模组的Data属性、和/或父属性、和/或子属性中；根据预设子标签选择处理规则确定是否处理所述各子标签，如果处理子标签，则将所述对象模组的Data属性合并入子标签data属性；采用协程对所述各子标签进行并发编译，并将所述子标签编译结果写入到所述对象模组的子属性中；分别采用预设模组开始处理方法和结束处理方法处理所述对象模组，获取开始内容和结束内容；将所述开始内容、和/或子属性、和/或结束内容确定为所述处理器组件的编译结果。上述方案中，所述组件处理模块，具体用于：采用Go协程并发对所述各引用的组件进行编译。上述方案中，所述装置还包括组件校验装置，用于对各组件进行语法检查；所述语法检查包括：确定当前使用组件的引用组件的标签是否包括在当前使用组件所属的组件包和引用的组件包中，未包括在当前使用组件所属的组件包和引用的组件包中时，提供报错信息本专利技术实施例所提供的界面构造方法和装置，预设界面中各个功能需求分别对应的组件，并预设组件间的引用关系；根据当前使用组件确定所述当前使用组件对应的各引用组件；采用协程对所述各引用组件进行并发编译，并将对各引用组件的编译结果合并为当前使用组件的编译结果，将所述当前使用组件编译结果确定为所述当前使用组本文档来自技高网...

【技术保护点】
1.一种界面构造方法，其特征在于，预设界面中各个功能需求分别对应的组件，并预设组件间的引用关系；所述方法还包括：根据当前使用组件确定所述当前使用组件对应的各引用组件；采用协程对所述各引用组件进行并发编译，并将对各引用组件的编译结果合并为当前使用组件的编译结果，将所述当前使用组件的编译结果确定为所述当前使用组件对应的界面。

【技术特征摘要】
1.一种界面构造方法，其特征在于，预设界面中各个功能需求分别对应的组件，并预设组件间的引用关系；所述方法还包括：根据当前使用组件确定所述当前使用组件对应的各引用组件；采用协程对所述各引用组件进行并发编译，并将对各引用组件的编译结果合并为当前使用组件的编译结果，将所述当前使用组件的编译结果确定为所述当前使用组件对应的界面。2.根据权利要求1所述的方法，其特征在于，所述预设界面中各个功能需求对应的组件，包括：预设模板组件、和/或处理器组件；其中，所述模板组件采用超文本标记语言HTML设置，并采用基于组件包的组件复用方式；所述模板组件包括：页面组件；所述处理器组件采用Go语言设置，并实现各引用组件语法的接口及基础结构。3.根据权利要求2所述的方法，其特征在于，所述根据当前使用组件确定所述当前使用对应的各引用组件，包括：确定预设的当前使用组件所属的组件包和引用的组件包；根据预设的所述各引用组件的标签，在当前使用组件所属的组件包和引用的组件包中，确定所述各引用组件的标签对应的组件。4.根据权利要求3所述的方法，其特征在于，所述对所述各引用组件进行并发编译包括：采用第一处理方法编译所述模板组件，采用第二处理方法编译所述处理器组件；所述第一处理方法包括：获取所述模板组件标签预设的数据data属性；将所述预设的data属性合并到所述模板组件对应的各引用组件的data属性中；采用协程对所述模板组件对应的各引用组件进行并发编译；将所述模板组件对应的各引用组件的编译结果，确定为所述模板组件的编译结果；所述第二处理方法包括：采用反射创建所述处理器组件的对象模组；获取所述处理器组件标签预设的data属性；将所述模板组件标签预设的data属性、和/或父标签、和/或各子标签分别写入到所述对象模组的Data属性、和/或父属性、和/或子属性中；根据预设子标签选择处理规则确定是否处理所述各子标签，如果处理子标签，则将所述对象模组的Data属性合并入子标签data属性；采用协程对各所述子标签进行并发编译，并将所述子标签处理结果写入到所述对象模组的子属性中；分别采用预设模组开始处理方法和结束处理方法处理所述对象模组，获取开始内容和结束内容；将所述开始内容、和/或子属性、和/或结束内容确定为所述处理器组件的处理结果。5.根据权利要求1至4任一项所述的方法，其特征在于，所述采用协程对所述各引用组件进行并发编译，包括：采用Go协程对所述各引用组件进行并发编译。6.根据权利要求1至4任一项所述的方法，其特征在于，所述方法还包括对各组件进行语法检查；所述语法检查包括：确定当前使用组件的引用组件的标签是否包括在当前使用组件所属的组件包和引用的组件包中，未包括在当前使用组件所属的组件包和引用的组件包中时，提供报错信息。7.一种界面构...

【专利技术属性】
技术研发人员：曹玮玮，
申请(专利权)人：中兴通讯股份有限公司，
类型：发明
国别省市：广东,44