CN109343848A - 一种网页设计方法及系统 - Google Patents
一种网页设计方法及系统 Download PDFInfo
- Publication number
- CN109343848A CN109343848A CN201811087425.5A CN201811087425A CN109343848A CN 109343848 A CN109343848 A CN 109343848A CN 201811087425 A CN201811087425 A CN 201811087425A CN 109343848 A CN109343848 A CN 109343848A
- Authority
- CN
- China
- Prior art keywords
- server
- metadata
- engine
- equipment
- module
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明公开了一种网页设计方法，首先设置存储：设计器表格采用绝对坐标系的方式，即在设计器里设计的页面和在浏览器中展示的页面布局完全一样，实现所见即所得的效果，将所有在设计器中的设置，以一种计算机可识别的编码语言存储为数据模型文件；然后将数据模型文件传送至服务器，称之为元数据；当浏览器向服务器发送请求时，服务器返回元数据；在浏览器端，解析引擎解析从服务器端传送的元数据，本发明还公开了一种网页设计系统，本发明解决了现有技术中存在的Excel管理数据效率低、出错率高的问题。
Description
技术领域
本发明属于无编码或少编码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数据库兼容的设备；
用于将界面元素模块包括的各种单元格列选、文本框、按钮、超链接、多文本、单选、复选、下拉框进行调用的设备；
用于将界面布局引擎模块包含的表格布局、拖拽、合并功能调用的设备；
用于将命令引擎模块定义各单元格的行为、操作、交互的设备；
用于将流程引擎模块定义工作流流向的设备；
用于将Web生成引擎模块根据所定义的界面元素的布局、行为、数据交互，生成Web应用的设备；
用于将所有在设计器中的设置，以一种计算机可识别的编码语言存储为数据模型文件的存储设备；
用于将数据模型文件传送至服务器的传送设备；
用于浏览器向服务器发送请求的请求设备；
用于服务器响应浏览器的发送请求返回上一步中元数据的返回设备；
用于解析引擎解析中服务器端传送的元数据的解析设备。
Claims (10)
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生成引擎模块，根据所定义的界面元素的布局、行为、数据交互，生成Web应用。
9.根据权利要求1所述的一种网页设计方法，其特征在于，所述步骤4具体按照以下步骤实施：
步骤4.1、页面元素解析：将元数据中的页面信息进行提取，并以Html5的标准元素在页面上展示；
步骤4.2：公式模块解析：将元数据中的公式信息进行提取，在步骤4.1加载完成后对相应的元素进行计算；
步骤4.3：命令驱动解析：将元数据中的命令信息进行提取，当页面元素获得相对应的触发时机时，执行相对应的操作；
步骤4.4：工作流程解析，将元数据中的工作流程信息进行提取，当流程被触发时，执行相应的操作；
步骤4.5、服务器交互引擎：将元数据中的服务器交互信息进行提取，当与服务器进行交互时，执行相对应的操作。
10.一种网页设计系统，其特征在于，包括：
用于将数据引擎模块、界面元素模块、界面布局引擎模块、命令引擎模块、流程引擎模块、Web生成引擎模块为数据模型文件的存储设备；
用于将数据引擎模块连接到数据库的设备；
用于将数据引擎模块与SQLLite、SQLServer、Oracle、ODBC数据库兼容的设备；
用于将界面元素模块包括的各种单元格列选、文本框、按钮、超链接、多文本、单选、复选、下拉框进行调用的设备；
用于将界面布局引擎模块包含的表格布局、拖拽、合并功能调用的设备；
用于将命令引擎模块定义各单元格的行为、操作、交互的设备；
用于将流程引擎模块定义工作流流向的设备；
用于将Web生成引擎模块根据所定义的界面元素的布局、行为、数据交互，生成Web应用的设备；
用于将所有在设计器中的设置，以一种计算机可识别的编码语言存储为数据模型文件的存储设备；
用于将数据模型文件传送至服务器的传送设备；
用于浏览器向服务器发送请求的请求设备；
用于服务器响应浏览器的发送请求返回上一步中元数据的返回设备；
用于解析引擎解析中服务器端传送的元数据的解析设备。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811087425.5A CN109343848A (zh) | 2018-09-18 | 2018-09-18 | 一种网页设计方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811087425.5A CN109343848A (zh) | 2018-09-18 | 2018-09-18 | 一种网页设计方法及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109343848A true CN109343848A (zh) | 2019-02-15 |
Family
ID=65305908
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811087425.5A Pending CN109343848A (zh) | 2018-09-18 | 2018-09-18 | 一种网页设计方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109343848A (zh) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102436372A (zh) * | 2011-08-31 | 2012-05-02 | 中国运载火箭技术研究院 | 一种监控表格生成系统 |
| CN103455473A (zh) * | 2012-05-30 | 2013-12-18 | 刘继业 | 一种基于html的web表单定义及应用方法 |
| CN104281447A (zh) * | 2014-09-01 | 2015-01-14 | 国家电网公司 | 一种报表快速生成及发布的系统及其方法 |
| US20150120669A1 (en) * | 2013-10-24 | 2015-04-30 | Sas Institute Inc. | Techniques for creating a bootable image in a cloud-based computing environment |
| CN104714766A (zh) * | 2015-03-12 | 2015-06-17 | 福建工程学院 | 一种web报表浏览器中直接打印的方法 |
| CN106020794A (zh) * | 2016-05-10 | 2016-10-12 | 浪潮软件股份有限公司 | 一种复杂页面门户页面布局方法 |
| CN107544808A (zh) * | 2017-09-07 | 2018-01-05 | 北京奥威科软信息技术有限公司 | 一种网页表单的生成方法和装置 |
| CN107807913A (zh) * | 2017-11-16 | 2018-03-16 | 金航数码科技有限责任公司 | 一种基于web的电子表单设计系统及方法 |
-
2018
- 2018-09-18 CN CN201811087425.5A patent/CN109343848A/zh active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102436372A (zh) * | 2011-08-31 | 2012-05-02 | 中国运载火箭技术研究院 | 一种监控表格生成系统 |
| CN103455473A (zh) * | 2012-05-30 | 2013-12-18 | 刘继业 | 一种基于html的web表单定义及应用方法 |
| US20150120669A1 (en) * | 2013-10-24 | 2015-04-30 | Sas Institute Inc. | Techniques for creating a bootable image in a cloud-based computing environment |
| CN104281447A (zh) * | 2014-09-01 | 2015-01-14 | 国家电网公司 | 一种报表快速生成及发布的系统及其方法 |
| CN104714766A (zh) * | 2015-03-12 | 2015-06-17 | 福建工程学院 | 一种web报表浏览器中直接打印的方法 |
| CN106020794A (zh) * | 2016-05-10 | 2016-10-12 | 浪潮软件股份有限公司 | 一种复杂页面门户页面布局方法 |
| CN107544808A (zh) * | 2017-09-07 | 2018-01-05 | 北京奥威科软信息技术有限公司 | 一种网页表单的生成方法和装置 |
| CN107807913A (zh) * | 2017-11-16 | 2018-03-16 | 金航数码科技有限责任公司 | 一种基于web的电子表单设计系统及方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101122899B (zh) | 报表的生成方法和设备 | |
| CN102325191B (zh) | 一种全自动的页面无刷新处理方法及框架 | |
| CN107247808A (zh) | 一种分布式NewSQL数据库系统及图片数据查询方法 | |
| CN115617327A (zh) | 低代码页面搭建系统、方法及计算机可读存储介质 | |
| CN102163233A (zh) | 一种网页标记语言格式转换方法及系统 | |
| CN103092890A (zh) | 报表自动生成及发送的系统及方法 | |
| CN103150624A (zh) | 基于工艺流程图的设备管理监控系统 | |
| CN102196000A (zh) | 一种基于b/s结构的业务流程可视化方法及系统 | |
| CN108228180A (zh) | 基于可视化界面设计的自动代码生成方法及系统 | |
| CN101388904A (zh) | Gis服务聚合方法、装置及系统 | |
| CN108304172A (zh) | 一种web开发方法及web开发引擎 | |
| CN102184101B (zh) | 一种面向智能手机的软件应用框架及其开发系统 | |
| CN101713968B (zh) | 换流站倒闸操作票生成系统及其应用方法 | |
| CN102880683A (zh) | 一种可行性研究报告的自动网络生成系统及其生成方法 | |
| CN109902117A (zh) | 业务系统分析方法和装置 | |
| CN103927385A (zh) | 数据模型的统一方法及装置 | |
| CN103577536A (zh) | 一种模板式网站生成改进系统及方法 | |
| CN103116827A (zh) | 农网工程管控系统 | |
| CN109213480A (zh) | 一种开发后台管理页面的方法、存储介质、设备及系统 | |
| CN101021789A (zh) | 在应用软件系统中新增信息流管理功能的实现方法 | |
| CN103530134A (zh) | 一种可配置软件平台结构 | |
| CN104834715A (zh) | 一种基于部件和容器的网站生成方法及系统 | |
| CN108984156A (zh) | 一种基于模板的免代码开发的软件自动生成方法及系统 | |
| CN112000322A (zh) | 一种基于业务场景模板的处理系统 | |
| CN103793464A (zh) | 一种基于中立格式的报表导出方法 |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190215 |