[发明专利]一种网页可视化构件开发方法

说明书

本发明提供一种网页可视化构件开发方法，包括以下步骤：S1，网页展示提取组件；S2，可视化构件封装，形成网页构件资源库；S3，构件可视化嵌套；S4，对话框进行展示属性与数据源属性配置；S5，生成网页代码；S6，进行网页展示。本发明通过可视化构件开发方式，降低了开发难度，增加了网页开发的灵活性与扩展性；提高了开发人员效率；同时构件资源库的搭建，实现了网页构件资源的复用性，降低了开发成本。

技术领域

本发明涉及计算机领域，尤其涉及一种网页可视化构件开发方法。

背景技术

目前，基于前端网页开发过程，一般都是基于前端框架，然后通过在此框架上进行手动编码，然后进行页面开发，而且很少制定一套前端开发规范，导致不同人之间写出来的代码难以统一，不利用网页代码后期维护。一个项目中开发的网页代码，在另一个项目开发中难以重复利用，就算利用，也仅仅是通过代码复制再修改的方式，容易出现代码遗漏，改动困难的情况，需求变动，导致界面展示变化，也不能快速的响应，需要手动进行代码调转。最终会造成开发效率低下，不利于后期维护性与扩展性。

发明内容

本发明的目的在于解决上述现有技术存在的缺陷，提供一种网页可视化构件开发方法。

一种网页可视化构件开发方法，包括以下步骤：

S1，网页展示提取组件；

S2，可视化构件封装，形成网页构件资源库；

S3，构件可视化嵌套；

S4，对话框进行展示属性与数据源属性配置；

S5，生成网页代码；

S6，进行网页展示。

进一步地，如上所述的网页可视化构件开发方法，S1中所述的组件包括布局组件、展示组件、展示与布局组合组件；

所述展示组件指是网页上实实在在显示的界面，如日历，表格；

布局组件为决定组件在网页上位置的摆放，一般不再网页上进行展示，包括栅格布局、表格布局；

展示与布局组合组件是既在网页上进行展示，也可以组件在网页上放置的位置，包括面板含栅格布局。

进一步地，如上所述的网页可视化构件开发方法，S2所述可视化构件封装步骤包括：将S1提取的组件代码封装成XML标签；将组件代码对应的XML标签、相关的JS与CSS和图片资源打包封装成可视化构件，将可视化构件放入网页构件资源库中。

进一步地，如上所述的网页可视化构件开发方法，S3构件可视化嵌套包括：对布局构件进行网页站位，然后将展示构件放入布局构件中，展示构件又可嵌套布局组件，这样层层嵌套，形成最终可视化网页。

进一步地，如上所述的网页可视化构件开发方法，S4包括：进行构件网页展示相关属性配置；进行构件事件处理属性配置；进行构件数据属性配置。

进一步地，如上所述的网页可视化构件开发方法，所述网页构件资源库包括：包括基础构件、组合构件、业务构件；

基础网页构件是细粒度网页构件，功能特性比较单一，包括日历，下拉菜单；

组合网页构件是基础网页构件组合形成的，方便网页快速成型，较少实际开发组合成本，包括带面板的表单、带Tab页的表格；

业务网页构件是具有一定业务含义还有的构件，通用性差，常根据某一场景定制的；包括含有用户名、用户密码的登录构件。

本发明的有益效果在于：通过可视化构件开发方式，降低了开发难度，增加了网页开发的灵活性与扩展性；提高了开发人员效率；同时构件资源库的搭建，实现了网页构件资源的复用性，降低了开发成本。

附图说明