CN104111841B - 一种微内核web开发框架的实现方法 - Google Patents
一种微内核web开发框架的实现方法 Download PDFInfo
- Publication number
- CN104111841B CN104111841B CN201410387291.4A CN201410387291A CN104111841B CN 104111841 B CN104111841 B CN 104111841B CN 201410387291 A CN201410387291 A CN 201410387291A CN 104111841 B CN104111841 B CN 104111841B
- Authority
- CN
- China
- Prior art keywords
- data
- framework
- kernel
- web
- micro
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 34
- 230000008569 process Effects 0.000 claims abstract description 13
- 230000008676 import Effects 0.000 claims abstract description 4
- 230000006978 adaptation Effects 0.000 claims description 16
- 230000005540 biological transmission Effects 0.000 claims description 6
- 238000006243 chemical reaction Methods 0.000 claims description 6
- 238000005516 engineering process Methods 0.000 description 10
- 230000008859 change Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 2
- 238000010168 coupling process Methods 0.000 description 2
- 238000005859 coupling reaction Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 108010068977 Golgi membrane glycoproteins Proteins 0.000 description 1
- 241001101720 Murgantia histrionica Species 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000004899 motility Effects 0.000 description 1
- 210000005239 tubule Anatomy 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种微内核web开发框架的实现方法,其具体实现过程为:选择开发环境及开发工具,建立开发项目;下载并导入所使用的软件工具库,这里的软件工具库包括ExtJs、Bootstrap和jQuery文件库;在同一框架基础上,分别使用ExtJs、Bootstrap和jQuery进行相同场景web应用开发;通过框架内核提供前台适配接口,将不同方式开发的web前端与同一个后台架构进行无缝对接;通过框架内核提供的数据通道将数据转换成相同格式,实现前台与后台之间的多界面展示。该一种微内核web开发框架的实现方法与现有技术相比,增加了框架的兼容性和扩展性,实现了数据的多界面展示,实用性强。
Description
技术领域
本发明涉及web开发技术领域,具体地说是一种实用性强、微内核web开发框架的实现方法。
背景技术
在web应用开发中,框架的使用大大简化了开发过程,不仅降低了开发成本,还能够使程序设计更加合理稳定。然而现有的web开发框架的前后台绑定较为紧密,限制了框架的扩展性和灵活性,而且单一的前台界面风格也不能满足数据展示多样化的需求。
目前主要使用的web开发框架,只支持单一的界面风格,这种方式能在一定程度上满足应企业级的web应用,但对于要求具有绚丽界面效果的移动web应用,这些web开发框架就不再适用了。而且随着web应用场景及技术发展日益多样化,开发框架具有低耦合度和高适配性已成为必然发展趋势。
基于此,现提供一种微内核web开发框架的实现方法,以支持多种风格的界面展示,便于不同技术员的开发维护,增强扩展性。
发明内容
本发明的技术任务是针对以上不足之处,提供一种实用性强、微内核web开发框架的实现方法。
一种微内核web开发框架的实现方法,其具体实现过程为:
一、选择开发环境及开发工具,建立开发项目;
二、下载并导入所使用的软件工具库,这里的软件工具库包括ExtJs、Bootstrap和jQuery文件库;
三、在同一框架基础上,分别使用ExtJs、Bootstrap和jQuery进行相同场景web应用开发;
四、通过框架内核提供前台适配接口,将步骤三中三种不同方式开发的web前端与同一个后台架构进行无缝对接;
五、通过框架内核提供的数据通道将数据转换成相同格式,实现前端数据传递给后台以及后台数据在前端的多界面展示。
所述框架内核包括适配层和转发层,其中适配层提供与不同web前端连接的接口,这里的不同web前端包括ExtJs、Bootstrap和jQuery三种web前端。
所述步骤五中数据转换成的相同格式是指Json格式。
所述步骤五中前端数据传递给后台的过程为:框架内核的适配层将前台获取到的数据转换成Json格式的数据,交给转发层转发,该转发层并将Json数据转换为Map传递给后台。
所述步骤五中后台数据传递给前端的过程为:后台传递的数据首先转换成Json格式传递给转发层进行转发,适配层获取到数据后,根据前端指定的接口再将数据转换成相应格式的数据进行前台展示。
本发明的一种微内核web开发框架的实现方法,具有以下优点:
1、支持web前端使用多种技术开发,适用于更多应用场景,增加了开发框架的使用范围,同时具有更强的扩展性;
2、不同方式的前端开发,支持不同的界面风格,实现了相同数据的多样化界面显示,使得web应用开发更灵活且应用场景更广泛;
3、支持多种前端开发技术,前端支持使用ExtJs、Bootstrap和jQuery方式进行开发,适用于不同技术人员,降低了使用框架进行web开发的学习成本,能很好的兼容之前已有的优秀框架,同时,多技术支持的设计原理具有良好的扩展性,赋予该框架强大的生命力;
4、框架内核提供适配接口,web后端固定的情况下,实现前后端无缝对接。从而降低了前后端的耦合度,进一步实现web应用开发中的前后端分离,不仅提高了web开发的灵活性,而且减少了项目的移植难度及维护工作;
5、框架内核提供了对各种前端开发技术的适配接口,在后台架构不变的情况下,能够将相同格式的数据通过内核提供的数据通道进行前后台交互。此外,对于多种开发方式的支持便于不同技术员的开发维护,节约学习成本,而且有较高的兼容性,更容易与其他技术进行结合,增强了扩展性;实用性强,适用范围广泛,易于推广。
附图说明
附图1为本发明的实现示意图。
具体实施方式
下面结合附图和具体实施例对本发明作进一步说明。
本发明提供一种微内核web开发框架的实现方法,通过提供同一框架内核,多种前台开发方式的web应用开发框架,实现前台与后台数据的交互。本发明属于web应用开发技术,涉及web开发工具、环境、使用的编程语言及数据库操作技术。具体实现在具有唯一内核的框架上,使用ExtJs、Bootstrap和jQuery技术更加灵活的进行web前端的开发,通过选用不同web前端开发方式并配置相应的内核适配接口,实现数据的多界面展示。基于此设计思路,如附图1所示,该方法的具体实现过程为:
一、选择开发环境及开发工具,建立开发项目。
在实际开发时,开发人员可以根据自己的开发细管选择不同的web开发工具,比如Firebug、GIMP、FileZilla等开发工具。
二、下载并导入所使用的软件工具库,这里的软件工具库包括ExtJs、Bootstrap和jQuery文件库。
在这里向已建立的项目中导入ExtJs、Bootstrap和jQuery文件库是针对所选择的的前端开发方式而设置的。
三、在同一框架基础上,分别使用ExtJs、Bootstrap和jQuery进行相同场景web应用开发。
也就是说,在导入所选开发文件库的基础上,进行前端web开发。
四、通过框架内核提供前台适配接口,将步骤三中三种不同方式开发的web前端与同一个后台架构进行无缝对接。
不同开发方式下,框架前端与框架内核的接口不同,因此,在选定前端开发方式后,需要配置框架内核与前端的适配接口。后台架构固定,框架内核与后台接口不变,适配接口的改变对后台是透明的,从而实现多样化web前端与同一后台架构的无缝对接。
五、通过框架内核提供的数据通道将数据转换成相同格式,实现前端数据传递给后台以及后台数据在前端的多界面展示。
不同开发方式下的前台传递的数据,进入框架内核后被转换为Json格式的数据传递给后台进行处理。同样,后台传递的数据被解析为Json格式传递给前台,由于不同技术支持不同的界面风格,从而实现相同数据的多界面风格展示。
所述框架内核包括适配层和转发层,其中适配层提供与不同web前端连接的接口,这里的不同web前端包括ExtJs、Bootstrap和jQuery三种web前端。
所述步骤五中前端数据传递给后台的过程为:框架内核的适配层将前台获取到的数据转换成Json格式的数据,交给转发层转发,该转发层并将Json数据转换为Map传递给后台。
所述步骤五中后台数据传递给前端的过程为:后台传递的数据首先转换成Json格式传递给转发层进行转发,适配层获取到数据后,根据前端指定的接口再将数据转换成相应格式的数据进行前台展示。
实施例
如附图1所示,本发明提出的开发框架由前端多样的开发方式、框架内核、固定的后台架构组成。其中,内核通过提供适配接口,如图中A1、A2、A3,与web前端进行交互,通过固定接口B与后台进行交互。具体实现如下:框架内核包括适配层和转发层。适配层用于提供与不同web前端的接口,实现将前台获取到的数据转换成Json格式的数据,交给转发层转发,在接口B处将Json数据转换为Map传递给后台。同理,后台传递的数据首先在接口B处转换成Json格式传递给转发层进行转发,适配层获取到数据后,根据前端指定的接口再将数据转换成相应格式的数据进行前台展示。通过以上方式,最终实现前后台的数据交互。
采用该框架能够更加灵活的进行web开发,前端web开发技术的不同对后台是透明的,不会影响后台数据的处理,实现了web开发中前后端分离。处理前后台交互的框架内核提供了灵活的适配接口,增加了框架的兼容性和扩展性,实现了数据的多界面展示。
上述具体实施方式仅是本发明的具体个案,本发明的专利保护范围包括但不限于上述具体实施方式,任何符合本发明的一种微内核web开发框架的实现方法的权利要求书的且任何所属技术领域的普通技术人员对其所做的适当变化或替换,皆应落入本发明的专利保护范围。
Claims (5)
1.一种微内核web开发框架的实现方法,其特征在于其具体实现过程为:
一、选择开发环境及开发工具,建立开发项目;
二、下载并导入所使用的软件工具库,这里的软件工具库包括ExtJs、Bootstrap和jQuery文件库;
三、在同一框架基础上,分别使用ExtJs、Bootstrap和jQuery进行相同场景web应用开发;
四、通过框架内核提供前台适配接口,将步骤三中三种不同方式开发的web前端与同一个后台架构进行无缝对接;
五、通过框架内核提供的数据通道将数据转换成相同格式,实现前端数据传递给后台以及后台数据在前端的多界面展示。
2.根据权利要求1所述的一种微内核web开发框架的实现方法,其特征在于:所述框架内核包括适配层和转发层,其中适配层提供与不同web前端连接的接口,这里的不同web前端包括ExtJs、Bootstrap和jQuery三种web前端。
3.根据权利要求2所述的一种微内核web开发框架的实现方法,其特征在于:所述步骤五中数据转换成的相同格式是指Json格式。
4.根据权利要求3所述的一种微内核web开发框架的实现方法,其特征在于:所述步骤五中前端数据传递给后台的过程为:框架内核的适配层将前台获取到的数据转换成Json格式的数据,交给转发层转发,该转发层并将Json数据转换为Map传递给后台。
5.根据权利要求3所述的一种微内核web开发框架的实现方法,其特征在于:所述步骤五中后台数据在前端的多界面展示的过程为:后台传递的数据首先转换成Json格式传递给转发层进行转发,适配层获取到数据后,根据前端指定的接口再将数据转换成相应格式的数据进行前台展示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410387291.4A CN104111841B (zh) | 2014-08-08 | 2014-08-08 | 一种微内核web开发框架的实现方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410387291.4A CN104111841B (zh) | 2014-08-08 | 2014-08-08 | 一种微内核web开发框架的实现方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104111841A CN104111841A (zh) | 2014-10-22 |
CN104111841B true CN104111841B (zh) | 2017-03-08 |
Family
ID=51708641
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410387291.4A Active CN104111841B (zh) | 2014-08-08 | 2014-08-08 | 一种微内核web开发框架的实现方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104111841B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105100124B (zh) * | 2015-09-14 | 2018-10-26 | 浪潮(北京)电子信息产业有限公司 | 一种防火墙管理系统、客户端、服务器端和方法 |
CN112749220A (zh) * | 2021-01-08 | 2021-05-04 | 北京码牛科技有限公司 | 酒店信息管理系统、方法、电子设备及可读存储介质 |
CN113553064B (zh) * | 2021-07-07 | 2023-07-14 | 北京计算机技术及应用研究所 | 一种web前端代码转换方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101819654A (zh) * | 2010-02-24 | 2010-09-01 | 上海引跑信息科技有限公司 | 基于cmis协议面向内容管理的工作流系统 |
CN102508667A (zh) * | 2011-11-11 | 2012-06-20 | 迈普通信技术股份有限公司 | 一种使用第三方的JavaScript库的方法和装置 |
CN103064662A (zh) * | 2012-08-28 | 2013-04-24 | 华南理工大学 | 基于Android平台的PhoneGap跨平台媒体扩展框架 |
US8533336B1 (en) * | 2011-02-04 | 2013-09-10 | Google Inc. | Automated web frontend sharding |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2013048329A2 (en) * | 2011-09-30 | 2013-04-04 | 13Th Lab | A method for capturing events in front of a camera device |
-
2014
- 2014-08-08 CN CN201410387291.4A patent/CN104111841B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101819654A (zh) * | 2010-02-24 | 2010-09-01 | 上海引跑信息科技有限公司 | 基于cmis协议面向内容管理的工作流系统 |
US8533336B1 (en) * | 2011-02-04 | 2013-09-10 | Google Inc. | Automated web frontend sharding |
CN102508667A (zh) * | 2011-11-11 | 2012-06-20 | 迈普通信技术股份有限公司 | 一种使用第三方的JavaScript库的方法和装置 |
CN103064662A (zh) * | 2012-08-28 | 2013-04-24 | 华南理工大学 | 基于Android平台的PhoneGap跨平台媒体扩展框架 |
Non-Patent Citations (3)
Title |
---|
一种规范Web开发框架的研究与实现;宋波等;《微电子学与计算机》;20071231;第24卷(第7期);第201-203,208页 * |
基于微内核的中间件自适应机制研究与实现;李骁;《中国优秀硕士学位论文全文数据库 信息科技辑》;20100515;第2010年卷(第5期);I138-113 * |
基于微内核的构建框架设计与实现;姜振宇;《中国优秀硕士学位论文全文数据库 信息科技辑》;20110415;第2011年卷(第4期);I138-511 * |
Also Published As
Publication number | Publication date |
---|---|
CN104111841A (zh) | 2014-10-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
RU2006133383A (ru) | Визуализация пользовательского интерфейса | |
CN109144615A (zh) | 一种信息发布方法、装置、设备及存储介质 | |
CN104111841B (zh) | 一种微内核web开发框架的实现方法 | |
CN103176802B (zh) | 通过控件池实现系统的用户界面ui与控件库分离的方法 | |
CN101815093A (zh) | 一种网页到移动终端的适配方法及移动终端页面适配装置 | |
CN102103491A (zh) | 一种界面生成系统以及方法 | |
CN108255481A (zh) | 应用开发方法及相关设备 | |
CN103777944A (zh) | 一种基于Eclipse的MIPS平台集成开发环境及其实现方法 | |
CN109683892A (zh) | 页面展示方法、装置、计算机设备及存储介质 | |
CN106598620A (zh) | 代码生成方法及代码生成器 | |
CN104572059A (zh) | 一种修改应用名称的处理方法及装置 | |
CN107977203A (zh) | 存储装置、应用程序控件以及用户界面的创建方法 | |
Dahiya et al. | Mobility Management in Green IoT | |
WO2005048013A3 (en) | Data input panel character conversion | |
CN109800368A (zh) | H5导航栏按钮配置方法、装置、计算机设备及存储介质 | |
CN204948064U (zh) | 基于电力线载波通信的充电桩 | |
Zinsstag et al. | Best practice in transdisciplinary research–Swiss td-award winners 2013 | |
CN101651545B (zh) | 一种单点登录系统及其个性化向导实现方法和装置 | |
CN104199660B (zh) | 水利软件中定制式输出及成果动态显示的方法 | |
CN108170478A (zh) | 数据清除方法、装置、可穿戴设备及计算机可读存储介质 | |
CN101702120A (zh) | 移动设备及其人机输入处理方法 | |
May et al. | Combinations for Connectivity | |
Carmona | A Design Quality Unit for England: Five Ingredients for Success | |
Karol Mohan et al. | Exploring co-production in redirecting climate urbanism | |
Gour et al. | The resource theory of incompatibility |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |