CN108241488A - A kind of system and method for generating APP interfaces - Google Patents
A kind of system and method for generating APP interfaces Download PDFInfo
- Publication number
- CN108241488A CN108241488A CN201611220825.XA CN201611220825A CN108241488A CN 108241488 A CN108241488 A CN 108241488A CN 201611220825 A CN201611220825 A CN 201611220825A CN 108241488 A CN108241488 A CN 108241488A
- Authority
- CN
- China
- Prior art keywords
- app
- data
- module
- presented
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
- G06F8/24—Object-oriented
-
- 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)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
The invention discloses a kind of system and method for generating APP interfaces, the technical issues of APP development scheme disunities for solving different operation platform in the prior art cause development cost larger.The system comprises：React native modules, for storing APP data, APP data are data obtained from being write based on JavaScript language, and APP data include APP Page Templates data and APP page content datas；User interactive module, for detecting the operation that user is carried out, to obtain operation information corresponding with operating；Data match module, for obtaining APP data from react native modules and being determined and the matched APP data of operation information from the APP data obtained；Module is presented in interface, for APP interfaces corresponding with operation to be presented according to APP data matched with operation information.
Description
Technical field
The present invention relates to field of computer technology more particularly to a kind of system and methods for generating APP interfaces.
Background technology
With the development of electronic technology and computer software technology, it is proposed a plurality of types of APP at present
(Application, application program), user can install a plurality of types of APP, such as communication class APP, trip in the terminal
Play class APP, social class APP, shopping class APP, etc., can conveniently and abundant people’s lives by using different APP.
For most of mobile terminals, at present there are two types of the operating systems of mainstream, i.e., android operating systems and
Ios operating systems in different operating system, need installation and the APP of the operating system corresponding types just to can ensure that normally
It uses, such as android terminal, generally requiring the application installation package of the entitled APK of download suffix could realize to APP just
Often installation, and ios terminals generally require and corresponding application installation package are downloaded in Apple Store.
At present, for different operating system platforms, corresponding APP is generally developed respectively.For example, android operations system
The APP of system passes through primary android SDK (Software Development Kit, the software development that google is called to provide
Kit), using java language developments, and the APP of ios operating systems, pass through the ios SDK that apple is called to provide, use
Swift and object-c language developments.
That is, in the prior art, for the APP of different operating system, need corresponding different exploitation program, example
The APP of Android platform is such as developed, then must grasp java language, if the APP of exploitation ios platforms, must grasp
The use of object-c language, therefore generally require independent development teams and carry out communication association across team to support or need
Make, the APP development scheme disunities of different operation platform, cost is larger, not manageability and maintenance.
Invention content
The embodiment of the present invention provides a kind of system and method for generating APP interfaces, for solving different behaviour in the prior art
The technical issues of making the APP development scheme disunities of platform causes development cost larger is realized unified for different operation platform
APP development scheme, reduce the requirement to cross-platform team, reduce development cost, and then can promote what APP was developed
Management and the advantageous effect safeguarded.
In a first aspect, a kind of system for generating APP interfaces is provided, including：
React-native modules, for storing APP data；Wherein, the APP data are based on JavaScript language
Data obtained from writing, the APP data include APP Page Templates data and APP page content datas；
User interactive module, for detecting the operation that user is carried out, to obtain and the corresponding operation information of the operation；
Data match module, for obtaining the APP data from the react-native modules and from being obtained
The APP data in determine with the matched APP data of the operation information；
Module is presented in interface, for being presented and the operation pair with the matched APP data of the operation information according to described
The APP interfaces answered.
In a kind of possible realization method, the system also includes：
Routing module after starting in APP, provides first APP presented after APP startups and shows page
Face.
In a kind of possible realization method, the routing module is used for after APP startups, is provided and is started it in APP
First APP presented afterwards shows the page, including：
If being logged in after APP starts, APP login pages are determined as first APP and show page
Face；
If not needing to be logged in after APP starts, a scheduled APP operation pages are determined as described first
A APP shows the page.
In a kind of possible realization method, the system also includes：
Operation calls module is stored with action type and operates the correspondence between response mode, described for being based on
Operation information determines operation response mode corresponding with the action type of the operation and with corresponding with the action type
Operation response mode corresponding response is performed to the operation.
In a kind of possible realization method, the APP interfaces include at least one display module；The user interacts mould
Block is used to detect the operation that user is carried out, including：
The state update operation that detection user is carried out at least one display module.
In a kind of possible realization method, the system also includes：
Module data memory module, for storing module data corresponding at least one display module；
Component states calling module for being based on the state update operation, determines at least one display module
Actual state needs to be adjusted to the second dispaly state, and obtain and described second from the module data by the first dispaly state
The corresponding component display data of dispaly state.
In a kind of possible realization method, the interface is presented module and is additionally operable to：
The component display data is obtained at the component states calling module；
Based on the component display data, by the dispaly state of at least one display module in the APP interfaces
Second dispaly state is updated to, to obtain updated APP interfaces；
The updated APP interfaces are presented.
Second aspect provides a kind of method for generating APP interfaces, including：
The operation that detection user is carried out, to obtain and the corresponding operation information of the operation；
It is determined and the matched APP data of the operation information from the APP data stored；Wherein, the APP data are
The data write and generated based on JavaScript language, the APP data are included in APP Page Templates data and the APP pages
Hold data；
According to the matched APP data of the operation information, corresponding with operation APP interfaces are presented.
In a kind of possible realization method, the operation is the operation that the first APP of triggering is started；According to it is described
APP interfaces corresponding with the operation are presented in the matched APP data of operation information, including：
Based on the startup trigger action, start the first APP；
If needing to log in after the first APP is started, login page corresponding with the first APP is used as and is opened
It moves the first APP presented after the first APP and shows that the page is presented；
If it does not need to log in after the first APP is started, by a predetermined APP included by the first APP
Operation pages show that the page is presented as first APP presented after startup the first APP.
In a kind of possible realization method, the APP interfaces include at least one display module, and the operation is triggering
Operation is updated to the state that the dispaly state of at least one display module is updated；According to institute and the operation information
APP interfaces corresponding with the operation are presented in the APP data matched, including：
It is updated and operated based on the state, determine to need to show the dispaly state of at least one display module by first
Show that state is adjusted to the second dispaly state；
Component dispaly state corresponding with second dispaly state is determined from the APP data；
Based on the component display data, the dispaly state of at least one display module is updated to described second and is shown
Show state, to obtain updated APP interfaces；
The updated APP interfaces are presented.
The third aspect provides a kind of mobile terminal, including：
Memory, for storing instruction；
Processor is connect with the memory, for performing described instruction, to perform second party when performing described instruction
The step included by method described in any one of face.
In the system and method at generation APP interfaces that the embodiment of the present invention is provided, rely on react-native and increase income
Frame and design, develop APP by developing the method for Web, and traditional APP development schemes are only then to develop APP's
Mode, this is also the mode of the system and method and exploitation APP of the prior art at the generation APP interfaces in the embodiment of the present invention
There are the places of essential distinction.
All do not have for different operating platforms by the APP that JavaScrip language is developed in the embodiment of the present invention
Limitation, developer only need to be grasped a kind of JavaScrip this development language and can develop in the equal energy of different operation platform
Enough general APP codes, if will not wish as in the state of the art again, developing the APP that different operation platform is applicable in just needs to slap
Development language corresponding with the operating platform is held, the requirement to developer can be reduced to a certain extent, also, due to being
The exploitation of APP is realized using Web frames, so can conveniently the developer with Web development Experiences redevelop simultaneously
APP reduces the threshold and difficulty of APP exploitations, can develop APP in favor of more developers in this way.
That is, the technical solution provided in through the embodiment of the present invention, can unify for different operation platform
APP development scheme, reduce the requirement to cross-platform team, reduce development cost, and then can promote what APP was developed
Management and maintenance.
Description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, to embodiment or will show below
There is attached drawing needed in technology description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this
Inventive embodiments, for those of ordinary skill in the art, without creative efforts, can also be according to carrying
The attached drawing of confession obtains other attached drawings.
Fig. 1 is the structure diagram of the system at the generation APP interfaces in the embodiment of the present invention；
Fig. 2 is the flow chart of the method at the generation APP interfaces in the embodiment of the present invention；
Fig. 3 is another flow chart of the method at the generation APP interfaces in the embodiment of the present invention；
Fig. 4 is another flow chart of the method at the generation APP interfaces in the embodiment of the present invention；
Fig. 5 is the structure diagram of the mobile terminal in the embodiment of the present invention.
Specific embodiment
Purpose, technical scheme and advantage to make the embodiment of the present invention are clearer, below in conjunction with the embodiment of the present invention
In attached drawing, the technical solution in the embodiment of the present invention is clearly and completely described, it is clear that described embodiment is
Part of the embodiment of the present invention, instead of all the embodiments.Based on the embodiments of the present invention, those of ordinary skill in the art
All other embodiments obtained without creative efforts shall fall within the protection scope of the present invention.
In addition, the terms "and/or", only a kind of incidence relation for describing affiliated partner, represents there may be
Three kinds of relationships, for example, A and/or B, can represent：Individualism A exists simultaneously A and B, these three situations of individualism B.Separately
Outside, character "/" herein, in the case where not illustrating, it is a kind of relationship of "or" to typically represent forward-backward correlation object.
Before the system at generation APP interfaces that the embodiment of the present invention is provided is introduced, first in the embodiment of the present invention
Some concepts being previously mentioned simply are introduced.
1、react-native.React-native is a kind of opening based on JavaScript language that Facebook is released
Source frame, react-native are combined the advantage that Web is applied and native is applied, can be opened using JavaScript language
The primary APP of android and ios is sent out, it can be with the primary UI (User of abstract operation system with react in JavaScript
Interface, user interface) component.
By using react-native, APP developer can be used based on exploitation consistent with react JavaScript
Experience builds world-class APP experience in local platform.React-native lays stress on all developers and is concerned about
Platform development efficiency on, it just can be any operating platform that developer, which only needs to be grasped a kind of JavaScript this development language,
Code is efficiently write, i.e., only needing to be grasped a kind of JavaScript this development language can develop for different operation platform
APP。
After react-native frames, the interface of App can be write out with JavaScript scripts, to being engaged in Web
Exploitation APP is gone then just to be relatively easy to for the developer of exploitation again, at this time just without specially going to learn to write App programs
Object-c or java, the developer that can be conveniently engaged in Web exploitations so directly carry out APP exploitations.
In addition, compared with other mobile Web frames, the primary control of native, which has, preferably to be experienced, has better hand
Gesture identifies and has the threading model being more suitable for, so react-native is increasingly by the concern of developer and favor.
2nd, APP interfaces.In some cases, the also referred to as APP pages, such as to user when running APP in the terminal
The display page presented, certainly, an APP can include multiple APP interfaces, and each APP interfaces can be in including different
Existing content, i.e., for a user, it is seen that each APP interfaces may have different Show Styles or display effect.
For an APP interface, APP Page Templates data and APP page content datas can be included, wherein, APP
It is to be shown with which kind of formwork style, such as indicate from upper when being shown that Page Template data, which are used to indicate the APP pages,
How to be laid out successively down and be the equal of the entire APP pages for showing the specific region of every section layout and size
Navigation data.APP page content datas refer to it is corresponding should specifically show which kind of content per section layout, such as from top to bottom according to
Secondary which content of display, makes user very clear when the APP pages are checked.
3rd, mobile terminal.Can include mobile phone, PAD (tablet computer), PDA (Personal Digital Assistant,
Palm PC), the portable mobile apparatus such as wearable electronic equipment (such as smartwatch or Intelligent bracelet).
Fig. 1 is referred to, the structure diagram of the system at generation APP interfaces that Fig. 1 is provided by the embodiment of the present invention can
See, the system at the generation APP interfaces in the embodiment of the present invention includes react-native modules, user interactive module, data
Module is presented with module and interface.Wherein：
React-native modules, for storing APP data；Wherein, APP data are write based on JavaScript language
Obtained from data, APP data include the APP Page Templates data that are previously mentioned and APP page content datas in foregoing description；
User interactive module, for detecting the operation that user is carried out, to obtain operation information corresponding with the operation；
Data match module, the APP numbers for obtaining APP data from react-native modules and from being obtained
It is determined and the matched APP data of operation information in；
Module is presented in interface, for APP interfaces corresponding with operation to be presented according to APP data matched with operation information.
In specific implementation process, react-native modules, user interactive module, data match module and interface are presented
Module can be independent unit or be integrated in the function module in kernel server, not make in inventive embodiments
Limitation.In addition, the modules included by system in the embodiment of the present invention can have connection relation, such as logical between each other
Believe connection relation and/or electrical connection, be that the connecting line between module represents aforementioned connection relation in Fig. 1.
Connection relation can be mutually respectively provided between modules included by the system or can also partly be had and is connected
Relationship is connect, such as in Fig. 1, directly represented between the module with connection relation with solid line connection, without connection relation
Or then represent that certain Fig. 1 is only schematically illustrated, in some other implementations with dotted line connection with connection relation indirectly
In example, there can also be other connection relations between each module in the embodiment of the present invention, just not illustrate one by one herein
.
In embodiments of the present invention, it is necessary first to react-native development environments are established, so that the present invention is implemented
Module included by the system at the generation APP interfaces in example is operated under react-native Open Frameworks, that is to say, that this
The system at the generation APP interfaces in inventive embodiments is to rely on react-native Open Frameworks and implement.
For react-native modules, the framework of react-native Open Frameworks can be understood as,
APP data are stored in the module, and APP data are specifically used to that the data used required for APP interfaces, example to be presented
APP Page Templates data and APP page content datas can such as be included.Due to being to rely on react-native Open Frameworks, this
It is then to write to obtain based on JavaScript language that react-native moulds APP data in the block are stored in inventive embodiments
Data, the APP codes that e.g. Developmental Engineer writes beforehand through JavaScript language.
For user interactive module, it can be used for detecting various types of operations that user is carried out, such as user
The single-click operation that is carried out, double click operation, slide, flicking operation (such as touch-control pressure is less than first preset pressure) behaviour
Make, weight operates the operation of (such as touch-control pressure is more than second preset pressure), etc., that is to say, that user interactive module exists
Operating interactive interface is established between the system at the generation APP interfaces in the embodiment of the present invention and user, as user and system
Between carry out the medium of action interaction so that user can by different operations to realize oneself desired function of realizing,
Enhance the operating experience of user.
Different types of operation may correspond to different operation response modes, such as single-click operation indicates page jump to upper
One page, and double click operation indicates page jump to lower one page, etc..Alternatively, act on different show when same type of
Different operation response modes can also be corresponded to by showing during component, such as then indicate to carry out when single-click operation acts on login component
It logs in, in another example then indicating to exit APP, etc. when single-click operation acts on and exits component.
For data match module, operation and the APP data that can be carried out user carry out lookup matching, with true
The part APP data of operation Corresponding matching that fixed and user is carried out every time, because different APP data can be to inhomogeneity
The operation of type is responded with different operation response modes or different APP data can be shown with the difference at corresponding A PP interfaces
Show state and/or display effect, etc..
Module is presented for interface, APP data can be presented in a manner of APP interfaces so as to user it can be seen that
The APP interfaces presented are the equal of that interface presentation module provides the interface of checking between system and user, and interface is in
The various APP circle user orienteds that existing module can be provided system are shown, so that mould can be presented by interface in user
The presentation of block view different APP interfaces and can also be seen that same APP interfaces present different dispaly states and/or
Display effect enriches the visual experience of user.
The system at the generation APP interfaces in the embodiment of the present invention relies on react-native Open Frameworks and designs, and leads to
The method of exploitation Web is crossed to develop APP, and traditional APP development schemes are only then in a manner of developing APP, this is also this
There are the places of essential distinction with the mode of the prior art for developing APP for the system at the generation APP interfaces in inventive embodiments.
In embodiments of the present invention, do not have for different operating platforms by the APP that JavaScrip language is developed
It is restricted, developer only need to be grasped a kind of JavaScrip this development language can develop it is equal in different operation platform
APP codes that can be general, if will not wish as in the state of the art again, developing the APP that different operation platform is applicable in just needs
Corresponding with operating platform development language is grasped, can reduce the requirement to developer to a certain extent, also, due to
It is the exploitation that APP is realized using Web frames, so can conveniently the developer with Web development Experiences redevelop simultaneously
APP reduces the threshold and difficulty of APP exploitations, can develop APP in favor of more developers in this way.
That is, the technical solution provided in through the embodiment of the present invention, can unify for different operation platform
APP development scheme, reduce the requirement to cross-platform team, reduce development cost, and then can promote what APP was developed
Management and maintenance.
Further, the system in the embodiment of the present invention can also include routing module, after starting in APP, carry
The page is shown for first APP presented after starting in APP.
If that is, after the operation that user has carried out startup APP in mobile terminal, system can be according to routing configuration
First APP display pages that display is given tacit consent to after APP starts are shown in, such as user is when using wechat, it is micro- clicking
After believing application icon, mobile terminal can show a wechat interface after wechat is started, and this wechat shown at first
Interface can be not understood as first aforementioned APP and show the page.In specific development process, such as can be according to lower section
Formula is arranged on first APP shown after APP starts by routing module and shows the page.
Wherein, Provider is APP application containers, comprising a unique overall situation store (library), stores all letters of APP
Breath.Router is page routing, and Scene is the specific page, the parameter that is passed to when key is page jump API Calls.It is opened in APP
Acquiescence opens the page that initial parameters are true after dynamic.If routing configuration is incorrect, system will carry under debug patterns
Show mistake, such as 20 five application pages are only included for an APP, and if being set as default page in above-mentioned setting up procedure
The other application page except this 20 five application page, system can then report an error.
In a kind of possible embodiment, routing module is used for after APP startups, provides the institute after APP startups
The first APP display interface presented, including：If being logged in after APP starts, APP login pages are determined
The page is shown for first APP；It is if not needing to be logged in after APP starts, a scheduled APP operation pages are true
It is set to first APP and shows the page.
In specific implementation process, the real page of APP can be greatly classified into login page and operation pages two are big
Class, login page therein are the login interface for needing to fill in user name, password or identifying code, pass through testing for login interface
Card, it can be ensured that using the legitimacy of APP user, and operation pages can be understood as the normal use after APP is logged in
In the process, any application operating interface that APP is presented.
That is, after APP startups, logged in if detecting, then then can be using APP login pages as acquiescence
Display first APP show the page, so that user can carry out register first, so reuse APP provided it is each
Kind function.
It after APP startups, does not need to be logged in if detecting, then any one scheduled APP can then be grasped
Make the page as acquiescence display first APP show the page, be equivalent to can be dispensed with the register of user with directly into
Enter system operatio interface.Because in practice, APP, which can have, logs in memory function, i.e. before APP can be with automatic Memory user
The register carried out, after having verified that user by login before, in order to which user subsequently can be after APP be started
The step of logging on can be saved directly using the function of APP, it is possible to using the program.
Further, the system in the embodiment of the present invention can also include operation calls module, be stored with action type with
The correspondence between response mode is operated, for being based on operation information, determines that operation corresponding with the action type operated is rung
It answers mode and corresponding response is performed to operation with operation response mode corresponding with action type.
That is, after APP startups, operation calls module can be constantly in listening state, in real time, in time
Detection user is directed to various types of operations that mobile terminal is carried out, and then can be based on action type and operation response mode
Between correspondence, the different types of operation carried out to user carry out in time, properly respond to.
In specific implementation process, APP interfaces can include one or more display modules, for example login component, exit
Component, information-reply component, addition expression component, phonetic entry component etc., different display modules can have different
Pattern, such as have plenty of rectangle prompting frame, have plenty of oval prompting frame, etc..It is grasped when to different display modules
When making, system can be triggered and carry out different responses, for example, when being operated to login component, system progress can be triggered
Login response when being operated to addition expression component, can trigger system and show expression library for selection by the user, when to language
When sound input module is operated, system instruction voice capture device (such as microphone) can be triggered in opening to adopt
Collect voice messaging, etc..
In a kind of possible embodiment, user can also carry out display module state update operation, be to trigger
System is adjusted the state of display module.
Wherein, the state of display module can include at least two kinds of understanding modes, and a kind of understanding mode is that display module exists
Hiding on APP interfaces or display, such as after being operated to a certain display module, the display module is from current APP circle
It is disappeared on face, you can it is hidden with to be interpreted as it and shown, another understanding mode is the display effect of display module, such as
A certain display module is currently black font and transparency is 30% display, then if after changing its display effect, it can
Using using red font and transparency as 60% display, etc..
Further, in order to which the dispaly state to display module is adjusted, the system in the embodiment of the present invention can be with
Including module data memory module and component states calling module.
Wherein, module data memory module is used to store module data corresponding at least one display module, such as hidden
Corresponding module data when hiding display, during display corresponding module data and in display it is corresponding with different display effects
Module data, that is to say, that display module can be embodied not by the module data stored in module data memory module
Same dispaly state.
Component states calling module is used for based on state update operation, and determining the dispaly state of at least one display module needs
Second dispaly state is adjusted to by the first dispaly state, and component corresponding with the second dispaly state is obtained from module data
Display data.That is, can determine that operation that user is carried out is practical by component states calling module is desirable to system
How to be responded and feed back and can be interacted with module data memory module and wish that system carries out with user to obtain
Feedback or the corresponding component display data of response.
Further, module is presented in interface can obtain its update of state based on user at component states calling module
Component display module determined by operation, such as interface can be sent to by component states calling module and module is presented, then be based on
The dispaly state of at least one display module is updated to the second dispaly state to be updated by the component display data obtained
APP interfaces afterwards are finally again presented updated APP interfaces.
Module and the interaction of component states calling module are presented by interface, system can be caused to know that user wishes in time
The feedback or response that prestige system is carried out, and presented in a manner of updating APP interfaces to user so that user is to oneself institute
The operation of progress can be fed back in time, and visually be perceived, and then promote the operating experience and vision of user
Experience.
It, can be whole to movement by the system embedment at the generation APP interfaces in the embodiment of the present invention in specific implementation process
In end, experienced so that user can operate mobile terminal with obtaining different APP.
Alternatively, it is also possible to which the system at the generation APP interfaces in the embodiment of the present invention is converted in the form of code, and
Code packing is uploaded into different operating platforms, such as upload to android operating platforms or ios operating platforms, Jin Erzai
Corresponding by operating platform converts to obtain the APP for being suitable for the operating platform, that is to say, that passes through a kind of development scheme institute
The code that developed can obtain corresponding applicable APP by the conversion of different operating platforms, without again for not
With operating platform a kind of development scheme is respectively adopted, unified exploitation path, saved human resources, reduce exploitation into
This.
Fig. 2 is referred to, based on unified inventive concept, the embodiment of the present invention also provides a kind of method for generating APP interfaces, should
The flow of method is described as follows.
Step 1：The operation that detection user is carried out, to obtain operation information corresponding with operating；
Step 2：The determining and matched APP data of operation information from the APP data stored, APP data are to be based on
The data that JavaScript language is write and generated, APP data include APP Page Templates data and APP page content datas；
Step 3：According to the matched APP data of operation information, corresponding with operation APP interfaces are presented.
According to the difference for the action type that user is carried out, step 3 can have different embodiments.For the ease of this
Field technology personnel understand, are exemplified below two kinds of possible embodiments and step 3 is illustrated.
First way：
It is opened with the operation that user is carried out for what any one APP (such as the first APP) in the multiple APP of triggering was started
For dynamic trigger action, Fig. 3 is referred to, the flow of first way is described as follows.
Step 311：Based on trigger action is started, start the first APP；
Step 312：If needing to log in after the first APP is started, login page corresponding with the first APP is used as and is opened
First APP presented after dynamic first APP shows that the page is presented；
Step 313：If not needing to log in after the first APP is started, by a predetermined APP included by the first APP
Operation pages show that the page is presented as first APP presented after the first APP of startup.
In specific implementation process, step 312 and step 312 select an execution.
The second way：
It is that triggering is shown at least one using the operation that user is carried out when including at least one display module at APP interfaces
Show the state update operation that the dispaly state of component is updated, refer to Fig. 4, the flow of the second way is described as follows.
Step 321：It is updated and operated based on state, determine to need to show the dispaly state of at least one display module by first
Show that state is adjusted to the second dispaly state；
Step 322：Component display data corresponding with the second dispaly state is determined from APP data；
Step 323：Based on component display data, the dispaly state of at least one display module is updated to the second display shape
State, to obtain updated APP interfaces；
Step 324：Updated APP interfaces are presented.
The implementation principle of the method at the generation APP interfaces in the embodiment of the present invention and the system at aforementioned generation APP interfaces
Implementation principle it is similar, aforementioned generation may refer to for the implementation of the method at the generation APP interfaces in the embodiment of the present invention
The description of the embodiment part of the system at APP interfaces, details are not described herein.
In the method at generation APP interfaces that the embodiment of the present invention is provided, rely on react-native Open Frameworks and
Design develops APP by developing the method for Web, and traditional APP development schemes be only then in a manner of developing APP, this
And there are essential distinctions with the mode of the prior art for developing APP for the method at the generation APP interfaces in the embodiment of the present invention
Place.
All do not have for different operating platforms by the APP that JavaScrip language is developed in the embodiment of the present invention
Limitation, developer only need to be grasped a kind of JavaScrip this development language and can develop in the equal energy of different operation platform
Enough general APP codes, if will not wish as in the state of the art again, developing the APP that different operation platform is applicable in just needs to slap
Development language corresponding with the operating platform is held, the requirement to developer can be reduced to a certain extent, also, due to being
The exploitation of APP is realized using Web frames, so can conveniently the developer with Web development Experiences redevelop simultaneously
APP reduces the threshold and difficulty of APP exploitations, can develop APP in favor of more developers in this way.
That is, the technical solution provided in through the embodiment of the present invention, can unify for different operation platform
APP development scheme, reduce the requirement to cross-platform team, reduce development cost, and then can promote what APP was developed
Management and maintenance.
Fig. 5 is referred to, based on same inventive concept, the embodiment of the present invention also provides a kind of mobile terminal, the mobile terminal
Including memory 501 and processor 502, memory 501 and processor 502 can be connected by bus 500 or can also led to
Cross special connecting line connection.In Fig. 5 for being connected by bus 500.Wherein memory 501 for storing instruction, is handled
Device 502 is for performing the instruction that memory 501 is stored, can perform following steps in execute instruction：
The operation that detection user is carried out, to obtain operation information corresponding with operating；
It is determined and the matched APP data of operation information from the APP data stored；Wherein, APP data are to be based on
The data that JavaScript language is write and generated, APP data include APP Page Templates data and APP page content datas；
According to the matched APP data of operation information, corresponding with operation APP interfaces are presented.
Processor 502 can be specifically general central processing unit (CPU) or can be application-specific integrated circuit
(Application Specific Integrated Circuit, ASIC) or can be that one or more is used to control journey
The integrated circuit that sequence performs, can be baseband chip, etc..
The quantity of memory 501 can be one or more.Memory 501 can include read-only memory (Read Only
Memory, ROM), random access memory (Random Access Memory, RAM) or magnetic disk storage, etc..
It, can be by the code corresponding to the method at aforementioned generation APP interfaces by being designed programming to processor 502
It is cured in chip, so as to the method that chip is made to be able to carry out aforementioned generation APP interfaces at runtime, how to processor
502 are designed and are programmed for technology known in those skilled in the art, and which is not described herein again.
The apparatus embodiments described above are merely exemplary, wherein can be as the unit that separating component illustrates
Or may not be physically separate, the component shown as unit may or may not be physical unit, i.e.,
A place can be located at or can also be distributed in multiple network element.It can select according to the actual needs therein
Some or all of module realizes the purpose of this embodiment scheme.Those of ordinary skill in the art are not paying creative labor
In the case of dynamic, you can to understand and implement.
Through the above description of the embodiments, those skilled in the art can be understood that each embodiment can
It is realized by the mode of software plus required general hardware platform, naturally it is also possible to pass through hardware.Based on such understanding, on
Technical solution is stated substantially in other words to embody the part that the prior art contributes in the form of software product, it should
Computer software product can store in a computer-readable storage medium, such as ROM/RAM, magnetic disc, CD, including several fingers
It enables and (can be personal computer, server or the network equipment etc.) so that computer equipment is used to perform each implementation
Method described in certain parts of example or embodiment.
Finally it should be noted that：The above embodiments are merely illustrative of the technical solutions of the present invention, rather than its limitations；Although
The present invention is described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that：It still may be used
To modify to the technical solution recorded in foregoing embodiments or carry out equivalent replacement to which part technical characteristic；
And these modification or replace, various embodiments of the present invention technical solution that it does not separate the essence of the corresponding technical solution spirit and
Range.
Claims (10)
1. a kind of system for generating application APP interface, which is characterized in that including：
React-native modules, for storing APP data；Wherein, the APP data are write based on JavaScript language
Obtained from data, the APP data include APP Page Templates data and APP page content datas；
User interactive module, for detecting the operation that user is carried out, to obtain and the corresponding operation information of the operation；
Data match module, for obtaining the APP data from the react-native modules and from the institute obtained
It states in APP data and determines and the matched APP data of the operation information；
Module is presented in interface, corresponding with the operation for being presented according to the APP data matched with the operation information
APP interfaces.
2. the system as claimed in claim 1, which is characterized in that the system also includes：
Routing module after starting in APP, provides first APP presented after APP startups and shows the page.
3. system as claimed in claim 2, which is characterized in that the routing module is used for after APP startups, is provided
First APP display interface that APP is presented after starting, including：
If being logged in after APP starts, APP login pages are determined as first APP and show the page；
If not needing to be logged in after APP starts, a scheduled APP operation pages are determined as described first
APP shows the page.
4. the system as described in any claim in claim 1-3, which is characterized in that the system also includes：
Operation calls module is stored with action type and operates the correspondence between response mode, for being based on the operation
Information determines operation response mode corresponding with the action type of the operation and with behaviour corresponding with the action type
Make response mode and corresponding response is performed to the operation.
5. system as claimed in claim 4, which is characterized in that the APP interfaces include at least one display module；The use
Family interactive module is used to detect the operation that user is carried out, including：
The state update operation that detection user is carried out at least one display module.
6. system as claimed in claim 5, which is characterized in that the system also includes：
Module data memory module, for storing module data corresponding at least one display module；
Component states calling module for being based on the state update operation, determines the display of at least one display module
State needs to be adjusted to the second dispaly state by the first dispaly state, and is obtained and the described second display from the module data
The corresponding component display data of state.
7. system as claimed in claim 6, which is characterized in that the interface is presented module and is additionally operable to：
The component display data is obtained at the component states calling module；
Based on the component display data, the dispaly state of at least one display module is updated to the second display shape
State, to obtain updated APP interfaces；
The updated APP interfaces are presented.
A kind of 8. method for generating application APP interface, which is characterized in that including：
The operation that detection user is carried out, to obtain and the corresponding operation information of the operation；
It is determined and the matched APP data of the operation information from the APP data stored；Wherein, the APP data are to be based on
The data that JavaScript language is write and generated, the APP data include APP Page Templates data and APP content of pages numbers
According to；
According to the matched APP data of the operation information, corresponding with operation APP interfaces are presented.
9. method as claimed in claim 8, which is characterized in that the operation is touched for the first APP of the triggering startups started
Hair operation；According to the matched APP data of the operation information, corresponding with operation APP interfaces are presented, including：
Based on the startup trigger action, start the first APP；
If needing to log in after the first APP is started, login page corresponding with the first APP is used as and starts institute
It states first APP presented after the first APP and shows that the page is presented；
If not needing to log in after the first APP is started, a predetermined APP included by the first APP is operated
The page shows that the page is presented as first APP presented after startup the first APP.
10. method as claimed in claim 8, which is characterized in that the APP interfaces include at least one display module, described
It operates and operation is updated to the state that the dispaly state of at least one display module is updated to trigger；According to the behaviour
Make the APP data of information matches, APP interfaces corresponding with the operation are presented, including：
It is updated and operated based on the state, determine to need the dispaly state of at least one display module by the first display shape
State is adjusted to the second dispaly state；
Component display data corresponding with second dispaly state is determined from the APP data；
Based on the component display data, the dispaly state of at least one display module is updated to the second display shape
State, to obtain updated APP interfaces；
The updated APP interfaces are presented.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611220825.XA CN108241488A (en) | 2016-12-26 | 2016-12-26 | A kind of system and method for generating APP interfaces |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611220825.XA CN108241488A (en) | 2016-12-26 | 2016-12-26 | A kind of system and method for generating APP interfaces |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108241488A true CN108241488A (en) | 2018-07-03 |
Family
ID=62702157
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611220825.XA Pending CN108241488A (en) | 2016-12-26 | 2016-12-26 | A kind of system and method for generating APP interfaces |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108241488A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110493659A (en) * | 2019-08-22 | 2019-11-22 | 深圳市网心科技有限公司 | A kind of implementation method, device and the equipment of video player interactive function |
| CN112102688A (en) * | 2019-06-17 | 2020-12-18 | 北京张善风文化传播有限公司 | 0-12 year old family heart trip education system and education method thereof |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160034468A1 (en) * | 2014-07-23 | 2016-02-04 | Attune, Inc. | Testing of and adapting to user responses to web applications |
| CN105824900A (en) * | 2016-03-14 | 2016-08-03 | 传线网络科技（上海）有限公司 | Page display system based on react-native |
-
2016
- 2016-12-26 CN CN201611220825.XA patent/CN108241488A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160034468A1 (en) * | 2014-07-23 | 2016-02-04 | Attune, Inc. | Testing of and adapting to user responses to web applications |
| CN105824900A (en) * | 2016-03-14 | 2016-08-03 | 传线网络科技（上海）有限公司 | Page display system based on react-native |
Non-Patent Citations (1)
| Title |
|---|
| MANGUES: "react-native 完整实现登录功能", 《HTTPS://BLOG.CSDN.NET/U012915455/ARTICLE/DETAILS/52594091/》 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112102688A (en) * | 2019-06-17 | 2020-12-18 | 北京张善风文化传播有限公司 | 0-12 year old family heart trip education system and education method thereof |
| CN110493659A (en) * | 2019-08-22 | 2019-11-22 | 深圳市网心科技有限公司 | A kind of implementation method, device and the equipment of video player interactive function |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10705942B1 (en) | Simulated testing of API | |
| US20190236975A1 (en) | Integrated development environment for visual and text coding | |
| US20240037020A1 (en) | System and Method for Automated Software Testing | |
| US20130326467A1 (en) | Application quality parameter measurement-based development | |
| CN111740948B (en) | Data packet issuing method, dynamic updating method, device, equipment and medium | |
| US11237948B2 (en) | Rendering engine component abstraction system | |
| EP3074863A1 (en) | System and method for testing data representation for different mobile devices | |
| Popp et al. | Tool support for automated multi-device GUI generation from discourse-based communication models | |
| JP6354457B2 (en) | Application development support apparatus, data processing method thereof, and program | |
| CN107423049A (en) | Realize method, browser and the terminal device of online programming | |
| CN110531962A (en) | Development process method, equipment and the computer readable storage medium of small routine | |
| CN105528132B (en) | Text Entry display methods and device applied to browser | |
| Schwarz et al. | The Android developer's cookbook: building applications with the Android SDK | |
| CN110275704A (en) | Page data processing method and device, storage medium and electronic equipment | |
| CN106951248A (en) | Add method, device and the readable storage medium storing program for executing of code | |
| US20150143267A1 (en) | SYSTEM AND METHOD FOR DEVELOPING A RULE-BASED EVENT-DRIVEN MULTI-LAYERED FRONTEND FOR BUSINESS SERVICES AND RENDERING THE GUIs ON MULTIPLE CLIENT DEVICES | |
| CN107704499A (en) | A kind of page jump control method and device of application program | |
| CN108241488A (en) | A kind of system and method for generating APP interfaces | |
| US20170039037A1 (en) | Live mobile application visual editor demo | |
| KR20100056338A (en) | Gui test automatic system for improving reusability of test script and method thereof | |
| CN109543409A (en) | For detecting the method, device and equipment of malicious application and training detection model | |
| Griebe et al. | Towards automated UI-tests for sensor-based mobile applications | |
| CN106775608A (en) | The implementation method and device of autonomous system process | |
| CN115858556A (en) | Data processing method and device, storage medium and electronic equipment | |
| JP7029557B1 (en) | Judgment device, judgment method and judgment program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180703 |
|
| RJ01 | Rejection of invention patent application after publication |