CN111782192A - Method for developing mobile office system in mixed mode - Google Patents
Method for developing mobile office system in mixed mode Download PDFInfo
- Publication number
- CN111782192A CN111782192A CN202010624593.4A CN202010624593A CN111782192A CN 111782192 A CN111782192 A CN 111782192A CN 202010624593 A CN202010624593 A CN 202010624593A CN 111782192 A CN111782192 A CN 111782192A
- Authority
- CN
- China
- Prior art keywords
- native
- html5
- development
- component
- framework
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000011161 development Methods 0.000 claims abstract description 67
- 230000003993 interaction Effects 0.000 claims abstract description 14
- 230000002452 interceptive effect Effects 0.000 claims abstract description 7
- 238000005516 engineering process Methods 0.000 claims abstract description 5
- 230000006870 function Effects 0.000 claims description 42
- 239000008186 active pharmaceutical agent Substances 0.000 claims description 11
- 238000001514 detection method Methods 0.000 claims description 3
- 230000010354 integration Effects 0.000 claims description 3
- 230000001360 synchronised effect Effects 0.000 claims description 3
- 238000000926 separation method Methods 0.000 abstract description 3
- 238000012423 maintenance Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 238000003860 storage Methods 0.000 description 6
- 230000009286 beneficial effect Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 4
- 238000005457 optimization Methods 0.000 description 4
- 238000010276 construction Methods 0.000 description 3
- 230000001419 dependent effect Effects 0.000 description 3
- 238000012360 testing method Methods 0.000 description 3
- 238000012790 confirmation Methods 0.000 description 2
- 230000007547 defect Effects 0.000 description 2
- 238000003825 pressing Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000008571 general function Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Images
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/31—Programming languages or programming paradigms
-
- 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)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
The invention discloses a method for developing a mobile office system in a mixed mode, which belongs to the technical field of software development and comprises an Html5 end, a native end and an Html5 interaction end, wherein an Html5 end component is developed in a modularized mode, and corresponding components are loaded according to different requirements of projects and are developed; the native terminal is used for providing an integrated framework of the mobile APP; the Native and the interactive end of the Html5 realize the interaction between the Html5 page and the Native by adopting a JSbridge technology, the Html5 page calls Native API through JSbridge, and Native calls a method of the Html5 page through JSbridge or informs the Html5 page to call back. The method adopts mixed-mode framework development, can fully exert the advantages of development of the Html5 page, adopts a front-end and back-end separation mode for development, complements the influence, greatly improves project progress and shortens development period.
Description
Technical Field
The invention relates to the technical field of software development, in particular to a method for developing a mobile office system in a mixed mode.
Background
Currently, the main ways to develop mobile APP applications are: native APP development, namely Native APP development, including Andriod Native development and iOS Native development, has the advantages of highest performance and the disadvantages of high development and maintenance cost, inconvenient version updating and iteration under iOS and relatively rare Native personnel; and ReactNative development, namely an APP development scheme promoted by facebook company, writes codes through JS, writes native UI through JS, and compiles into APP through React environment, and the method has the advantages that the performance is comparable to native APP, and one-time learning is performed at multiple development places, only one-time learning is needed, and then one person can simultaneously develop Android and IOS, and the defects that the learning cost is not low, and the Android and iOS are differentiated in development, and one set of codes in the traditional sense can not be operated at multiple places.
Disclosure of Invention
The technical task of the invention is to provide a method for developing a mobile office system in a mixed mode aiming at the defects, the method provides a set of unified mixed mode development framework to solve the technical problems, and the speed and the efficiency for developing the mobile office system are improved.
The technical scheme adopted by the invention for solving the technical problems is as follows:
a method for developing a mobile office system in a mixed mode comprises an Html5 terminal, a native and Html5 interactive terminal,
modular development is adopted for the Html5 end component, and corresponding components are loaded according to different requirements of projects for development;
the native terminal is used for providing an integrated framework of the mobile APP;
the Native and the interactive end of the Html5 realize the interaction between the Html5 page and the Native by adopting a JSbridge technology, the Html5 page calls Native API through JSbridge, and Native calls a method of the Html5 page through JSbridge or informs the Html5 page to call back.
The method develops the mobile office system based on the hybrid mode of the Html5, the hybrid mode development framework of the method comprises an original end, an Html5 end and an intermediate end which is exchanged between the original end and the Html5 end, the framework provides a large number of ready-made components, modular assembly can be carried out at any time according to needs, and user requirements are met.
Corresponding components can be added at any time according to the standard of framework modularization, and the system can automatically recognize and compile and is convenient to expand. The unified mixed mode development framework is beneficial to the division and cooperation of the personnel at the primary end, the personnel at the front end and the personnel at the rear end, so that a unique set of development, member, deployment, operation and maintenance methodology is summarized, and the delivery of large-scale projects is facilitated.
Adopting a JSbridge mode as a middle end of interaction between a primary end and an Html5 end, and completing a page module with high performance requirement by using the primary end; for some general function modules, the Html5 terminal is used for completion. The development efficiency of the mobile office system can be greatly improved by adopting the framework, and the developed Html5 end code can be operated on a desktop end, an android end, an IOS end and various small program ends without modification, so that the multi-end operation of one set of code is really realized.
In addition, the interaction between the native terminal and the Html5 terminal adopts a JSbridge mode for mutual interaction, the inconsistency of the Andriod and IOS interfaces can be shielded by adopting the JSbridge mode, and the uniform interface is adopted for calling. The mode is adopted, so that a new interface or method is conveniently expanded, and the maintenance is easy.
Preferably, the components packaged by the Html5 end framework include a form component, a picture operation component, an uploading and downloading component, a version updating component, a UI operation related component, a notification bar component, a media related component and an optimized WebView component.
The form component is the most common component in mobile APP development, and basic operations such as pull-down call-back, pull-up call-back and closing call-back are provided in a framework;
the picture operation component provides functions of picture carousel, multi-picture preview and lazy loading to display or download pictures, set or delete local cache of the pictures and the like;
the uploading component comprises an Html5 uploading component, a webpload third-party control uploading component and the like, and selects an Html5 uploading component or a webplod uploading component according to respective environments, and the component provides functions of multi-task uploading, uploading task timeout processing, certain uploading task cancellation, uploading cancellation all and the like,
the downloading component provides a downloading queue for downloading management, increases the maximum concurrent request number and prevents excessive loss of performance of one-time request;
the version updating component adds and sets the version and the download address of the mobile APP through a background boundary, a client side provided with the mobile APP can automatically update the application version number and the update file address corresponding to the internal configuration of the file, then the code can judge whether the version is required to be updated, if so, the corresponding address file can be automatically downloaded and automatically installed according to the judgment of a user; the framework provides two modes of total update and incremental update;
the UI operation component provides functions of a prompt dialog box, a confirmation dialog box, a waiting dialog box, a date selection dialog box, a system time selection dialog box, an input dialog box, an automatically disappearing prompt message, a form-related operation and the like; the UI operation components adopt a uniform style, and the mobile APP made by the components achieves the consistency of interface styles;
the notification bar component provides functions of sending common notification messages, displaying progress bars, removing messages and the like;
the media related components provide the functions of voice playing, video playing, recording and the like;
the WebView optimization method is mainly used for optimizing a WebView component, the WebView optimization is mainly aimed at an Android system, because some low-version Android systems have poor Webview support, a large amount of time can be waited or a white screen phenomenon exists each time a page is created, the WebView is optimized by loading a page needing to be opened through loadUrl based on a preloaded template page, and the white screen phenomenon is greatly improved after the WebView component is optimized.
Furthermore, the description of other dependent components, external interfaces and internal interfaces in the components is very exact, the other components of the external interfaces in the components can be called, the internal interfaces can only be called by the components, and the other components are not authorized to be called, so that a good protection effect is achieved.
Preferably, the integration framework provided by the native terminal comprises APP shells, application squares, editing applications and setting correlation, and can be realized by native language in places where Html5 cannot be realized and is not good at.
And the APP shell develops a shell by using Android and IOS native languages, is used for loading the page or other resources of the Html5 and controls the caches of the Html5 and the JS.
The application square comprises a front-end display part and a rear-end configuration part, wherein the front-end display part is mainly used for displaying the sub-limits according to the functions and menus configured at the rear end, the rear end is mainly used for flexibly configuring the functions or menus to be displayed in the application square, and each project can be flexibly set according to different requirements and services. The back end can also flexibly configure the to-do number reminding corner mark of each function or menu.
And editing the application, wherein the mobile terminal can sequence the frequently-used functions or menus, and drag and sequence the frequently-used functions or menus by pressing the function or menu icons for a long time. The editing application can also manually set a common function menu of the editing application.
The setting correlation mainly comprises the functions of common configuration items, help and feedback functions, log-out and the like of the mobile phone terminal. The main configuration items include whether the new message is notified, whether the alert is shocked, whether all caches are cleared, etc.
Furthermore, the native terminal not only provides integrated framework codes, but also provides various API interfaces according to the classification, and outputs the interfaces as API documents, thereby facilitating the inquiry, call and test of developers.
Preferably, the JSBridge framework supports centralized unified management of APIs in a class-like manner and provides documents for use of API interfaces, online debugging methods, API presence detection, API namespace support, synchronous and asynchronous calls, API access permission control support, access to third-party applications, and the like. The JSB bridge framework is easy to use with three ends of Android, IOS and JS, light, strong, safe and robust.
Further, the JSBridge framework functions include providing devices and networks, operating windows, two-dimensional code scanning, taking pictures and albums, offline databases, text operations, making phone calls, sending short messages, and mass messaging.
Preferably, the method is implemented as follows:
constructing an integrated framework by using the native terminal assembly, and adding corresponding applications in a native terminal application square;
the loaded page in the application selects the components in the UI component library for assembly, and the background provides Restful interface data required by the front-end UI;
and if the corresponding native functions need to be called, introducing necessary JS, and selecting to call the corresponding methods.
The invention also claims a device for mixed-mode development of a mobile office system, which is characterized by comprising: at least one memory and at least one processor;
the at least one memory to store a machine readable program;
the at least one processor is used for calling the machine readable program and executing the method.
A computer-readable medium is also claimed, characterized in that the computer-readable medium has stored thereon computer instructions which, when executed by a processor, cause the processor to carry out the above-mentioned method.
Compared with the prior art, the method for developing the mobile office system in the mixed mode has the following beneficial effects:
by adopting mixed-mode framework development, the advantages of development of the Html5 page can be fully exerted, the development efficiency is greatly improved, and the development period is shortened;
the mixed-mode framework development is adopted, so that the original personnel are more concentrated in the development of the original end, the front-end personnel and the back-end personnel are developed in a front-end and back-end separation mode, the front end and the back end can be developed simultaneously, the influence is complemented, and the project progress is greatly improved;
the mixed-mode framework has the advantages that the native terminal and the Html5 terminal are mutually interacted in a JSbridge mode, so that the difference between Android and iOS can be shielded, a set of consistent interfaces is provided for the outside, and great help is provided for the later expansibility of the framework;
the mixed-mode framework development is adopted, so that a complete development implementation system including development preparation, source code development by using the framework, deployment code formation by using an automatic construction tool, deployment application, version updating and the like can be formed. A set of development and implementation methodology unique to the user is formed, and large-scale development and implementation are facilitated.
Drawings
FIG. 1 is a block diagram of a mixed-mode development framework provided by one embodiment of the present invention;
FIG. 2 is a schematic diagram of JSB bridge provided by an embodiment of the present invention;
FIG. 3 is a diagram of a hybrid framework of Html5 provided in accordance with one embodiment of the present invention;
fig. 4 is a diagram of implementation steps of a mixed-mode development mobile office system according to an embodiment of the present invention.
Detailed Description
The invention is further described with reference to the following figures and specific examples.
The development of mobile applications using purely native approaches, while the highest performance, is very cumbersome and inefficient to develop. After the Html5 is in the way of the prior art, a lot of new functions and cool effects exist in the Html5, particularly, the Html5 support in the IOS is good all the time, and the Android support of more than 4.4 is enough, so that the fact that some main logics can be written by using the Html5 page is discovered at this time, and then the main logics are directly loaded and displayed by using WebView originally, so that the development efficiency is greatly improved, and the experience is good.
However, if there is no unified hybrid development framework, when a hybrid development mobile application using Html5+ Native is developed, the code will be filled with a large number of underlying APIs, and if a compatible browser version is required, the code will be more messy, so that a unified hybrid development framework is required at this time, and even if the underlying APIs are changed, the framework needs to be updated instead of reconstructing the whole project.
The invention aims to provide a set of unified mixed mode development framework aiming at the problems, thereby greatly improving the speed and efficiency of developing the mobile office system.
The embodiment of the invention provides a method for developing a mobile office system in a mixed mode, which comprises an Html5 end, a native and Html5 interaction end,
modular development is adopted for the Html5 end component, and corresponding components are loaded according to different requirements of projects for development;
the native terminal is used for providing an integrated framework of the mobile APP;
the Native and the interactive end of the Html5 realize the interaction between the Html5 page and the Native by adopting a JSbridge technology, the Html5 page calls Native API through JSbridge, and Native calls a method of the Html5 page through JSbridge or informs the Html5 page to call back.
The unified mixed mode development framework provides a powerful UI component library, page layout and interaction are easy to realize, and corresponding components can be directly used by selecting from the component library. The framework supports unified API calling, provides API documents, facilitates inquiry, integration and test of developers, sets access authority for the API, and can be called only if the API has the authority.
The platform is open, and applications or small programs made by a third party can be integrated into the system.
Referring to fig. 1, the unified mixed mode development framework mainly comprises three parts, namely an Html5 terminal, a native terminal and a native and Html5 interaction terminal.
And common functional components of the Html5, such as a form component, a picture operation component, an uploading and downloading component, a version updating component, a UI operation related component, a notification bar component, a media related component, an optimized WebView component and the like, which are packaged by the Html5 end framework are provided for developers to directly use. The component is packaged based on the primary JS, does not depend on a third party library, supports simultaneous use of the desktop end, the Andriod and the iOS, and enables the animation to smoothly run well on a mainstream mobile phone by adopting css3+ hardware acceleration.
The description of other dependent components, external interfaces and internal interfaces in the components is very exact, in the components, the other components of the external interfaces can be called, the internal interfaces can only be called by the components, and the other components are not authorized to be called, so that a good protection effect is achieved.
The form component is the most common component in mobile APP development, and basic operations such as pull-down callback, pull-up callback and closing callback are provided in a framework;
the picture operation component provides functions of picture carousel, multi-picture preview, lazy loading to display or download pictures, and setting or deleting local cache of the pictures;
the uploading and downloading component comprises an Html5 uploading component, a webpload third-party control uploading component and the like, selects an Html5 uploading component or a webplod uploading component according to respective environments, provides functions of multi-task uploading, uploading task overtime processing, certain uploading task cancelling, uploading all cancelling and the like,
the downloading component provides a downloading queue for downloading management, increases the maximum concurrent request number and prevents excessive loss of performance of one-time request;
the version updating component is used for automatically updating an application version number and an update file address corresponding to the internal configuration of a file by adding and setting a version and a download address of the mobile APP through a background boundary, then judging whether the code needs to be updated or not by the code, automatically downloading a corresponding address file if the code needs to be updated, and automatically installing the corresponding address file according to the judgment of a user; the framework provides two modes of total update and incremental update;
the UI operation component provides functions of a prompt dialog box, a confirmation dialog box, a waiting dialog box, a date selection dialog box, a system time selection dialog box, an input dialog box, an automatically disappearing prompt message, form-related operation and the like; the UI operation components adopt a uniform style, and the mobile APP made by the components achieves the consistency of interface styles;
the notification bar component provides functions of sending common notification messages, displaying progress bars, removing messages and the like;
the media related components provide the functions of voice playing, video playing, recording and the like;
the WebView optimization method is mainly used for optimizing a WebView component, the WebView optimization is mainly aimed at an Android system, because some low-version Android systems have poor Webview support, a large amount of time can be waited or a white screen phenomenon exists each time a page is created, the WebView is optimized by loading a page needing to be opened through loadUrl based on a preloaded template page, and the white screen phenomenon is greatly improved after the WebView component is optimized.
Referring to FIG. 3, a hybrid framework diagram of Html5 is shown.
The native terminal is written by Andriod or iOS native language, mainly provides an integrated framework of the mobile APP, such as APP shells, application squares, editing applications, setting related functional modules and the like, and can be realized by the native language in places where certain Html5 cannot be realized and is not good at. The native terminal not only provides integrated frame codes, but also provides various API interfaces according to the classification, and outputs the interfaces as API documents, thereby facilitating the inquiry, call and test of developers.
And the APP shell develops a shell by using Android and IOS native languages, is used for loading the page or other resources of the Html5 and controls the caches of the Html5 and the JS.
The application square comprises a front-end display part and a rear-end configuration part, wherein the front-end display part is mainly used for displaying the sub-limits according to the functions and menus configured at the rear end, the rear end is mainly used for flexibly configuring the functions or menus to be displayed in the application square, and each project can be flexibly set according to different requirements and services. The back end can also flexibly configure the to-do number reminding corner mark of each function or menu.
And editing the application, wherein the mobile terminal can sequence the frequently-used functions or menus, and drag and sequence the frequently-used functions or menus by pressing the function or menu icons for a long time. The editing application can also manually set a common function menu of the editing application.
The setting correlation mainly comprises the functions of common configuration items, help and feedback functions, log-out and the like of the mobile phone terminal. The main configuration items include whether the new message is notified, whether the alert is shocked, whether all caches are cleared, etc.
The native and Html5 interactive end adopts JSbridge technology to realize the interaction between the Html5 page and the native. The JSB bridge provides a cross-platform, safe, simple and powerful JSB bridge framework, and the JSB bridge framework supports centralized unified management of API in a class mode, provides a use document of an API interface, an online debugging method, supports API existence detection, supports API name space, supports synchronous and asynchronous calling, supports API access permission control, supports access of third-party application and the like. The JSB bridge framework is easy to use with three ends of Android, IOS and JS, light, strong, safe and robust.
The JSbridge framework provides functions of equipment, network, operation window, two-dimension code scanning, photographing and photo album, off-line database, text operation, telephone dialing, short message sending, mass message sending and the like.
Referring to fig. 2, it is a schematic diagram of JSBridge.
The mixed mode development framework comprises an original end, an Html5 end and an intermediate end which is mutually exchanged between the original end and an Html5 end, and the framework provides a large number of ready-made components, can be modularly assembled at any time according to needs and meets user requirements. Corresponding components can be added at any time according to the standard of framework modularization, and the system can automatically recognize and compile and is convenient to expand. The unified mixed mode development framework is beneficial to the division and cooperation of the personnel at the primary end, the personnel at the front end and the personnel at the rear end, and the unique set of development, construction, deployment, operation and maintenance methodology is summarized, so that the delivery of large-scale projects is facilitated.
The Html5 end component is developed in a modularization mode, and corresponding components can be loaded according to different requirements of projects and can be developed. The description of other dependent components, external interfaces and internal interfaces in the components is very clear, the external interfaces can be called by other components, the internal interfaces can only be called by the components, and other components are not authorized to be called, so that a good protection effect is achieved. In addition, according to the modularized development specification, developers can easily develop other components, and the maintenance and the extension of the components are facilitated.
The interaction between the native terminal and the Html5 terminal adopts a JSbridge mode for mutual interaction, the inconsistency of Andriod and iOS interfaces can be shielded by adopting the JSbridge mode, and a uniform interface is adopted for calling. The mode is adopted, so that a new interface or method is conveniently expanded, and the maintenance is easy.
The unified mixed mode development framework is beneficial to the development mode of front-end and back-end separation, and front-end and back-end personnel are compiled and cooperate in a labor division manner. The framework also provides a set of specifications and methodologies for development, construction, deployment, operation and maintenance, which are convenient for the personnel using the framework to use.
The embodiment of the invention also provides a method for developing a mobile office system in a mixed mode, which refers to an implementation step chart shown in fig. 4, and the specific implementation process of the method is as follows:
constructing an integrated framework by using the native terminal assembly, and adding corresponding applications in a native terminal application square;
the loaded page in the application selects the components in the UI component library for assembly, and the background provides Restful interface data required by the front-end UI;
and if the corresponding native functions need to be called, introducing necessary JS, and selecting to call the corresponding methods.
In the following, a to-be-office document is taken as an example for description, and specific implementation steps are as follows:
1. primary end component building integrated frame
The native terminal realizes the functions of the APP shell and the application plaza by using android and iOS native languages, and can maintain the application in the application plaza at the background.
2. To-do official document list page
After the application of the to-be-done official document list is added in the application square, the page of the to-be-done official document list selects a table component in the component library at the Html5 end, and the back end provides a corresponding restful API interface according to JSON format data required by the front end, so that the to-be-done official document list can be easily realized by combining the two.
3. Interface for sending documents
And selecting form, popup window and organizational tree components in a UI component library of the Html5 to realize a document sending interface, and packaging a corresponding API (application programming interface) of JSON (Java Server object notation) format data by the back end according to the requirement of the front end.
4. Sending procedure calls native interface
And at the place where the native program needs to be called, introducing a corresponding js file, and selecting a corresponding method in the js according to the API interface description provided by the document to call the native function. And the method has no difference from the prior method for calling js to realize the corresponding function, and greatly improves the development efficiency of the mobile office system.
The embodiment of the invention also provides a device for developing the mobile office system in the mixed mode, which comprises the following components: at least one memory and at least one processor;
the at least one memory to store a machine readable program;
the at least one processor is configured to invoke the machine readable program to perform a method for mixed-mode development of a mobile office system according to any of the above embodiments of the present invention.
An embodiment of the present invention further provides a computer-readable medium, where computer instructions are stored on the computer-readable medium, and when executed by a processor, the computer instructions cause the processor to execute a method for mixed-mode development of a mobile office system according to any of the above embodiments of the present invention. Specifically, a system or an apparatus equipped with a storage medium on which software program codes that realize the functions of any of the above-described embodiments are stored may be provided, and a computer (or a CPU or MPU) of the system or the apparatus is caused to read out and execute the program codes stored in the storage medium.
In this case, the program code itself read from the storage medium can realize the functions of any of the above-described embodiments, and thus the program code and the storage medium storing the program code constitute a part of the present invention.
Examples of the storage medium for supplying the program code include a floppy disk, a hard disk, a magneto-optical disk, an optical disk (e.g., CD-ROM, CD-R, CD-RW, DVD-ROM, DVD-RAM, DVD-RW, DVD + RW), a magnetic tape, a nonvolatile memory card, and a ROM. Alternatively, the program code may be downloaded from a server computer via a communications network.
Further, it should be clear that the functions of any one of the above-described embodiments may be implemented not only by executing the program code read out by the computer, but also by causing an operating system or the like operating on the computer to perform a part or all of the actual operations based on instructions of the program code.
Further, it is to be understood that the program code read out from the storage medium is written to a memory provided in an expansion board inserted into the computer or to a memory provided in an expansion unit connected to the computer, and then causes a CPU or the like mounted on the expansion board or the expansion unit to perform part or all of the actual operations based on instructions of the program code, thereby realizing the functions of any of the above-described embodiments.
While the invention has been shown and described in detail in the drawings and in the preferred embodiments, it is not intended to limit the invention to the embodiments disclosed, and it will be apparent to those skilled in the art that various combinations of the code auditing means in the various embodiments described above may be used to obtain further embodiments of the invention, which are also within the scope of the invention.
Claims (10)
1. A method for developing a mobile office system in a mixed mode is characterized by comprising an Html5 terminal, a native and Html5 interactive terminal,
modular development is adopted for the Html5 end component, and corresponding components are loaded according to different requirements of projects for development;
the native terminal is used for providing an integrated framework of the mobile APP;
the Native and the interactive end of the Html5 realize the interaction between the Html5 page and the Native by adopting a JSbridge technology, the Html5 page calls Native API through JSbridge, and Native calls a method of the Html5 page through JSbridge or informs the Html5 page to call back.
2. The method for mixed-mode development of a mobile office system according to claim 1, wherein the components packaged by the Html5 end framework include a form component, a picture operation component, an upload and download component, a version update component, a UI operation related component, a notification bar component, a media related component, and an optimized WebView component.
3. The method for mixed-mode development of a mobile office system according to claim 1 or 2, wherein in the components, the other components of the external interface can be called, and the internal interface can only be called by the component.
4. The method for mixed-mode development of a mobile office system of claim 1, wherein said native-side provided integration framework includes APP shell, application plaza, editing applications and setup correlation.
5. The method for mixed-mode development of a mobile office system according to claim 1 or 4, wherein the native terminal not only provides the integrated framework code, but also provides various API interfaces to the outside according to the classification, and outputs the interfaces as API documents.
6. The method for mixed-mode development of a mobile office system according to claim 1, wherein the JSBridge framework supports centralized unified management of APIs in a class-like manner and provides documentation of API interface usage, online debugging methods, API presence detection, API namespace support, synchronous and asynchronous calls, API access permission control, and access for third-party applications.
7. The method for mixed-mode development of a mobile office system according to claim 1 or 6, wherein said JSBridge framework functions include provisioning of devices and networks, operating windows, two-dimensional code scanning, taking pictures and photo albums, off-line databases, text manipulation, making phone calls, sending text messages, and mass messaging.
8. The method for mixed-mode development of a mobile office system according to claim 1, 2, 4 or 6, wherein the specific implementation procedure is as follows:
constructing an integrated framework by using the native terminal assembly, and adding corresponding applications in a native terminal application square;
the loaded page in the application selects the components in the UI component library for assembly, and the background provides Restful interface data required by the front-end UI;
if the corresponding native functions need to be called, introducing necessary js, and selecting to call the corresponding methods.
9. An apparatus for mixed-mode development of a mobile office system, comprising: at least one memory and at least one processor;
the at least one memory to store a machine readable program;
the at least one processor, configured to invoke the machine readable program to perform the method of any of claims 1 to 8.
10. Computer readable medium, characterized in that it has stored thereon computer instructions which, when executed by a processor, cause the processor to carry out the method of any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010624593.4A CN111782192B (en) | 2020-07-02 | 2020-07-02 | Method for developing mobile office system in mixed mode |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010624593.4A CN111782192B (en) | 2020-07-02 | 2020-07-02 | Method for developing mobile office system in mixed mode |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111782192A true CN111782192A (en) | 2020-10-16 |
| CN111782192B CN111782192B (en) | 2024-05-14 |
Family
ID=72757754
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010624593.4A Active CN111782192B (en) | 2020-07-02 | 2020-07-02 | Method for developing mobile office system in mixed mode |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111782192B (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112394918A (en) * | 2021-01-21 | 2021-02-23 | 国汽智控(北京)科技有限公司 | Development method, processing method and system of automatic driving application |
| CN112394915A (en) * | 2020-11-16 | 2021-02-23 | 北京五八信息技术有限公司 | Protocol calling method, device, system, equipment and medium for hybrid development mode |
| CN112596922A (en) * | 2020-12-17 | 2021-04-02 | 百度在线网络技术（北京）有限公司 | Communication management method, apparatus, device, medium, and program product |
| CN113608724A (en) * | 2021-08-24 | 2021-11-05 | 上海德拓信息技术股份有限公司 | Offline warehouse real-time interaction method and system based on model cache |
| CN115421394A (en) * | 2022-09-20 | 2022-12-02 | 浪潮通信信息系统有限公司 | Method and device for constructing standard model in smart home architecture |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20140019623A (en) * | 2012-08-06 | 2014-02-17 | 인크로스 주식회사 | An integrated platform for authoring web applications and the authoring method thereof |
| US20150135198A1 (en) * | 2013-11-14 | 2015-05-14 | Salesforce.Com, Inc. | Delegating handling of computing events of a mobile device application |
| CN105786513A (en) * | 2016-02-29 | 2016-07-20 | 四川长虹电器股份有限公司 | Mixed mobile application development method based on Html5 |
| CN108228155A (en) * | 2017-12-26 | 2018-06-29 | 江苏润和软件股份有限公司 | EasyApp Mobile Developments platform and development approach |
| CN108804082A (en) * | 2018-05-10 | 2018-11-13 | 北京酷我科技有限公司 | A kind of implementation method of plug-in unit JSBridge |
| CN111104098A (en) * | 2019-12-17 | 2020-05-05 | 山东健康医疗大数据有限公司 | Method for developing hybrid App based on JSbridge |
-
2020
- 2020-07-02 CN CN202010624593.4A patent/CN111782192B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20140019623A (en) * | 2012-08-06 | 2014-02-17 | 인크로스 주식회사 | An integrated platform for authoring web applications and the authoring method thereof |
| US20150135198A1 (en) * | 2013-11-14 | 2015-05-14 | Salesforce.Com, Inc. | Delegating handling of computing events of a mobile device application |
| CN105786513A (en) * | 2016-02-29 | 2016-07-20 | 四川长虹电器股份有限公司 | Mixed mobile application development method based on Html5 |
| CN108228155A (en) * | 2017-12-26 | 2018-06-29 | 江苏润和软件股份有限公司 | EasyApp Mobile Developments platform and development approach |
| CN108804082A (en) * | 2018-05-10 | 2018-11-13 | 北京酷我科技有限公司 | A kind of implementation method of plug-in unit JSBridge |
| CN111104098A (en) * | 2019-12-17 | 2020-05-05 | 山东健康医疗大数据有限公司 | Method for developing hybrid App based on JSbridge |
Non-Patent Citations (2)
| Title |
|---|
| 姜艳;: "一种基于JavaScript框架的混合应用开发技术", 网络新媒体技术, no. 04 * |
| 贾军营;张大成;高春;: "Hybrid App开发框架的实现及性能优化", 计算机系统应用, no. 07 * |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112394915A (en) * | 2020-11-16 | 2021-02-23 | 北京五八信息技术有限公司 | Protocol calling method, device, system, equipment and medium for hybrid development mode |
| CN112596922A (en) * | 2020-12-17 | 2021-04-02 | 百度在线网络技术（北京）有限公司 | Communication management method, apparatus, device, medium, and program product |
| CN112596922B (en) * | 2020-12-17 | 2024-04-05 | 百度在线网络技术（北京）有限公司 | Communication management method, device, equipment and medium |
| CN112394918A (en) * | 2021-01-21 | 2021-02-23 | 国汽智控(北京)科技有限公司 | Development method, processing method and system of automatic driving application |
| CN113608724A (en) * | 2021-08-24 | 2021-11-05 | 上海德拓信息技术股份有限公司 | Offline warehouse real-time interaction method and system based on model cache |
| CN113608724B (en) * | 2021-08-24 | 2023-12-15 | 上海德拓信息技术股份有限公司 | Offline warehouse real-time interaction method and system based on model cache implementation |
| CN115421394A (en) * | 2022-09-20 | 2022-12-02 | 浪潮通信信息系统有限公司 | Method and device for constructing standard model in smart home architecture |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111782192B (en) | 2024-05-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111782192A (en) | Method for developing mobile office system in mixed mode | |
| US10852912B2 (en) | Image creation app in messaging app | |
| CN109684054B (en) | Information processing method and device, electronic equipment and memory | |
| US10831453B2 (en) | Connectors framework | |
| WO2018036342A1 (en) | Csar-based template design visualization method and device | |
| CN106775744B (en) | Method and device for generating static library | |
| CN109447248A (en) | Deep learning platform and method | |
| CN111324390A (en) | Device and method for realizing APP content configuration and real-time update | |
| CN104704468A (en) | Cross system installation of WEB applications | |
| CN112653584A (en) | 5G message arranging method and arranging tool box based on component capability | |
| US10951486B2 (en) | Terminal device, UI expansion method, and UI expansion program | |
| CN115712413A (en) | Low code development method, device, equipment and storage medium | |
| KR20130017337A (en) | Hybrid app development platform architecture and test method of the same, and computer-readable recording medium with program for the same | |
| CN114691115A (en) | Business process system generation method and device, electronic equipment and storage medium | |
| JP4626675B2 (en) | Firmware providing method, communication system and service server using communication network | |
| CN118295760A (en) | Display method, system and storage medium of multi-skin client | |
| US20230409814A1 (en) | Document editing method and apparatus, device, and storage medium | |
| CN115113850A (en) | Cross-platform application construction and operation method, server, terminal and system | |
| CN108153845B (en) | Method and device for exporting background image data | |
| JP2015148925A (en) | Program generation device and method | |
| US11456983B2 (en) | Interactive operation method, and transmitter machine, receiver machine and interactive operation system using the same | |
| CN113609083B (en) | File storage method, device, electronic equipment and computer readable storage medium | |
| CN115509501A (en) | Code generation method and system and electronic equipment | |
| CN111354089B (en) | Multi-level special effect ordering method, device, equipment and storage medium | |
| CN115495049A (en) | Method and device for constructing project development space required by iOS application |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |