一种网页设计方法及系统技术方案

本发明专利技术公开了一种网页设计方法，首先设置存储：设计器表格采用绝对坐标系的方式，即在设计器里设计的页面和在浏览器中展示的页面布局完全一样，实现所见即所得的效果，将所有在设计器中的设置，以一种计算机可识别的编码语言存储为数据模型文件；然后将数据模型文件传送至服务器，称之为元数据；当浏览器向服务器发送请求时，服务器返回元数据；在浏览器端，解析引擎解析从服务器端传送的元数据，本发明专利技术还公开了一种网页设计系统，本发明专利技术解决了现有技术中存在的Excel管理数据效率低、出错率高的问题。

【技术实现步骤摘要】
一种网页设计方法及系统
本专利技术属于无编码或少编码Web应用开发
，具体涉及一种网页设计方法，本专利技术还涉及网页设计系统。
技术介绍
在信息化已经非常普及的今天，各种信息系统，管理系统无处不在，然而企业在信息化的过程中，却面临两个主要问题：用Excel管理数据，限制太多，用Excel管理数据，难以实现同一时间多人协同工作；文件往往要靠邮件传来传去，影响工作效率；而且，版本管理较为困难，难以确定当前在Excel里的数据是最新的；随着时间的推移，还会产生大量相似文件名的Excel文件，不但会占用额外的空间，而且难于管理，不得不去通过文件名来猜测文件里面的内容，产生数据管理的混乱。购买行业软件，成本高，难定制，购买第三方的行业软件，或者通过外包软件公司来开发企业信息管理系统，在很大程度上提升了企业的工作效率，减少了人力成本。但是，每个企业总是有自己特殊的业务需求，第三方的行业软件往往很难满足这些特殊的需求，可定制的能力差，不能因地制宜，满足需求。如果外包开发，周期长，问题得不到及时的解决，影响工作效率。为了克服以上问题，本专利技术通过一种表格式的设计方式，易上手，基于很多人对Excel的熟悉程度，无学习成本，快速的生成Web应用。
技术实现思路
本专利技术的目的是提供一种网页设计方法，解决了现有技术中存在的Excel管理数据效率低、出错率高的问题。本专利技术的另一目的是提供一种网页设计系统。本专利技术所采用的第一技术方案是，一种网页设计方法，具体按照以下步骤实施：步骤1、设置存储：设计器表格采用绝对坐标系的方式，即在设计器里设计的页面和在浏览器中展示的页面布局完全一样，实现所见即所得的效果，将所有在设计器中的设置，以一种计算机可识别的编码语言存储为数据模型文件；步骤2、将步骤1中的数据模型文件传送至服务器，称之为元数据；步骤3：当浏览器向服务器发送请求时，服务器返回步骤2中的元数据；步骤4：在浏览器端，解析引擎解析步骤3从服务器端传送的元数据。本专利技术第一技术方案的特点还在于，步骤1中设计器包含数据引擎模块、界面元素模块、界面布局引擎模块、命令引擎模块、流程引擎模块、Web生成引擎模块，设计器中整个页面背景为一个表格，表格的行数、列数以及每一列的列宽、每一行的高度均能够被设置，单元格之间能够被合并，通过上述设置达到调整页面大小和页面内容布局的目的。数据引擎模块用于连接到数据库，包含SQLLite、SQLServer、Oracle、ODBC数据库。界面元素模块包含各种单元格列选、文本框、按钮、超链接、多文本、单选、复选、下拉框。界面布局引擎模块，使用表格方式布局，简易操作，使用拖拽、合并方式。命令引擎模块，定义各单元格的行为，操作，交互。流程引擎模块，定义工作流流向。Web生成引擎模块，根据所定义的界面元素的布局、行为、数据交互，生成Web应用。步骤4具体按照以下步骤实施：步骤4.1、页面元素解析：将元数据中的页面信息进行提取，并以Html5的标准元素在页面上展示；步骤4.2：公式模块解析：将元数据中的公式信息进行提取，在步骤4.1加载完成后对相应的元素进行计算；步骤4.3：命令驱动解析：将元数据中的命令信息进行提取，当页面元素获得相对应的触发时机时，执行相对应的操作；步骤4.4：工作流程解析，将元数据中的工作流程信息进行提取，当流程被触发时，执行相应的操作；步骤4.5、服务器交互引擎：将元数据中的服务器交互信息进行提取，当与服务器进行交互时，执行相对应的操作。本专利技术所采用的第二技术方案是，一种网页设计系统，包括：用于将数据引擎模块、界面元素模块、界面布局引擎模块、命令引擎模块、流程引擎模块、Web生成引擎模块为数据模型文件的存储设备；用于将数据引擎模块连接到数据库的设备；用于将数据引擎模块与SQLLite、SQLServer、Oracle、ODBC数据库兼容的设备；用于将界面元素模块包括的各种单元格列选、文本框、按钮、超链接、多文本、单选、复选、下拉框进行调用的设备；用于将界面布局引擎模块包含的表格布局、拖拽、合并功能调用的设备；用于将命令引擎模块定义各单元格的行为、操作、交互的设备；用于将流程引擎模块定义工作流流向的设备；用于将Web生成引擎模块根据所定义的界面元素的布局、行为、数据交互，生成Web应用的设备；用于将所有在设计器中的设置，以一种计算机可识别的编码语言存储为数据模型文件的存储设备；用于将数据模型文件传送至服务器的传送设备；用于浏览器向服务器发送请求的请求设备；用于服务器响应浏览器的发送请求返回上一步中元数据的返回设备；用于解析引擎解析中服务器端传送的元数据的解析设备。本专利技术的有益效果是，一种网页设计方法，基于很多人对Excel的熟悉程度，通过一种类Excel(或者叫表格)的设计方法，去设计和实现一个Web移动应用的平台。具体实施方式下面结合具体实施方式对本专利技术进行详细说明。本专利技术一种网页设计方法，具体按照以下步骤实施：步骤1、设置存储：设计器表格采用绝对坐标系的方式，即在设计器里设计的页面和在浏览器中展示的页面布局完全一样，实现所见即所得的效果，将所有在设计器中的设置，以一种计算机可识别的编码语言存储为数据模型文件，其中，设计器包含数据引擎模块、界面元素模块、界面布局引擎模块、命令引擎模块、流程引擎模块、Web生成引擎模块，设计器中整个页面背景为一个表格，表格的行数、列数以及每一列的列宽、每一行的高度均能够被设置，单元格之间能够被合并，通过上述设置达到调整页面大小和页面内容布局的目的；数据引擎模块用于连接到数据库，包含SQLLite、SQLServer、Oracle、ODBC数据库；界面元素模块包含各种单元格列选、文本框、按钮、超链接、多文本、单选、复选、下拉框；界面布局引擎模块，使用表格方式布局，简易操作，使用拖拽、合并方式；命令引擎模块，定义各单元格的行为，操作，交互；流程引擎模块，定义工作流流向；Web生成引擎模块，根据所定义的界面元素的布局、行为、数据交互，生成Web应用；步骤2、将步骤1中的数据模型文件传送至服务器，称之为元数据；步骤3：当浏览器向服务器发送请求时，服务器返回步骤2中的元数据；步骤4：在浏览器端，解析引擎解析步骤3从服务器端传送的元数据，具体按照以下步骤实施：步骤4.1、页面元素解析：将元数据中的页面信息进行提取，并以Html5的标准元素在页面上展示；步骤4.2：公式模块解析：将元数据中的公式信息进行提取，在步骤4.1加载完成后对相应的元素进行计算；步骤4.3：命令驱动解析：将元数据中的命令信息进行提取，当页面元素获得相对应的触发时机时，执行相对应的操作；步骤4.4：工作流程解析，将元数据中的工作流程信息进行提取，当流程被触发时，执行相应的操作；步骤4.5、服务器交互引擎：将元数据中的服务器交互信息进行提取，当与服务器进行交互时，执行相对应的操作。一种网页设计系统，包括：用于将数据引擎模块、界面元素模块、界面布局引擎模块、命令引擎模块、流程引擎模块、Web生成引擎模块为数据模型文件的存储设备；用于将数据引擎模块连接到数据库的设备；用于将数据引擎模块与SQLLite、SQLServer、Oracle、ODBC数据库兼容的设备；用于将界面元素模块包括的各种单元格列选、文本框、本文档来自技高网...

【技术保护点】
1.一种网页设计方法，其特征在于，具体按照以下步骤实施：步骤1、设置存储：设计器表格采用绝对坐标系的方式，即在设计器里设计的页面和在浏览器中展示的页面布局完全一样，实现所见即所得的效果，将所有在设计器中的设置，以一种计算机可识别的编码语言存储为数据模型文件；步骤2、将步骤1中的数据模型文件传送至服务器，称之为元数据；步骤3：当浏览器向服务器发送请求时，服务器返回步骤2中的元数据；步骤4：在浏览器端，解析引擎解析步骤3从服务器端传送的元数据。

【技术特征摘要】
1.一种网页设计方法，其特征在于，具体按照以下步骤实施：步骤1、设置存储：设计器表格采用绝对坐标系的方式，即在设计器里设计的页面和在浏览器中展示的页面布局完全一样，实现所见即所得的效果，将所有在设计器中的设置，以一种计算机可识别的编码语言存储为数据模型文件；步骤2、将步骤1中的数据模型文件传送至服务器，称之为元数据；步骤3：当浏览器向服务器发送请求时，服务器返回步骤2中的元数据；步骤4：在浏览器端，解析引擎解析步骤3从服务器端传送的元数据。2.根据权利要求1所述的一种网页设计方法，其特征在于，所述步骤1中设计器包含数据引擎模块、界面元素模块、界面布局引擎模块、命令引擎模块、流程引擎模块、Web生成引擎模块，设计器中整个页面背景为一个表格，表格的行数、列数以及每一列的列宽、每一行的高度均能够被设置，单元格之间能够被合并，通过上述设置达到调整页面大小和页面内容布局的目的。3.根据权利要求2所述的一种网页设计方法，其特征在于，所述数据引擎模块用于连接到数据库，包含SQLLite、SQLServer、Oracle、ODBC数据库。4.根据权利要求2所述的一种网页设计方法，其特征在于，所述界面元素模块包含各种单元格列选、文本框、按钮、超链接、多文本、单选、复选、下拉框。5.根据权利要求2所述的一种网页设计方法，其特征在于，所述界面布局引擎模块，使用表格方式布局，简易操作，使用拖拽、合并方式。6.根据权利要求2所述的一种网页设计方法，其特征在于，所述命令引擎模块，定义各单元格的行为，操作，交互。7.根据权利要求2所述的一种网页设计方法，其特征在于，所述流程引擎模块，定义工作流流向。8.根据权利要求2所述的一种网页设计方法，其特征在于，所述Web生成引擎模块，根据所定义的界面元素的布局、行为、数据交互，生成We...

【专利技术属性】
技术研发人员：胡森，
申请(专利权)人：西安葡萄城信息技术有限公司，
类型：发明
国别省市：陕西,61