CN104750493A - Development method based on mixed mode cross-platform application - Google Patents

Development method based on mixed mode cross-platform application Download PDF

Info

Publication number
CN104750493A
CN104750493A CN201510150899.XA CN201510150899A CN104750493A CN 104750493 A CN104750493 A CN 104750493A CN 201510150899 A CN201510150899 A CN 201510150899A CN 104750493 A CN104750493 A CN 104750493A
Authority
CN
China
Prior art keywords
platform
storehouse
mobile
data
engine
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
CN201510150899.XA
Other languages
Chinese (zh)
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.)
GUIZHOU GUANGSI INFORMATION NETWORK CO., LTD.
Information Center of Guizhou Power Grid Co Ltd
Original Assignee
Information & Communication Branch Of Guizhou Grid Co
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 Information & Communication Branch Of Guizhou Grid Co filed Critical Information & Communication Branch Of Guizhou Grid Co
Priority to CN201510150899.XA priority Critical patent/CN104750493A/en
Publication of CN104750493A publication Critical patent/CN104750493A/en
Pending legal-status Critical Current

Links

Abstract

The invention discloses a development method based on mixed mode cross-platform application. When mobile application layers obtain remote page information through different platforms, a JS library is established between the mobile application layers and the mobile platforms, interaction between pages and the platforms is achieved, and the platforms comprise the mobile platforms and a PC. The remote pages are creatively split into page structures and data, and the JS library provides modules and layout methods needed by the page structures, so when the mobile application layers obtain the remote page information, only the data need to be obtained, the page structures do not need to be obtained, an engine corresponding to the different mobile platforms is set, and the mobile application layers can have the capacity for obtaining the remote pages through the different mobile platforms; when the mobile application layers obtain the remote page information through the PC, the mobile application layers can have the capacity for obtaining the remote pages through the PC by setting an engine corresponding to the PC or setting a general engine module corresponding to the PC in the JS library.

Description

Based on the development approach of mixed mode cross-platform
Technical field
The present invention relates to a kind of development approach based on mixed mode cross-platform, belong to technical field of virtualization.
Background technology
Along with the development of mobile Internet, the intelligent mobile terminal such as mobile phone, panel computer becomes the important carrier of information, and under the trend of mobile, traditional business starts progressively to mobile service expansion, and the demand of enterprise application system mobile is also thereupon growing.
At present, man-to-man Development control area pattern is all located in electrical network business mobile application and development, result in the present situation that the mobile platform of enterprise's existence is little, many, assorted.
Man-to-man Development control area pattern, because producer is different, result in Technical Architecture and the complete disunity of standard, centralized management difficulty is large, there is greater risk in information security, and construction cycle length can be made, there is serious overlapping development problem, cause construction investment to be wasted greatly.
The unified management and control means of each operation system Mobile solution construction disappearance, information security and managing risk high.
Still have by conventional P C machine finishing service in electrical network business simultaneously, due to the combined platform that neither one is unified, business has been difficult in different mobile platform and PC mutual fast.
Summary of the invention
The object of the invention is: a kind of development approach based on the cross-platform Mobile solution of mixed mode is provided, the resource that can realize between different mobile platform and Mobile solution layer is mutual, can ensure that again the resource between conventional P C machine and Mobile solution layer is handed over mutually, to solve current existing technical matters.
Technical scheme of the present invention
A kind of development approach based on mixed mode cross-platform, when Mobile solution layer obtains remote pages information by different platform, adopt between Mobile solution layer and mobile platform, arrange a JS storehouse, realize the page and platform alternately, wherein platform comprises mobile platform and PC.
In the aforesaid development approach based on the cross-platform Mobile solution of mixed mode, concrete methods of realizing can be divided into two kinds: one is that remote pages is split as data and page structure, page structure provides assembly needed for page structure and layout method by JS storehouse, and the ability of visit data, then in JS storehouse, the engine corresponding with platform is set with between platform, the browser corresponding with platform and public function module is provided with in engine, when Mobile solution layer is wanted to obtain remote pages information, JS storehouse receives instruction and is passed in engine by instruction, the platform corresponding with engine only obtains the data of long-range page, and data to be turned back in JS storehouse by former road and together with page structure corresponding with data in JS storehouse, show in Mobile solution layer, another kind is that remote pages is split as data and page structure, page structure provides assembly needed for page structure and layout method by JS storehouse, and the ability of visit data, in JS storehouse, be also provided with engine general module corresponding to PC simultaneously, realize JS storehouse and remote pages is directly handed over mutually, namely mobile layer is when obtaining remote pages information by PC, JS storehouse receives instruction and instruction is penetrated engine general module in JS storehouse, the data of direct acquisition remote pages, the former road of data is put back to and together with page structure corresponding with data in JS storehouse, show in Mobile solution layer, then the first implementation method is still adopted for during mobile platform, namely in JS storehouse, the engine corresponding with mobile platform is set with between platform, the browser corresponding with mobile platform and public function module is provided with in engine, when Mobile solution layer is wanted to obtain remote pages information, JS storehouse receives instruction and is passed in engine by instruction, the mobile platform corresponding with engine only obtains the data of long-range page, and data to be turned back in JS storehouse by former road and together with page structure corresponding with data in JS storehouse, show in Mobile solution layer.
In the aforesaid development approach based on the cross-platform Mobile solution of mixed mode, mobile platform comprises IOS, Androld and Windows Phone.
In the aforesaid development approach based on the cross-platform Mobile solution of mixed mode, described engine general module is based on ajcx technical design.
Owing to have employed technique scheme, compared with prior art, the invention remote pages is split as page structure and data, and JS storehouse provides assembly needed for page structure and layout method, make Mobile solution layer when obtaining remote pages information, only need obtain data and without the need to obtaining page structure, greatly reduce system cloud gray model desired data amount, again by arranging for engine corresponding to different mobile platform, realize Mobile solution layer and moved the ability obtaining remote pages by different platform, when Mobile solution layer obtains remote pages information by PC, can adopt and the engine corresponding with PC is set or engine general module corresponding to PC is set in JS storehouse, realize Mobile solution layer and obtain remote pages ability by PC, the principle of the invention is simple, greatly reduce running frequency and the desired data of internal system.
Accompanying drawing explanation
Accompanying drawing 1 is the principle schematic of embodiment one in the present invention;
Accompanying drawing 2 is principle schematic of embodiment two in the present invention.
Embodiment
Embodiments of the invention one: a kind of development approach based on mixed mode cross-platform, as shown in Figure 1, when Mobile solution layer obtains remote pages information by different platform, adopt and a JS storehouse is set between Mobile solution layer and mobile platform, realize the page and platform mutual, wherein platform comprises mobile platform and PC.
Concrete methods of realizing is: remote pages is split as data and page structure, page structure provides assembly needed for page structure and layout method by JS storehouse, and the ability of visit data, then in JS storehouse, the engine corresponding with platform is set with between platform, the browser corresponding with platform and public function module is provided with in engine, when Mobile solution layer is wanted to obtain remote pages information, JS storehouse receives instruction and is passed in engine by instruction, the platform corresponding with engine only obtains the data of long-range page, and data to be turned back in JS storehouse by former road and together with page structure corresponding with data in JS storehouse, show in Mobile solution layer, wherein mobile platform comprises IOS, Androld and Windows Phone.
It may be noted that, in the present embodiment, Mobile solution layer is the mixed mode applications layer based on HTML5 JS CSS3;
JS storehouse provides assembly needed for page structure and layout method for JS storehouse, and the ability of visit data, wherein assembly is the basic configuration module (i.e. page structure) of remote pages, this JS of visit data ability storehouse itself has ability, and namely those skilled in the art complete the exploitation in JS storehouse after by the thinking of the present embodiment by prior art.
(namely engine comprises the engine corresponding with different mobile platform and the engine corresponding with PC to the engine corresponding from different platform, together with the engine corresponding with PC need be installed with PC), the browser comprised in engine is browser corresponding to different platform, this is prior art, the general module corresponding with different platform is also prior art, and its both organic unities above-mentioned are just got up to realize the maintenance of greatly saving manpower and later stage in later stage programming by the present embodiment.
The present embodiment specific implementation process, if Mobile solution layer needs to obtain personal information by remote pages, first personal information is divided into personal information structure and personal information data, as shown in fig. 1 by means of arrows, Mobile solution layer sends instruction and penetrates in JS storehouse, extract in JS storehouse personal information structure assembly (namely in personal information as name, height, the arrangement mode of the data such as age in the page and the universal coding of itself), and simultaneously by personal information request of data by (in the present embodiment, mobile platform can comprise IOS with different platform, Androld, Windows Phone and PC) in corresponding engine, arrange browser corresponding to different platform and general module in engine, if be obtain remote pages information by this IOS mobile platform when obtaining personal information, then (in this engine, the browser corresponding with IOS mobile platform and general module are set by the engine corresponding with IOS, command signal first passes through browser by JS system, pass to general module again), then IOS mobile platform is entered, then IOS mobile platform completes and obtains personal information data Bing Anyuan road from remote pages and return and enter JS storehouse, and the personal information textural association corresponding with JS storehouse showing in Mobile solution layer, same principle, Mobile solution layer is by Androld, Windows Phone and PC platform complete same operation, thus complete the cross-platform Mobile solution of Mobile solution layer.
Same principle, the present embodiment also can realize Mobile solution layer obtains local resource ability by different platform, and its principle is consistent with acquisition remote pages information.
Embodiments of the invention two: a kind of development approach based on mixed mode cross-platform, as shown in Figure 2, when Mobile solution layer obtains remote pages information by different platform, adopt and a JS storehouse is set between Mobile solution layer and mobile platform, realize the page and platform mutual, wherein platform comprises mobile platform and PC.
Concrete methods of realizing is: remote pages is split as data and page structure, page structure provides assembly needed for page structure and layout method by JS storehouse, and the ability of visit data, in JS storehouse, be also provided with engine general module corresponding to PC simultaneously, realize JS storehouse and remote pages is directly handed over mutually, namely mobile layer is when obtaining remote pages information by PC, JS storehouse receives instruction and instruction is penetrated engine general module in JS storehouse, the data of direct acquisition remote pages, the former road of data is put back to and together with page structure corresponding with data in JS storehouse, show in Mobile solution layer, then the first implementation method is still adopted for during mobile platform, namely in JS storehouse, the engine corresponding with mobile platform is set with between platform, the browser corresponding with mobile platform and public function module is provided with in engine, when Mobile solution layer is wanted to obtain remote pages information, JS storehouse receives instruction and is passed in engine by instruction, the mobile platform corresponding with engine only obtains the data of long-range page, and data to be turned back in JS storehouse by former road and together with page structure corresponding with data in JS storehouse, show in Mobile solution layer, wherein mobile platform comprises IOS, Androld and Windows Phone, this engine general module is based on ajcx technical design.
It may be noted that, in the present embodiment, Mobile solution layer is the mixed mode applications layer based on HTML5 JS CSS3;
JS storehouse provides assembly needed for page structure and layout method for JS storehouse, and the ability of visit data, wherein assembly is the basic configuration module (i.e. page structure) of remote pages, this JS of visit data ability storehouse itself has ability, namely those skilled in the art complete the exploitation in JS storehouse after by the thinking of the present embodiment by prior art, engine in JS storehouse is based on ajcx technological development by module, and JS storehouse is handed over mutually by PC and remote pages, and this is also prior art.
(mobile platform comprises IOS from engine corresponding to different mobile platform, Androld and Windows Phone), the browser comprised in engine is the browser that different mobile platform is corresponding, this is prior art, the general module corresponding from different mobile platform is also prior art, and its both organic unities above-mentioned are just got up to realize the maintenance of greatly saving manpower and later stage in later stage programming by the present embodiment.
The present embodiment specific implementation process, if Mobile solution layer needs to obtain personal information by remote pages, first personal information is divided into personal information structure and personal information data, as shown in the arrow in accompanying drawing two, Mobile solution layer sends instruction and penetrates in JS storehouse, extract in JS storehouse personal information structure assembly (namely in personal information as name, height, the arrangement mode of the data such as age in the page and the universal coding of itself), and simultaneously by personal information request of data by (in the present embodiment, mobile platform can comprise IOS from different mobile platform, Androld, Windows Phone) in corresponding engine, arrange browser corresponding to different mobile platform and general module in engine, if be obtain remote pages information by this IOS mobile platform when obtaining personal information, then (in this engine, the browser corresponding with IOS mobile platform and general module are set by the engine corresponding with IOS, command signal first passes through browser by JS system, pass to general module again), then IOS mobile platform is entered, then IOS mobile platform completes and obtains personal information data Bing Anyuan road from remote pages and return and enter JS storehouse, and the personal information textural association corresponding with JS storehouse showing in Mobile solution layer, same principle, Mobile solution layer completes same operation by Androld and Windows Phone mobile platform, thus complete the cross-platform Mobile solution of Mobile solution layer.
If when Mobile solution layer needs to obtain remote resource by PC, then first personal information is divided into personal information structure and personal information data, as shown in the arrow in accompanying drawing two, Mobile solution layer sends instruction and penetrates in JS storehouse, extract in JS storehouse personal information structure assembly (namely in personal information as name, height, the arrangement mode of the data such as age in the page and the universal coding of itself), and personal information request of data is passed through in the engine general module in JS storehouse simultaneously, engine general module to be returned from a remote pages goods power personal information data Bing Anyuan road by PC and enters JS storehouse, and the personal information textural association corresponding with JS storehouse showing in Mobile solution layer
Same principle, the present embodiment also can realize Mobile solution layer obtains local resource ability by PC, and its principle is consistent with acquisition remote pages information.

Claims (4)

1. the development approach based on mixed mode cross-platform, it is characterized in that: when Mobile solution layer obtains remote pages information by different platform, adopt and a JS storehouse is set between Mobile solution layer and mobile platform, realize the page and platform mutual, wherein platform comprises mobile platform and PC.
2. the development approach based on the cross-platform Mobile solution of mixed mode according to claim 1, it is characterized in that: concrete methods of realizing can be divided into two kinds: one is that remote pages is split as data and page structure, page structure provides assembly needed for page structure and layout method by JS storehouse, and the ability of visit data, then in JS storehouse, the engine corresponding with platform is set with between platform, the browser corresponding with platform and public function module is provided with in engine, when Mobile solution layer is wanted to obtain remote pages information, JS storehouse receives instruction and is passed in engine by instruction, the platform corresponding with engine only obtains the data of long-range page, and data to be turned back in JS storehouse by former road and together with page structure corresponding with data in JS storehouse, show in Mobile solution layer, another kind is that remote pages is split as data and page structure, page structure provides assembly needed for page structure and layout method by JS storehouse, and the ability of visit data, in JS storehouse, be also provided with engine general module corresponding to PC simultaneously, realize JS storehouse and remote pages is directly handed over mutually, namely mobile layer is when obtaining remote pages information by PC, JS storehouse receives instruction and instruction is penetrated engine general module in JS storehouse, the data of direct acquisition remote pages, the former road of data is put back to and together with page structure corresponding with data in JS storehouse, show in Mobile solution layer, then the first implementation method is still adopted for during mobile platform, namely in JS storehouse, the engine corresponding with mobile platform is set with between platform, the browser corresponding with mobile platform and public function module is provided with in engine, when Mobile solution layer is wanted to obtain remote pages information, JS storehouse receives instruction and is passed in engine by instruction, the mobile platform corresponding with engine only obtains the data of long-range page, and data to be turned back in JS storehouse by former road and together with page structure corresponding with data in JS storehouse, show in Mobile solution layer.
3. the development approach based on the cross-platform Mobile solution of mixed mode according to claim 1, is characterized in that: mobile platform comprises IOS, Androld and Windows Phone.
4. the development approach based on the cross-platform Mobile solution of mixed mode according to claim 2, is characterized in that: described engine general module is based on ajcx technical design.
CN201510150899.XA 2015-04-01 2015-04-01 Development method based on mixed mode cross-platform application Pending CN104750493A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510150899.XA CN104750493A (en) 2015-04-01 2015-04-01 Development method based on mixed mode cross-platform application

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510150899.XA CN104750493A (en) 2015-04-01 2015-04-01 Development method based on mixed mode cross-platform application

Publications (1)

Publication Number Publication Date
CN104750493A true CN104750493A (en) 2015-07-01

Family

ID=53590247

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510150899.XA Pending CN104750493A (en) 2015-04-01 2015-04-01 Development method based on mixed mode cross-platform application

Country Status (1)

Country Link
CN (1) CN104750493A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105205000A (en) * 2015-10-12 2015-12-30 用友网络科技股份有限公司 Method and system for positioning influenced code scope in software development
CN106021501A (en) * 2016-05-20 2016-10-12 天脉聚源(北京)传媒科技有限公司 Data storing method and device

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140087762A (en) * 2012-12-31 2014-07-09 주식회사 누리뜰희망아이티 Care service management system based on hybrid app
CN103942225A (en) * 2013-01-23 2014-07-23 阿里巴巴集团控股有限公司 Method and system for invoking resources of Hybrid App client and client

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140087762A (en) * 2012-12-31 2014-07-09 주식회사 누리뜰희망아이티 Care service management system based on hybrid app
CN103942225A (en) * 2013-01-23 2014-07-23 阿里巴巴集团控股有限公司 Method and system for invoking resources of Hybrid App client and client

Non-Patent Citations (6)

* Cited by examiner, † Cited by third party
Title
刘玉: "基于跨平台的移动应用开发框架研究", 《万方数据企业知识服务平台》 *
张露: "移动多平台跨平台开发工具集的设计与实现", 《万方数据企业知识服务平台》 *
徐隆龙等: "移动混合开发框架", 《计算机系统应用》 *
施莹: "快速构建跨平台移动应用开发方案", 《价值工程》 *
武晶晶: "跨平台的PhoneGap研究", 《信息安全与技术》 *
潘志宏等: "基于HTML5跨平台移动应用的研究与实践", 《电脑知识与技术》 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105205000A (en) * 2015-10-12 2015-12-30 用友网络科技股份有限公司 Method and system for positioning influenced code scope in software development
CN106021501A (en) * 2016-05-20 2016-10-12 天脉聚源(北京)传媒科技有限公司 Data storing method and device

Similar Documents

Publication Publication Date Title
CN102034152B (en) The method for integrating of heterogeneous software system data and system based on SOA framework
CN104571026A (en) Platform and method for establishing whole-process metallurgical manufacturing execution system
CN102801565B (en) Method for carrying out centralized management on service configuration in network management system
CN102495730A (en) Dynamic and extendable web interface method
CN104750493A (en) Development method based on mixed mode cross-platform application
CN105867944A (en) Web front-end terminal operating layer and implementing method thereof
CN106020794A (en) Layout method of complex page portal page
CN104267957A (en) Mobile application unified service framework system
CN101894132B (en) Object-oriented real-time database storage method adopting double high-speed engines
CN104750548A (en) Asynchronous request method based on mixed mode cross-platform application
CN103441988B (en) Across GIS platform data migration method
CN105072193A (en) Cloud sea OS (Operating System) deployment method under multi-data centre
CN105045567A (en) Method of development based on mixed-mode cross-platform mobile application
CN102314495A (en) Method for maintaining database object
Li et al. Application and research of 5G communication technology in intelligent coal mine
CN105183910A (en) Cloud data based collaborative making system for electronic map of tourist attraction
CN106557601A (en) A kind of transmission line of electricity emulation mode
CN106530068A (en) Value-added tax management system and method
CN105446710A (en) Interface providing system and interface providing method
CN104516735A (en) Two-dimensional layering method for achieving automatic operation and maintenance of cloud computing environment
CN104794562A (en) Panorama exhibition control platform based on power grid operation monitoring
CN102968308B (en) The construction method of three-dimensional GIS platform and system
CN204733187U (en) A kind of platform of internet of things for cargo movement
CN103237065B (en) The automatic synchronous method of the Multi-state data in transformer station's integrated monitoring system
Zhang et al. Study of Smart Lifting 3D Garage Design Based on the Low-Cost PLC Control System

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C41 Transfer of patent application or patent right or utility model
TA01 Transfer of patent application right

Effective date of registration: 20160907

Address after: 550002 Guizhou Province, Guiyang city Nanming District Xinhua Road grand Vista C building 703

Applicant after: INFORMATION CENTER, GUIZHOU POWER GRID CO., LTD.

Applicant after: GUIZHOU GUANGSI INFORMATION NETWORK CO., LTD.

Address before: 550001 No. 38 South Ruijin Road, Yunyan District, Guizhou, Guiyang

Applicant before: INFORMATION & COMMUNICATION BRANCH OF GUIZHOU GRID COMPANY

RJ01 Rejection of invention patent application after publication

Application publication date: 20150701

RJ01 Rejection of invention patent application after publication