【技术实现步骤摘要】
共享前端组件的渲染方法、装置、设备及存储介质
本专利技术涉及研发管理
，尤其涉及共享前端组件的渲染方法、装置、设备及存储介质。
技术介绍
在线客服系统是基于自然语言技术的多渠道、全天候的在线服务机器人，在线客服系统应用的领域非常广，尤其在金融行业应用的更加广泛，这种通过问答的形式解决用户各类问题，已经成为企业提升与客户沟通效率，减少沟通成本的重要支撑；在线客服系统涉及到众多的企业知识和用户数据，用户咨询的不同的问题会匹配到不同的知识和数据，这些知识和数据需要以不同的展示样式告知用户。传统的开发模式是当业务需要渲染一个特殊的知识时，将用户的问题传输到后台服务，机器人进行语义解析，匹配到对应的问题和答案，答案是一个指令标签，会通知大数据系统去查询用户的账单，然后将指令标签和用户的数据传给前端页面，前端页面根据指令标签渲染界面设计及数据。传统的开发模式用于一个业务领域需要一个在线客服机器人的情况，是可以保证工作效率的，如果多个不同的业务领域需要同时用到在线客服机器人为用户服务，在线客服机器人需要在不同的前端各...
【技术保护点】
1.一种共享前端组件的渲染方法，其特征在于，包括：/n设置入口函数与预置JS对象的参数，所述参数包括预置JS对象的挂载节点值和渲染参数基础数据；/n根据所述预置JS对象和预置开发框架生成候选前端组件；/n根据所述入口函数、所述参数和所述候选前端组件，生成超文本标记语言HTML代码片段和初始化的候选前端组件；/n根据所述HTML代码片段动态渲染对应的所述初始化的候选前端组件，获取渲染后的目标前端组件；/n根据所述渲染后的目标前端组件生成JS文件，并存储全部所述JS文件，所述JS文件由所述渲染后的目标前端组件打包生成；/n获取用户指令，并根据所述用户指令从预存的JS文件中得到目...
【技术特征摘要】 【专利技术属性】
1.一种共享前端组件的渲染方法，其特征在于，包括：
设置入口函数与预置JS对象的参数，所述参数包括预置JS对象的挂载节点值和渲染参数基础数据；
根据所述预置JS对象和预置开发框架生成候选前端组件；
根据所述入口函数、所述参数和所述候选前端组件，生成超文本标记语言HTML代码片段和初始化的候选前端组件；
根据所述HTML代码片段动态渲染对应的所述初始化的候选前端组件，获取渲染后的目标前端组件；
根据所述渲染后的目标前端组件生成JS文件，并存储全部所述JS文件，所述JS文件由所述渲染后的目标前端组件打包生成；
获取用户指令，并根据所述用户指令从预存的JS文件中得到目标JS文件，根据所述目标JS文件在预置页面中生成相对应的渲染后的目标前端组件。
2.根据权利要求1所述的共享前端组件的渲染方法，其特征在于，所述根据所述入口函数、所述参数和所述候选前端组件，生成超文本标记语言HTML代码片段和初始化的候选前端组件包括：
将所述挂载节点值和所述渲染参数基础数据输入所述入口函数，为所述候选前端组件赋值，生成HTML代码片段；
更新所述预置JS对象与入口函数，完成对所述候选前端组件的初始化，得到初始化的候选前端组件。
3.根据权利要求1所述的共享前端组件的渲染方法，其特征在于，所述根据所述HTML代码片段动态渲染对应的所述初始化的候选前端组件，获取渲染后的目标前端组件包括：
根据所述HTML代码片段生成界面UI节点，所述UI节点包括业务逻辑和层叠样式表CSS样式；
将所述UI节点挂载到位置节点中，得到渲染后的目标前端组件，所述位置节点为初始化时传入挂载节点值的节点。
4.根据权利要求1所述的共享前端组件的渲染方法，其特征在于，在所述设置开发框架的入口函数与JS对象的参数，所述参数包括入口函数的挂载节点值和渲染参数基础数据之前，所述方法还包括：
定义JS对象，得到预置JS对象，被定义的JS对象根据业务数据生成；
设置开发框架和开发框架的基础样式，获取预置开发框架。
5.根据权利要求4所述的共享前端组件的渲染方法，其特征在于，所述设置开发框架和开发框架的基础样式，获取预置开发框架包括：
设置开发框架为统一开发框架，所述统一开发框架为前端技术框架中的一种；
调用flexible插件设置所述统一开发框架的根节点像素值为基准值，得到设置后的统一开发框架；
将预置的尺寸比例，确定为所述设置后的统一开发框架的界面UI设计标准，得到预置开发框架。
技术研发人员：许海金，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。