CN109284469B

CN109284469B - 网页开发框架

Info

Publication number: CN109284469B
Application number: CN201811237809.0A
Authority: CN
Inventors: 张锦林
Original assignee: Zhongshan Jinhua Soft Technology Co ltd
Current assignee: Zhongshan Jinhua Soft Technology Co ltd
Priority date: 2018-10-23
Filing date: 2018-10-23
Publication date: 2021-01-05
Anticipated expiration: 2038-10-23
Also published as: CN109284469A

Abstract

本申请涉及一种网页开发框架，包括：对象生成模块，用于根据数据库中相关数据表的结构生成相应的内容对象；状态保存模块，用于收集页面操作的相关数据，并根据页面操作保存标签对象的数据状态；数据交互模块，用于将页面操作的相关数据存放在数据模型中，并进行页面与服务端的数据交互；模型解析模块，用于对所述数据模型进行解析，获得数据库对象；数据服务模块，用于处理所述数据库对象，并向数据库请求数据。本申请的网页开发框架将常用的逻辑功能封装成一个个通用、可复制的组件，大大提高开发人员效率，降低整体专案开发成本；节省开发人员开发、测试调整、上线后按用户定制化需求修改的开发过程的时间。

Description

网页开发框架

技术领域

本申请涉及WEB开发技术领域，具体涉及一种网页开发框架。

背景技术

传统WEB开发一个增删改查的作业，需要写JS代码，排版布局好HTML，还要写服务端CS(Client/Servers，客户端/服务器)类及相应处理逻辑，连接数据库的相关类和功能。这些工作费时费力，时间成本高。

并且这样的开发过程会使每个页面代码不一致，因而即使实现类同的功能，也需要从头开始写。变量、代码不统一，导致测试质量不高，无法聚合复用相应功能；这样就导致开发效率低，开发成本居高不下。

相关技术中，存在开发成本高、硬编码以及编码不统一的问题；后续经过多人维护及开发后，WEB页面无法统一，并且二次开发的前期准备时间周期长。

发明内容

为至少在一定程度上克服相关技术中存在的问题，本申请提供一种网页开发框架。

根据本申请的实施例，提供一种网页开发框架，包括：

对象生成模块，用于根据数据库中相关数据表的结构生成相应的内容对象；

状态保存模块，用于收集页面操作的相关数据，并根据页面操作保存标签对象的数据状态；

数据交互模块，用于将页面操作的相关数据存放在数据模型中，并进行页面与服务端的数据交互；

模型解析模块，用于对所述数据模型进行解析，获得数据库对象；

数据服务模块，用于处理所述数据库对象，并向数据库请求数据。

进一步地，所述相关数据表的结构包括如下项中的至少一项：相关数据表的关系、关联数据表的栏位及注释。

进一步地，所述内容对象包括如下项中的至少一项：HTML标签、js代码、CSS布局。

进一步地，所述页面操作包括如下项中的至少一项：增加、删除、修改、查询。

进一步地，所述根据页面操作保存标签对象的数据状态，包括：

处理页面操作的数据逻辑；

对处理后的结果进行过滤并赋值到页面；

保存页面上标签对象的数据状态。

进一步地，所述标签对象为HTML标签。

进一步地，所述页面操作的相关数据包括：每个页面操作的数据及状态；

所述数据模型为xml model和/或json model。

进一步地，所述对所述数据模型进行解析，包括：

分析数据模型中存放的页面操作的类型；

与数据库进行交互，以使所述数据库根据页面操作的类型对相关数据进行处理；

将获取的反馈结果处理后生成数据库对象。

进一步地，所述将获得的反馈结果处理后生成数据库对象，包括：

获取所述数据库进行返回操作的类型和数据库类型；

对获取的信息进行逻辑语言处理，生成数据库对象。

进一步地，所述处理所述数据库对象，并向数据库请求数据，包括：

将所述数据库对象发送给数据库的驱动程式进行处理；

向所述数据库请求处理结果；

对获取的处理结果进行打包和封装，生成数据对象。

本申请的实施例提供的技术方案可以包括以下有益效果：

本申请的网页开发框架将常用的逻辑功能封装成一个个通用、可复制的组件，大大提高开发人员效率，降低整体专案开发成本。节省开发人员开发、测试调整、上线后按用户定制化需求修改的开发过程的时间，并在上线后维护过程中，可以快速设计并实现相关的新需求，节省软件公司从设计、编码、测试、交付整个过程中的人力成本费用问题。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。

图1是根据一示例性实施例示出的一种网页开发框架的结构框架示意图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

本申请的开发框架应用MVC设计模式，通过数据模型(model)、UI视图(View)、xml和json类型控制器(Controller)分离，增强代码的复用性，降低数据描述和应用操作的耦合度。使开发框架的开发效率、测试过程中的问题调整性、上线系统的可维护性、按用户客制化需求的灵活性大大提高。UI即User Interface(用户界面)的简称，泛指用户的操作界面。

各项工具的整合性：自动产生CRUD的WEB的UI页面，收集并分散处理的数据模型xml或是json，再通过自主研发的XML和JSON的数据逻辑分析器，分解出数据库可识别的DDL可执行的语句(SQL和package、procedure等)，交由自主研发的数据库交易服务层去操作数据库，并返回结果及结果集的过程，整个过程都是自主研发的类别库，前后数据收集、整理、加密、解密、操作、返回等，都在一个自主研发的协议过程中操作，所以安全高效。

其中，CRUD是指在做计算处理时的增加(Create)、读取查询(Retrieve)、更新(Update)和删除(Delete)操作。crud主要被用在描述软件系统中数据库或者持久层的基本操作功能。

独立、耦合的xml model和json model接口技术，实现系统的数据交互，为整个系统流程提供集成机制。

引用jquery、jqgrid、boostrap等WebUI框架实现代码的通用性和提高执行效率。

因为所有代码交易的过程，都是用组件搭积木的方式处理，所以具备了非常高的适应各种用户的需求变化的能力。

移动端采用HTML5、mobile等相关UI框架技术，解决浏览器兼容性问题。

下面结合具体的实施方式对本申请的方案做进一步的说明。

本申请提供一种网页开发框架，包括：

一些实施例中，所述相关数据表的结构包括如下项中的至少一项：相关数据表的关系、关联数据表的栏位及注释。

一些实施例中，所述内容对象包括如下项中的至少一项：HTML标签、js代码、CSS布局。

一些实施例中，所述对象生成模块可以是页面创建工具(pagebuild.dll)。

根据数据库的相关表的关系(主明细表、主明细明细表等)以及关联表的栏位及comments(注释)，自动通过研发好的页面自动生成器工具，产生WEB程式所需要的UI页面内容对象(HTML标签、js代码、CSS布局)。

其中，所述相关表是设定好主键和外部关联键的表；所述关联表是有主键、外部键相关联的资料表。

CSS(Cascading Style Sheets，层叠样式表)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

一些实施例中，所述页面操作包括如下项中的至少一项：增加、删除、修改、查询。

一些实施例中，所述根据页面操作保存标签对象的数据状态，包括：

处理页面操作的数据逻辑；

对处理后的结果进行过滤并赋值到页面；

保存页面上标签对象的数据状态。

一些实施例中，所述标签对象为HTML标签。

一些实施例中，所述状态保存模块可以是处理页面标签对象数据和状态的JS通用组件(iudservice.js)。

JS通用组件iudservice.js的相关功能和方法：根据页面操作(增、删、改、查)自动收集数据，处理增删改查页面数据逻辑，根据页面上的预设条件过滤数据，并把服务端提交的数据依次赋值到页面上对应栏位的HTML标签，然后保存好页面HTML标签对象的数据状态。

一些实施例中，所述页面操作的相关数据包括：每个页面操作的数据及状态；所述数据模型为xml model和/或json model。

一些实施例中，所述数据交互模块可以是通用的客户端与服务端交互的数据模型组件(model.xml)。

每个页面操作的数据及状态，都存放在客户端的xml model中和json model中，用这个数据模型作为UI页面与服务器端交互的通用数据模型组件(记录操作类型，连接数据库信息，返回数据类型，以及数据库栏位状态及数据的相关信息)。

一些实施例中，所述对所述数据模型进行解析，包括：

分析数据模型中存放的页面操作的类型；

将获取的反馈结果处理后生成数据库对象。

一些实施例中，所述将获得的反馈结果处理后生成数据库对象，包括：

获取所述数据库进行返回操作的类型和数据库类型；

对获取的信息进行逻辑语言处理，生成数据库对象。

其中，所述数据库对象为各种数据库可识别并可执行的MDL语句。

一些实施例中，所述模型解析模块可以是数据模型解析工具(sqlclf.dll)。

该模块用于分析从客户端传递回来的xml model或是json model，主要分析操作类型(新增、删除、更改、查询、存储过程等)，连接数据库的相关信息，从客户端传回来的数据模型经过数据库处理后，确定将数据返回到UI端所采用的返回操作的类型(比如，XML返回、json返回、字符串返回等)、数据库类型(比如，oracle、mssql、mysql等)，把上述的这些信息通过逻辑语言处理后，变成各种数据库(oracle、mssql、mysql等)可识别并可执行的MDL(data manipulation language，数据操纵语言)语句。

一些实施例中，所述处理所述数据库对象，并向数据库请求数据，包括：

将所述数据库对象发送给数据库的驱动程式进行处理；

向所述数据库请求处理结果；

对获取的处理结果进行打包和封装，生成数据对象。

生成的数据对象便于在收到客户端的数据请求时，快速响应并返回到客户端。

一些实施例中，所述数据服务模块可以是数据库对象自动行执行并返回工具(dataservice.dll)。

该模块用于处理通过sqlclf.dll解析出来的数据库可执行的DML语句(比如，select,update,Procedure等)，交由.net平台数据库驱动程式与数据库连接并执行DML语句，从数据库中得到数据，经由sqlclf.dll组件把从数据库取得的数据打包、封装，变成.net平台的数据对象(比如，dataset,datatable,xmldocuemnt等)，以备响应到客户端作好准备。

本申请的开发框架不仅可以有效的管理企业信息，而且对于提高企业生产效率和推进信息化建设起到不可估量的作用。

本申请可以帮助企业构建高效的内部供应链，堵塞管理漏洞、提高生产效率、降低成本，同时也完成了数据采集的过程，为数据分析提供及时、完整、真实的数据信息，全面改进运营效率，强化成本的过程控制，降低企业运营的财务风险。

可以理解的是，上述各实施例中相同或相似部分可以相互参考，在一些实施例中未详细说明的内容可以参见其他实施例中相同或相似的内容。

需要说明的是，在本申请的描述中，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。此外，在本申请的描述中，除非另有说明，“多个”的含义是指至少两个。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本申请的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本申请的实施例所属技术领域的技术人员所理解。

应当理解，本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本申请各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。

尽管上面已经示出和描述了本申请的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本申请的限制，本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims

1.一种网页开发框架，其特征在于，包括：

对象生成模块，用于根据数据库中相关数据表的结构生成相应的内容对象，所述内容对象包括如下项中的至少一项：HTML标签、js代码、CSS布局；

状态保存模块，用于收集页面操作的相关数据，并根据页面操作保存标签对象的数据状态；所述根据页面操作保存标签对象的数据状态，包括：处理页面操作的数据逻辑；对处理后的结果进行过滤并赋值到页面；保存页面上标签对象的数据状态；

模型解析模块，用于对所述数据模型进行解析，获得数据库对象；所述对所述数据模型进行解析，包括：分析数据模型中存放的页面操作的类型；与数据库进行交互，以使所述数据库根据页面操作的类型对相关数据进行处理；将获取的反馈结果处理后生成数据库对象；所述将获得的反馈结果处理后生成数据库对象，包括：获取所述数据库进行返回操作的类型和数据库类型；对获取的信息进行逻辑语言处理，生成数据库对象；

数据服务模块，用于处理所述数据库对象，并向数据库请求数据；包括：将所述数据库对象发送给数据库的驱动程式进行处理；向所述数据库请求处理结果；对获取的处理结果进行打包和封装，生成数据对象。

2.根据权利要求1所述的开发框架，其特征在于，所述相关数据表的结构包括如下项中的至少一项：相关数据表的关系、关联数据表的栏位及注释。

3.根据权利要求1所述的开发框架，其特征在于，所述页面操作包括如下项中的至少一项：增加、删除、修改、查询。

4.根据权利要求1所述的开发框架，其特征在于，所述标签对象为HTML标签。

5.根据权利要求1-4任一项所述的开发框架，其特征在于，所述页面操作的相关数据包括：每个页面操作的数据及状态；

所述数据模型为xml model和/或json model。