CN111488538A - 一种互联网软件web应用页面装修系统 - Google Patents

一种互联网软件web应用页面装修系统 Download PDF

Info

Publication number
CN111488538A
CN111488538A CN202010127058.8A CN202010127058A CN111488538A CN 111488538 A CN111488538 A CN 111488538A CN 202010127058 A CN202010127058 A CN 202010127058A CN 111488538 A CN111488538 A CN 111488538A
Authority
CN
China
Prior art keywords
web application
decoration system
page
internet software
application page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202010127058.8A
Other languages
English (en)
Inventor
杨静
陈今梁
王宇
马俊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hangzhou Endpoint Network Technology Co ltd
Original Assignee
Hangzhou Endpoint Network Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hangzhou Endpoint Network Technology Co ltd filed Critical Hangzhou Endpoint Network Technology Co ltd
Publication of CN111488538A publication Critical patent/CN111488538A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

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

Description

一种互联网软件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所示，在建站平台的站点设置域名，系统同时调用设置服务器域名及访问解析，当用户通过页面访问时就可以正常解析相应，装修系统根据解析和读取对应的站点即可渲染返回访问站点的页面，避免了域名解析、站点解析、服务器设置麻烦的人工操作。作为优选，建站平台包括使用入口、店铺模板、文章管理、站点与页面配置、页面管理。
装修系统的搭建包括：安装运行、项目集成和按照权限管理站点。所述安装运行包括环境、安装示例项目、运行示例项目；项目集成包括：组件列表配置、注册组件模板、注册参数配置。

Claims (10)

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应用页面装修系统，其特征在于，所述建站平台包括使用入口、店铺模板、文章管理、站点与页面配置、页面管理。
CN202010127058.8A 2019-11-20 2020-02-28 一种互联网软件web应用页面装修系统 Pending CN111488538A (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201911140528.8A CN110909280A (zh) 2019-11-20 2019-11-20 一种互联网软件web应用页面装修系统
CN2019111405288 2019-11-20

Publications (1)

Publication Number Publication Date
CN111488538A true CN111488538A (zh) 2020-08-04

Family

ID=69818387

Family Applications (2)

Application Number Title Priority Date Filing Date
CN201911140528.8A Pending CN110909280A (zh) 2019-11-20 2019-11-20 一种互联网软件web应用页面装修系统
CN202010127058.8A Pending CN111488538A (zh) 2019-11-20 2020-02-28 一种互联网软件web应用页面装修系统

Family Applications Before (1)

Application Number Title Priority Date Filing Date
CN201911140528.8A Pending CN110909280A (zh) 2019-11-20 2019-11-20 一种互联网软件web应用页面装修系统

Country Status (1)

Country Link
CN (2) CN110909280A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112052003A (zh) * 2020-09-07 2020-12-08 江苏小梦科技有限公司 一种互联网软件web应用页面美化系统

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020116418A1 (en) * 2000-12-06 2002-08-22 Alka Lachhwani Layout generator system and method
CN102902781A (zh) * 2012-09-28 2013-01-30 五八有限公司 网页页面装修推送方法及装置
CN103927209A (zh) * 2014-04-16 2014-07-16 大连亿联科技股份有限公司 Feebless建站引擎
CN104142826A (zh) * 2014-07-28 2014-11-12 百度在线网络技术（北京）有限公司 页面的构建方法、装置及系统
CN105824900A (zh) * 2016-03-14 2016-08-03 传线网络科技（上海）有限公司 一种基于react-native的页面展示系统
US20180046602A1 (en) * 2016-08-12 2018-02-15 NetSuite Inc. System and methods for control of content presented on web pages
CN110069734A (zh) * 2017-08-16 2019-07-30 阿里巴巴集团控股有限公司 一种页面组件的展现方法和装置
CN110442336A (zh) * 2019-08-05 2019-11-12 上海钧正网络科技有限公司 一种网页开发方法及装置、存储介质及电子设备

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020116418A1 (en) * 2000-12-06 2002-08-22 Alka Lachhwani Layout generator system and method
CN102902781A (zh) * 2012-09-28 2013-01-30 五八有限公司 网页页面装修推送方法及装置
CN103927209A (zh) * 2014-04-16 2014-07-16 大连亿联科技股份有限公司 Feebless建站引擎
CN104142826A (zh) * 2014-07-28 2014-11-12 百度在线网络技术（北京）有限公司 页面的构建方法、装置及系统
CN105824900A (zh) * 2016-03-14 2016-08-03 传线网络科技（上海）有限公司 一种基于react-native的页面展示系统
US20180046602A1 (en) * 2016-08-12 2018-02-15 NetSuite Inc. System and methods for control of content presented on web pages
CN110069734A (zh) * 2017-08-16 2019-07-30 阿里巴巴集团控股有限公司 一种页面组件的展现方法和装置
CN110442336A (zh) * 2019-08-05 2019-11-12 上海钧正网络科技有限公司 一种网页开发方法及装置、存储介质及电子设备

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112052003A (zh) * 2020-09-07 2020-12-08 江苏小梦科技有限公司 一种互联网软件web应用页面美化系统

Also Published As

Publication number Publication date
CN110909280A (zh) 2020-03-24

Similar Documents

Publication Publication Date Title
US8819538B2 (en) Method and apparatus for generating a link to a presented web page
US6697825B1 (en) Method and apparatus for generating and modifying multiple instances of element of a web site
US8136027B2 (en) Method and apparatus for providing conditional customization for generating a web site
US20220198396A1 (en) Access control methods for collaborative editing via multiple user interfaces
US20170103050A9 (en) Method and apparatus for generating a web site with dynamic content data from an external data source integrated therein
CA2622315A1 (en) Automatic website generator
US20110072370A1 (en) User interface modifier
CN103744575B (zh) 一种用于提供输入应用的输入辅助区域的方法与设备
CN104321743A (zh) 用于开发在通信网络上查询内容和服务的应用程序的方法和系统
Brusaporci The representation of architectural heritage in the digital age
CN107436785B (zh) 基于信息系统的Revit软件信息交互系统及交互方法
CN111488538A (zh) 一种互联网软件web应用页面装修系统
CN105207989A (zh) 一种多维度用户的工作台系统及其控制方法
US20120215663A1 (en) System and method for providing a managed graphic design community
CN110780960B (zh) 一种网页制作方法、系统、可读存储介质及服务器
CN101588317A (zh) 一种网站消息动态发布的方法
EP1447756B1 (en) Network-based document management system
Brienza et al. Introduction: Understanding comics work
KR20020000581A (ko) 홈페이지 자동 구축 방법 및 시스템
WO2002019153A1 (en) Method and apparatus for generating a web site using a multi-dimensional description of the website
CN114935996B (zh) 在线处理文档的方法、计算机设备、存储介质
Grav 2.3 Using Design Thinking in Graphic Design Creation
CN116910410A (zh) 一种动态官网页面布局和数据的配置方法
KR20240062301A (ko) 권한 가변형 웹캐드 서비스 방법
Pereira Design and development: the made in BRIC challenge

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination