一种互联网软件web应用页面装修系统的制作方法

本发明属于计算机技术领域，具体涉及一种互联网软件web应用页面装修系统。

背景技术：

在互联网软件系统中，web页面用于搭建站点及店铺中多个页面，每个页面均包含页面布局及页面内模块。互联网软件web应用界面变化多端，往往需要根据经营业务的改变和营销活动的变化进行页面新建、页面内容调整、页面布局及样式调整。而传统的页面更改需要经过相关技术人员就页面设计、需求沟通、研发及开发、页面发布等问题进行多方沟通，还需要长时间的制作和发布。端点互联网软件web应用页面装修系统通过实现基于界面的可视化操作，可快速完成站点页面的制作和发布。

技术实现要素：

为了解决上述问题，本发明提供了一种互联网软件web应用页面装修系统，可以克服传统互联网软件web应用页面更改需要多方沟通及长时间制作和发布的缺陷，简化操作的复杂度，可快速装修出符合期望的web应用界面。

本发明的技术方案为：

一种互联网软件web应用页面装修系统，包括提供给使用人员操作界面的建站平台、布局和整个装修系统的底层后台以及装修系统的搭建，所述装修系统的底层后台包括：

用于提供组件布局和参数配置的装修器；

通过渲染引擎进行渲染的组件。

本发明组件包括可以判断是否符合装修环境的模板、参数配置和用于设置组件属性的控件。

本发明通过addproperties方法给组件添加属性，参数配置包括：定义基础信息名称、描述等组件，添加配置区域、名称、显示顺序，将定义的组件注册到装修区域。

组件的渲染是通过渲染引擎来进行的，通过这种方式装修系统可以快速支持新的组件类型，作为优选，渲染引擎包括react和reactnative渲染引擎。

建站平台主要是提供给使用人员的操作界面；建站平台的站点可以组合一组有序的页面并支持站点维度的独立访问。并且可以管理模版页面和基于模版页面进行快速创建页面。作为优选，根据所述建站平台的站点支持设置独立的访问域名，建站平台可分为pc端和移动端。

布局在同一页面存在多种不同的布局，并且在pc、移动端采用不同的布局方式。作为优选，在pc端使用可以根据页面实现响应式调整的grid栅格布局；在移动端使用可以支持不同手机宽度全匹配展示的纵向流式布局。

布局可以支持上下、左右、嵌套及不同的布局组合，可以布局出各种复杂的页面。同时每个容器可以设margin、padding等各个方向的内外边距，边距的值可以设置0、正数、负数，以实现正边距及负边距；可以设置不同容器的层级关系，以满足页面内容叠加的复杂效果。

移动端的流式布局首先满足页面100％宽度，不同宽度的手机屏幕也可以实现铺满展示，内容宽度按照百分比进行分配实现内容划分。

控件是装修系统中用来设置组件属性的一类组件，常用的属性有占位属性和可拖拽属性，作为优选，本发明的控件包括图片选择器控件、文本控件、日期控件。

在建站平台的站点设置域名，系统同时调用设置服务器域名及访问解析，当用户通过页面访问时就可以正常解析相应，装修系统根据解析和读取对应的站点即可渲染返回访问站点的页面，避免了域名解析、站点解析、服务器设置麻烦的人工操作。作为优选，建站平台包括使用入口、店铺模板、文章管理、站点与页面配置、页面管理。

装修系统的搭建包括：安装运行、项目集成和按照权限管理站点。所述安装运行包括环境、安装示例项目、运行示例项目；项目集成包括：组件列表配置、注册组件模板、注册参数配置。

与现有技术相比，本发明的有益效果体现在：

互联网软件web应用页面装修系统可以帮助不懂技术的运营人员图形化和界面化操作完成页面的新建及内容组织，使得页面既符合运营人员的设想效果，又可以实现页面更改，编辑后的页面可以直接发布浏览使用，模块的编辑提升了页面的制作速度。

附图说明

图1为本发明所能实现的页面装修模块。

图2为本发明的建站平台。

图3为本发明的布局。

具体实施方式

本发明的具体实施方式为：

如图1所示，一种互联网软件web应用页面装修系统，包括提供给使用人员操作界面的建站平台、布局和整个装修系统的底层后台以及装修系统的搭建，所述装修系统的底层后台包括：

用于提供组件布局和参数配置的装修器；

通过渲染引擎进行渲染的组件。

本发明组件包括可以判断是否符合装修环境的模板、参数配置和用于设置组件属性的控件。

本发明通过addproperties方法给组件添加属性，参数配置包括：定义基础信息名称、描述等组件，添加配置区域、名称、显示顺序，将定义的组件注册到装修区域。

组件的渲染是通过渲染引擎来进行的，通过这种方式装修系统可以快速支持新的组件类型，作为优选，渲染引擎包括react和reactnative渲染引擎。

建站平台主要是提供给使用人员的操作界面；建站平台的站点可以组合一组有序的页面并支持站点维度的独立访问。并且可以管理模版页面和基于模版页面进行快速创建页面。作为优选，根据所述建站平台的站点支持设置独立的访问域名，建站平台可分为pc端和移动端。

如图3所示，布局在同一页面存在多种不同的布局，并且在pc、移动端采用不同的布局方式。作为优选，在pc端使用可以根据页面实现响应式调整的grid栅格布局；在移动端使用可以支持不同手机宽度全匹配展示的纵向流式布局。

布局可以支持上下、左右、嵌套及不同的布局组合，可以布局出各种复杂的页面。同时每个容器可以设margin、padding等各个方向的内外边距，边距的值可以设置0、正数、负数，以实现正边距及负边距；可以设置不同容器的层级关系，以满足页面内容叠加的复杂效果。

移动端的流式布局首先满足页面100％宽度，不同宽度的手机屏幕也可以实现铺满展示，内容宽度按照百分比进行分配实现内容划分。

控件是装修系统中用来设置组件属性的一类组件，常用的属性有占位属性和可拖拽属性，作为优选，本发明的控件包括图片选择器控件、文本控件、日期控件。

如图2所示，在建站平台的站点设置域名，系统同时调用设置服务器域名及访问解析，当用户通过页面访问时就可以正常解析相应，装修系统根据解析和读取对应的站点即可渲染返回访问站点的页面，避免了域名解析、站点解析、服务器设置麻烦的人工操作。作为优选，建站平台包括使用入口、店铺模板、文章管理、站点与页面配置、页面管理。

装修系统的搭建包括：安装运行、项目集成和按照权限管理站点。所述安装运行包括环境、安装示例项目、运行示例项目；项目集成包括：组件列表配置、注册组件模板、注册参数配置。

技术特征：

1.一种互联网软件web应用页面装修系统，其特征在于，包括提供给使用人员操作界面的建站平台、布局和整个装修系统的底层后台以及装修系统的搭建，所述装修系统的底层后台包括：

用于提供组件布局和参数配置的装修器；

通过渲染引擎进行渲染的组件。

2.根据权利要求1所述的一种互联网软件web应用页面装修系统，其特征在于，所述组件包括可以判断是否符合装修环境的模板、参数配置和用于设置组件属性的控件。

3.根据权利要求2所述的一种互联网软件web应用页面装修系统，其特征在于，所述参数配置包括：定义基础信息名称、描述等组件，添加配置区域、名称、显示顺序，将定义的组件注册到装修区域。

4.根据权利要求1所述的一种互联网软件web应用页面装修系统，其特征在于，所述装修系统的搭建包括：安装运行、项目集成和按照权限管理站点。

5.根据权利要求4所述的一种互联网软件web应用页面装修系统，其特征在于，所述安装运行包括环境、安装示例项目、运行示例项目。

6.根据权利要求4所述的一种互联网软件web应用页面装修系统，其特征在于，所述项目集成包括：组件列表配置、注册组件模板、注册参数配置。

7.根据权利要求1所述的一种互联网软件web应用页面装修系统，其特征在于，所述渲染引擎包括react和reactnative渲染引擎。

8.根据权利要求1所述的一种互联网软件web应用页面装修系统，其特征在于，所述布局在同一页面存在多种不同的布局，并且在pc、移动端采用不同的布局方式。

9.根据权利要求1或8所述的一种互联网软件web应用页面装修系统，其特征在于，所述不同的布局方式包括：在pc端使用可以根据页面实现响应式调整的grid栅格布局；在移动端使用可以支持不同手机宽度全匹配展示的纵向流式布局。

10.根据权利要求1所述的一种互联网软件web应用页面装修系统，其特征在于，所述建站平台包括使用入口、店铺模板、文章管理、站点与页面配置、页面管理。

技术总结
本发明公开了一种互联网软件web应用页面装修系统，系统包括提供给使用人员操作界面的建站平台、布局和整个装修系统的底层后台以及装修系统的搭建，所述装修系统的底层后台包括：用于提供组件布局和参数配置的装修器；通过渲染引擎进行渲染的组件。互联网软件web应用页面装修系统可以帮助不懂技术的运营人员图形化和界面化操作完成页面的新建及内容组织，使得页面既符合运营人员的设想效果，又可以实现页面更改，编辑后的页面可以直接发布浏览使用，模块的编辑提升了页面的制作速度。

技术研发人员：杨静;陈今梁;王宇;马俊
受保护的技术使用者：杭州端点网络科技有限公司
技术研发日：2020.02.28
技术公布日：2020.08.04