组件构建方法和装置、组件调用方法和装置制造方法及图纸

本发明专利技术涉及一种组件构建方法和装置、组件调用方法和装置。所述组件构建方法包括：获取功能需求；根据功能需求在模型层model与控制层controller扩展，使用用于构建用户界面的脚步库React的语法编写所述功能需求得到对应的源代码；将所述源代码编译成原生脚本；对所述原生脚本采用异步模块加载机制AMD规范包装成React组件。上述组件构建方法和装置、组件调用方法和装置，通过使用React的语法编写功能需要对应的源代码，并将源代码编译成原生脚本，将原生脚本通过AMD规范包装成React组件，被使用时，通过简单的调用即可使用React组件，扩大了使用范围，且组件可复用性高，不需要开发者专门学习React即可使用React组件，降低了开发者的学习门槛。

【技术实现步骤摘要】

本专利技术涉及计算机应用领域，特别是涉及一种组件构建方法和装置、组件调用方法和装置。
技术介绍
AngularJS是建立在轻量jQuery之上的一个结构化前端MVVM(Model View View Model)框架，用于构建单页面Web应用。AngularJS是大而全的框架，用来开发组件学习成本大，双向数据绑定在复杂的交互情况下性能陡然下降。React是由Fackbook推出的一个JavaScipt框架，React是一个用于构建组件化UI(User Interface，用户界面)的库，是一个前端界面开发工具。因React只负责view层，开发者在model、controller层需要花费很大的精力，并且JSX语法编写的代码需要通过打包工具webpack、babel编译成原生javascript语法，在开发项目中难以大范围推广使用。
技术实现思路
基于此，有必要针对传统构建组件方式难以大范围推广使用的问题，提供一种组件构建方法和装置，能扩大使用范围。此外，还有必要提供一种组件调用方法和装置，能扩大使用范围一种组件构建方法，包括：获取功能需求；根据功能需求在模型层model与控制层con本文档来自技高网...

【技术保护点】
一种组件构建方法，包括：获取功能需求；根据功能需求在模型层model与控制层controller扩展，使用用于构建用户界面的脚步库React编写所述功能需求得到对应的源代码；将所述源代码编译成原生脚本；对所述原生脚本采用异步模块加载机制AMD规范包装成用于构建用户界面的脚步库React组件。

【技术特征摘要】
1.一种组件构建方法，包括：获取功能需求；根据功能需求在模型层model与控制层controller扩展，使用用于构建用户界面的脚步库React编写所述功能需求得到对应的源代码；将所述源代码编译成原生脚本；对所述原生脚本采用异步模块加载机制AMD规范包装成用于构建用户界面的脚步库React组件。2.根据权利要求1所述的方法，其特征在于，所述根据功能需求在模型层model与控制层controller扩展，使用用于构建用户界面的脚步库React编写所述功能需求得到对应的源代码，包括：根据功能需求在模型层model与控制层controller扩展，使用用于构建用户界面的脚步库React编写定义所述功能需求对应的组件的初始化参数；定义外部修改所述组件参数时所触发的函数；定义所述组件的值改变时的处理函数；定义所述失去焦点时处理函数；定义声明组件的函数。3.根据权利要求1所述的方法，其特征在于，所述将所述源代码编译成原生脚本，包括：采用脚本编译器工具编辑所述源代码生成原生脚本。4.根据权利要求1所述的方法，其特征在于，所述用于构建用户界面的脚步库React组件包括按钮组件、下拉组件、数值输入框组件、滑动条组件、气泡提示组件和表格组件。5.一种组件调用方法，包括：获取业务需求；根据所述业务需求调用对应的用于构建用户界面的脚步库React组件，所述用于构建用户界面的脚步库React组件为根据功能需求在模型层model与控制层controller扩展，使用用于构建用户界面的脚步库React编写所述功能需求得到对应的源代码，并将所述源代码编译成原生脚本，以及对所述原生脚本采用异步模块加载机制AMD规范包装得到的用于构建用户界面的脚步库React组件；获取对所述用于构建用户界面的脚步库React组件配置的参数；将所述配置的参数传递给对应的用于构建用户界面的脚步库React组件，形成包含所述参数的用于构建用户界面的脚步库React组件；展示包含所述参数的所述用于构建用户界面的脚步库React组件。6.一种组件构建装...

【专利技术属性】
技术研发人员：伍林，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44