CN109800368A - H5 navigation bar push button configuration method, device, computer equipment and storage medium - Google Patents
H5 navigation bar push button configuration method, device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN109800368A CN109800368A CN201811528589.7A CN201811528589A CN109800368A CN 109800368 A CN109800368 A CN 109800368A CN 201811528589 A CN201811528589 A CN 201811528589A CN 109800368 A CN109800368 A CN 109800368A
- Authority
- CN
- China
- Prior art keywords
- page
- navigation key
- navigation
- information
- key
- 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
Abstract
The invention discloses H5 navigation bar push button configuration method, device, computer equipment and storage mediums.This method comprises: obtaining the parameter information of the page navigation key configured in the H5 page, JSON fonnat configuring information is generated according to parameter information is corresponding；Parse the setting information of page navigation key included in JSON fonnat configuring information；The setting information of page navigation key is filled into web page files collective data corresponding with JSON fonnat configuring information, customized H5 Page web page file set data are obtained；The current H5 page is generated according to customized H5 Page web page file set data are corresponding.This method controls the customized demand of navigation bar button and the entire H5 page using JSON fonnat configuring information, it realizes when releasing new page, H5 issues the JSON fonnat configuring information and the H5 page to be released of full page, version is sent out again without client, and meets the customized demand of various H5.
Description
Technical field
The present invention relates to mixed mode mobile solution more particularly to a kind of H5 navigation bar push button configuration method,
Device, computer equipment and storage medium.
Background technique
It is every in APP (i.e. application program) that into a H5 page, (H5, that is, HTML5 is the description webpage of the 5th version
Standard language, what H5 can be vivid is interpreted as web page files set, which, which generally comprises, describes in webpage
The web page files of the structure of basic constitution element and these elements, describe webpage appearance CSS file and describe net
The function of page or the JS file of behavior), the button in the navigation bar upper left corner is all that the local return added automatically is pressed in the H5 page
Button then needs the end Native App (i.e. the local end App) of APP to some if there is the navigation bar of the H5 page needs to customize button
Page judgement, then adds corresponding button, but aforesaid way has the following deficiencies:
If 1) navigation bar of a certain H5 page needs to change, it will lead to client publication new version and be just able to achieve；
2) for different dock doors, possible a certain page navigation column button arrangement is different, and client is not easy to judge
Which kind of navigation bar button arrangement taken；
3) return push-button on part H5 page navigation column is that all load is completed just to allow to show in the page, takes system
One return push-button configuration is unable to reach use demand.
Summary of the invention
The embodiment of the invention provides a kind of H5 navigation bar push button configuration method, device, computer equipment and storage medium,
Aim to solve the problem that H5 navigation bar button arrangement in the prior art real time modifying and can not can not be adapted to the platforms of a variety of application programs and enter
The problem of mouth.
In a first aspect, the embodiment of the invention provides a kind of H5 navigation bar push button configuration method comprising:
The parameter information for obtaining the page navigation key configured in the H5 page is generated according to the parameter information is corresponding
JSON fonnat configuring information；
Parse the setting information of page navigation key included in the JSON fonnat configuring information；
The setting information of the page navigation key is filled to web page files corresponding with the JSON fonnat configuring information
In collective data, customized H5 Page web page file set data are obtained；
The current H5 page is generated according to the customized H5 Page web page file set data are corresponding.
Second aspect, the embodiment of the invention provides a kind of H5 navigation bar button arrangement devices comprising:
Configuration information generation unit, for obtaining the parameter information of the page navigation key configured in the H5 page, according to
The parameter information is corresponding to generate JSON fonnat configuring information；
Configuration information resolution unit, for parsing setting for page navigation key included in the JSON fonnat configuring information
Confidence breath；
Collective data acquiring unit is matched for filling the setting information of the page navigation key to the JSON format
Confidence ceases in corresponding web page files collective data, obtains customized H5 Page web page file set data；
H5 page generating unit, for generating current H5 according to the customized H5 Page web page file set data are corresponding
The page.
The third aspect, the embodiment of the present invention provide a kind of computer equipment again comprising memory, processor and storage
On the memory and the computer program that can run on the processor, the processor execute the computer program
H5 navigation bar push button configuration method described in the above-mentioned first aspect of Shi Shixian.
Fourth aspect, the embodiment of the invention also provides a kind of computer readable storage mediums, wherein the computer can
It reads storage medium and is stored with computer program, it is above-mentioned that the computer program when being executed by a processor executes the processor
H5 navigation bar push button configuration method described in first aspect.
The embodiment of the invention provides a kind of H5 navigation bar push button configuration method, device, computer equipment and storage mediums.
This method controls the customized demand of navigation bar button and the entire H5 page using JSON fonnat configuring information, realizes
When releasing new page, H5 issues the JSON fonnat configuring information and the H5 page to be released of full page, again without client
Version is sent out, and meets the customized demand of various H5.
Detailed description of the invention
Technical solution in order to illustrate the embodiments of the present invention more clearly, below will be to needed in embodiment description
Attached drawing is briefly described, it should be apparent that, drawings in the following description are some embodiments of the invention, general for this field
For logical technical staff, without creative efforts, it is also possible to obtain other drawings based on these drawings.
Fig. 1 is the flow diagram of H5 navigation bar push button configuration method provided in an embodiment of the present invention；
Fig. 2 is the sub-process schematic diagram of H5 navigation bar push button configuration method provided in an embodiment of the present invention；
Fig. 3 is another sub-process schematic diagram of H5 navigation bar push button configuration method provided in an embodiment of the present invention；
Fig. 4 is another flow diagram of H5 navigation bar push button configuration method provided in an embodiment of the present invention；
Fig. 5 is the schematic block diagram of H5 navigation bar button arrangement device provided in an embodiment of the present invention；
Fig. 6 is the subelement schematic block diagram of H5 navigation bar button arrangement device provided in an embodiment of the present invention；
Fig. 7 is another subelement schematic block diagram of H5 navigation bar button arrangement device provided in an embodiment of the present invention；
Fig. 8 is another schematic block diagram of H5 navigation bar button arrangement device provided in an embodiment of the present invention；
Fig. 9 is the schematic block diagram of computer equipment provided in an embodiment of the present invention.
Specific embodiment
Following will be combined with the drawings in the embodiments of the present invention, and technical solution in the embodiment of the present invention carries out clear, complete
Site preparation description, it is clear that described embodiments are some of the embodiments of the present invention, instead of all the embodiments.Based on this hair
Embodiment in bright, every other implementation obtained by those of ordinary skill in the art without making creative efforts
Example, shall fall within the protection scope of the present invention.
It should be appreciated that ought use in this specification and in the appended claims, term " includes " and "comprising" instruction
Described feature, entirety, step, operation, the presence of element and/or component, but one or more of the other feature, whole is not precluded
Body, step, operation, the presence or addition of element, component and/or its set.
It is also understood that mesh of the term used in this description of the invention merely for the sake of description specific embodiment
And be not intended to limit the present invention.As description of the invention and it is used in the attached claims, unless on
Other situations are hereafter clearly indicated, otherwise " one " of singular, "one" and "the" are intended to include plural form.
It will be further appreciated that the term "and/or" used in description of the invention and the appended claims is
Refer to any combination and all possible combinations of one or more of associated item listed, and including these combinations.
For the clearer technical solution for understanding the application, to required before the technical solution for specifically introducing the application
The technical background of understanding is briefly introduced.
Web App is a kind of frame-type APP development mode (HTML5 APP Development of Framework mode, i.e. H5 APP), the exploitation
With cross-platform advantage, which is usually made of " HTML5 cloud website+APP applications client " two parts, APP application visitor
Family end need to only install the frame part of application, and the data applied are then to go cloud access according to presentation when opening APP every time
To mobile phone user.
Primary APP is also known as Native App (i.e. local App), and the exploitation is for differences such as IOS, Android, Windows
Mobile phone operating system to be developed using different language and frame, which is usually by " Cloud Server data+APP
Applications client " two parts are constituted, and APP is installed in mobile phone terminal using all UI elements, data content, logical framework
On.
Hybrid App (mixed mode mobile application) refers between Web App, Native App the two
App has both " advantage of the good user-interaction experience of Native App " and " advantage of Web App Cross-border congestion management ", i.e.,
Hybrid App had both included H5 page end or including locally applied end (i.e. Native App).
Referring to Fig. 1, Fig. 1 is the flow diagram of H5 navigation bar push button configuration method provided in an embodiment of the present invention, it should
H5 navigation bar push button configuration method is applied in intelligent terminal, and this method is carried out by the application software being installed in intelligent terminal
It executes.
As shown in Figure 1, the method comprising the steps of S110~S140.
The parameter information for the page navigation key that S110, acquisition are configured in the H5 page, it is corresponding according to the parameter information
Generate JSON fonnat configuring information.
It in the present embodiment, is installed on the intelligent terminal (such as smart phone, tablet computer etc.) of user
The H5 page end selection H5 page custom-configures option in Hybrid App, enters the customized navigation of the H5 page by the config option
The setting of column button, after the setting for completing H5 page Custom Navigation button, according to the parameter information of page navigation key
It is corresponding to generate JSON fonnat configuring information.Wherein, the parameter information of page navigation key includes navigation key locating position in the H5 page
(usually the central point of navigation key is in the coordinate in the H5 page), the navigation key dimensional parameters in the H5 page are set (usually to navigate
Key length and width upper shown in the H5 page), (destination address is usually to click to the destination address that is linked of navigation key
Next H5 page that navigation key need to jump, or click the local App page that is jumped of navigation key), the display color of navigation key
Parameter (i.e. the navigation key is shown with which kind of color, be can be pure color, is also possible to secondary colour).
In one embodiment, as shown in Fig. 2, step S110 includes:
Navigation key set by S111, acquisition in the H5 page page coordinates information of present position, navigation key at H5 pages
The display color parameter of dimensional parameters, navigation key are linked in face destination address, navigation key；
S112, by navigation key, the page coordinates information of present position, the navigation key size in the H5 page are joined in the H5 page
Number, the destination address that navigation key is linked, the display color parameter of navigation key are filled to preconfigured JSON format module, are obtained
To JSON fonnat configuring information.
In the present embodiment, the configuration information for why choosing JSON format is because of JSON (full name JavaScript
Object Notation, indicate JS object numbered musical notation) be a kind of lightweight data interchange format.It is based on (the Europe ECMAScript
Continent Computer Association formulate js specification) a subset, stored using the text formatting for being totally independent of programming language and
Indicate data.Succinctly and clearly hierarchical structure makes JSON become ideal data interchange language, is easy to people and reads and compile
It writes, while being also easy to machine parsing and generating, and effectively promoting network transmission efficiency.
For example, JSON fonnat configuring information generated is as follows:
Wherein, " backgroundTextStyle ": " light " indicates that background text style is set as light (light color), "
NavigationBarBackgroundColor ": " #fff " indicates that the pixel value of the background colour of setting system navigation bar is set as #
Fff (white), " navigationBarTitleText ": " XXX " indicates that the title text of setting system navigation bar is that XXX (is used
The title text of family setting), " navigationBarTextStyle ": the lemma of " black " expression setting system navigation bar
Body color is balck (black).
Due to only can need to quickly obtain JSON fonnat configuring information by the parameter information of setting page navigation key, lead to
JSON fonnat configuring information is crossed to control the customized generation of the page navigation key of the H5 page, without the client to Hybrid App
End version is updated, and simplifies configuration process.
In one embodiment, as shown in figure 4, before step S110 further include:
If S101, detecting that the H5 page custom-configures instruction, the parameter information of the page navigation key of institute's typing is obtained, or
Person obtains the parameter information of set H5 navigation bar button and the page navigation key to H5 navigation bar button setting.
In the present embodiment, at least following in the parameter information for obtaining the page navigation key configured in the H5 page
Two kinds of implementations:
First is that using the configuration mode for the parameter information for filling in each page navigation key, i.e., user can first option and installment it is several
Page navigation key, navigation key fills in parameter information as described above for each page, after configuration is complete on the H5 page
Show allocative effect.This configuration mode using formula of filling a vacancy is a kind of for the higher configuration side of configuration personnel technical requirements
Formula, the personnel that need to configure can be apparent that the detail parameters of the H5 page just can be carried out accurate configuration.
Second is that is, user can the several page navigation keys of first option and installment using the customized configuration mode for pulling navigation key
Afterwards, the page navigation key of corresponding number is initially generated on the H5 page, user often passes through the selected page navigation of touch-control later
Key can be drawn to the target area of the H5 page, and the dimensional parameters of page navigation key are adjusted by way of scaling,
It completes navigation key present position and navigation key in the H5 page and after the setting of dimensional parameters, passes through navigation key institute chain in the H5 page
First edit box of the destination address connect fills in the destination address of each page navigation key, and is joined by the display color of navigation key
The second several edit boxes fills in the display color parameter of each page navigation key.
It is postponed when matching for the parameter information for completing above-mentioned page navigation key, is translated into JSON fonnat configuring information.
Specifically, the setting of navigation key present position in the H5 page is realized by the position:fixed in css, such as:
<style>.foot-menu { width:100%；height:60px；background:#000；position:
fixed；bo ttom:0；/ * * is 0*/left:0 apart from bottom；z-index:1；}</style><div class=" foot-
menu"><！---navigating specific content--></div>；
By the customized parameter information for completing page navigation key, JSON fonnat configuring information can be automatically converted to
It is sent to locally applied end (i.e. Native App) in Hybrid App.
The setting information of included page navigation key in S120, the parsing JSON fonnat configuring information.
It in the present embodiment, is that locally applied end (i.e. Native App) acquisition H5 page end are uploaded in Hybrid App
JSON fonnat configuring information, parse in the JSON fonnat configuring information setting information of included page navigation key, this
The parameter information of the setting information of page navigation key and page navigation key is identical in matter, and difference is page navigation key
Parameter information is parameter of the user in the original setting of H5 page end, and the setting information of page navigation key is then by the JSON lattice
Formula configuration information parses.
S130, the setting information of the page navigation key is filled to webpage corresponding with the JSON fonnat configuring information
In file set data, customized H5 Page web page file set data are obtained.
In the present embodiment, in order to generate the H5 page, the corresponding web page files collective data of the H5 page need to be obtained, that is, includes
Describe the CSS of the web page files of the structure of the basic constitution element and these elements in webpage, the appearance for describing webpage
File and describe the function of webpage or the JS file of behavior.Since CSS file and JS file have been pre-set, therefore only
The setting information of the page navigation key need to be filled into web page files corresponding with the JSON fonnat configuring information
Complete customized H5 Page web page file set data are obtained, realizes and is quickly repaired using JSON fonnat configuring information as carrier
Change web page files collective data.
In one embodiment, as shown in figure 3, step S130 includes:
S131, include by the setting information of navigation key navigation key in the H5 page page coordinates information of present position, lead
The boat key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color parameter of navigation key are respectively positioned at
Filling region in web page files collective data；
S132, according to navigation key in the H5 page page coordinates information of present position, the navigation key size in the H5 page
The display color parameter of destination address, navigation key that parameter, navigation key are linked according to corresponding filling region, fill respectively to
Web page files collective data obtains customized H5 Page web page file set data.
In the present embodiment, in order to by the setting information of navigation key include accurately navigation key present position in the H5 page
Page coordinates information, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, the display face of navigation key
Color parameter is filled into web page files collective data, need to be determined according to the subregion of each composing document in web page files collective data
The filling position of position above-mentioned parameter.Such as the first big subregion in web page files collective data be web page files area, second largest point
Area is the file area CSS, and the third-largest subregion is the file area JS.It is small that the corresponding web page files area of first big subregion is divided at least four again
Subregion, respectively correspond navigation key in the H5 page page coordinates information of present position, navigation key in the H5 page dimensional parameters,
The typing area of the display color parameter of destination address, navigation key that navigation key is linked.By above-mentioned precise positioning and filling, i.e.,
Customized H5 Page web page file set data can be obtained.
S140, the current H5 page is generated according to the customized H5 Page web page file set data are corresponding.
It in one embodiment, include: to be wrapped according in the customized H5 Page web page file set data in step S140
Web page files, CSS file and the JS File included, it is corresponding to generate the current H5 page.
In the present embodiment, the net of the structure of basic constitution element and these elements in webpage is described when obtaining
Page file, describe webpage appearance CSS file and describe the function of webpage or the JS file of behavior, it can the H5 page
End is used as container, using web page files, CSS file and JS File as the particular content loaded in container, by the H5 page
The page systematic function at end automatically generates the current H5 page, to realize the page for controlling the H5 page by JSON fonnat configuring information
The customized generation of face navigation key.
This method controls the customized demand of navigation bar button and the entire H5 page using JSON fonnat configuring information,
It realizes when releasing new page, H5 issues the JSON fonnat configuring information and the H5 page to be released of full page, is not necessarily to
Client sends out version again.
The embodiment of the present invention also provides a kind of H5 navigation bar button arrangement device, which is used for
Execute any embodiment of aforementioned H5 navigation bar push button configuration method.Specifically, referring to Fig. 5, Fig. 5 is that the embodiment of the present invention mentions
The schematic block diagram of the H5 navigation bar button arrangement device of confession.The H5 navigation bar button arrangement device 100 can be configured at intelligence
In terminal.
As shown in figure 5, H5 navigation bar button arrangement device 100 includes configuration information generation unit 110, configuration information parsing
Unit 120, collective data acquiring unit 130, H5 page generating unit 140.
Configuration information generation unit 110, for obtaining the parameter information of the page navigation key configured in the H5 page, root
JSON fonnat configuring information is generated according to the parameter information is corresponding.
It in the present embodiment, is installed on the intelligent terminal (such as smart phone, tablet computer etc.) of user
The H5 page end selection H5 page custom-configures option in Hybrid App, enters the customized navigation of the H5 page by the config option
The setting of column button, after the setting for completing H5 page Custom Navigation button, according to the parameter information of page navigation key
It is corresponding to generate JSON fonnat configuring information.Wherein, the parameter information of page navigation key includes navigation key locating position in the H5 page
(usually the central point of navigation key is in the coordinate in the H5 page), the navigation key dimensional parameters in the H5 page are set (usually to navigate
Key length and width upper shown in the H5 page), (destination address is usually to click to the destination address that is linked of navigation key
Next H5 page that navigation key need to jump, or click the local App page that is jumped of navigation key), the display color of navigation key
Parameter (i.e. the navigation key is shown with which kind of color, be can be pure color, is also possible to secondary colour).
In one embodiment, as shown in fig. 6, configuration information generation unit 110 includes:
Parameter acquiring unit 111, for obtaining the page coordinates letter of set navigation key present position in the H5 page
Breath, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color parameter of navigation key；
JSON configure acquiring unit 112, for by navigation key in the H5 page page coordinates information of present position, navigation
The key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color parameter of navigation key are filled to matching in advance
The JSON format module set, obtains JSON fonnat configuring information.
In the present embodiment, the configuration information for why choosing JSON format is because of JSON (full name JavaScript
Object Notation, indicate JS object numbered musical notation) be a kind of lightweight data interchange format.It is based on (the Europe ECMAScript
Continent Computer Association formulate js specification) a subset, stored using the text formatting for being totally independent of programming language and
Indicate data.Succinctly and clearly hierarchical structure makes JSON become ideal data interchange language, is easy to people and reads and compile
It writes, while being also easy to machine parsing and generating, and effectively promoting network transmission efficiency.
Due to only can need to quickly obtain JSON fonnat configuring information by the parameter information of setting page navigation key, lead to
JSON fonnat configuring information is crossed to control the customized generation of the page navigation key of the H5 page, without the client to Hybrid App
End version is updated, and simplifies configuration process.
In one embodiment, as shown in figure 8, H5 navigation bar button arrangement device 100 further include:
Unit 101 is custom-configured, if the page for obtaining institute's typing is led for detecting that the H5 page custom-configures instruction
The parameter information of boat key, or the page navigation for obtaining set H5 navigation bar button and the H5 navigation bar button being arranged
The parameter information of key.
In the present embodiment, at least following in the parameter information for obtaining the page navigation key configured in the H5 page
Two kinds of implementations:
First is that using the configuration mode for the parameter information for filling in each page navigation key, i.e., user can first option and installment it is several
Page navigation key, navigation key fills in parameter information as described above for each page, after configuration is complete on the H5 page
Show allocative effect.This configuration mode using formula of filling a vacancy is a kind of for the higher configuration side of configuration personnel technical requirements
Formula, the personnel that need to configure can be apparent that the detail parameters of the H5 page just can be carried out accurate configuration.
Second is that is, user can the several page navigation keys of first option and installment using the customized configuration mode for pulling navigation key
Afterwards, the page navigation key of corresponding number is initially generated on the H5 page, user often passes through the selected page navigation of touch-control later
Key can be drawn to the target area of the H5 page, and the dimensional parameters of page navigation key are adjusted by way of scaling,
It completes navigation key present position and navigation key in the H5 page and after the setting of dimensional parameters, passes through navigation key institute chain in the H5 page
First edit box of the destination address connect fills in the destination address of each page navigation key, and is joined by the display color of navigation key
The second several edit boxes fills in the display color parameter of each page navigation key.
It is postponed when matching for the parameter information for completing above-mentioned page navigation key, is translated into JSON fonnat configuring information.
Specifically, the setting of navigation key present position in the H5 page is realized by the position:fixed in css, such as:
<style>.foot-menu { width:100%；height:60px；background:#000；position:
fixed；bo ttom:0；/ * * is 0*/left:0 apart from bottom；z-index:1；}</style><div class=" foot-
menu"><！---navigating specific content--></div>；
By the customized parameter information for completing page navigation key, JSON fonnat configuring information can be automatically converted to
It is sent to locally applied end (i.e. Native App) in Hybrid App.
Configuration information resolution unit 120, for parsing page navigation key included in the JSON fonnat configuring information
Setting information.
It in the present embodiment, is that locally applied end (i.e. Native App) acquisition H5 page end are uploaded in Hybrid App
JSON fonnat configuring information, parse in the JSON fonnat configuring information setting information of included page navigation key, this
The parameter information of the setting information of page navigation key and page navigation key is identical in matter, and difference is page navigation key
Parameter information is parameter of the user in the original setting of H5 page end, and the setting information of page navigation key is then by the JSON lattice
Formula configuration information parses.
Collective data acquiring unit 130, for by the setting information of the page navigation key fill to the JSON lattice
In the corresponding web page files collective data of formula configuration information, customized H5 Page web page file set data are obtained.
In the present embodiment, in order to generate the H5 page, the corresponding web page files collective data of the H5 page need to be obtained, that is, includes
Describe the CSS of the web page files of the structure of the basic constitution element and these elements in webpage, the appearance for describing webpage
File and describe the function of webpage or the JS file of behavior.Since CSS file and JS file have been pre-set, therefore only
The setting information of the page navigation key need to be filled into web page files corresponding with the JSON fonnat configuring information
Complete customized H5 Page web page file set data are obtained, realizes and is quickly repaired using JSON fonnat configuring information as carrier
Change web page files collective data.
In one embodiment, as shown in fig. 7, collective data acquiring unit 130 includes:
Filling region positioning unit 131, for including navigation key locating position in the H5 page by the setting information of navigation key
The display of the page coordinates information, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, navigation key set
Color parameter is respectively positioned at the filling region in web page files collective data；
Collective data generation unit 132, for according to navigation key in the H5 page page coordinates information of present position, lead
The key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color parameter of navigation key navigate according to corresponding
Filling region is filled respectively to web page files collective data, and customized H5 Page web page file set data are obtained.
In the present embodiment, in order to by the setting information of navigation key include accurately navigation key present position in the H5 page
Page coordinates information, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, the display face of navigation key
Color parameter is filled into web page files collective data, need to be determined according to the subregion of each composing document in web page files collective data
The filling position of position above-mentioned parameter.Such as the first big subregion in web page files collective data be web page files area, second largest point
Area is the file area CSS, and the third-largest subregion is the file area JS.It is small that the corresponding web page files area of first big subregion is divided at least four again
Subregion, respectively correspond navigation key in the H5 page page coordinates information of present position, navigation key in the H5 page dimensional parameters,
The typing area of the display color parameter of destination address, navigation key that navigation key is linked.By above-mentioned precise positioning and filling, i.e.,
Customized H5 Page web page file set data can be obtained.
H5 page generating unit 140, for being worked as according to corresponding generate of the customized H5 Page web page file set data
The preceding H5 page.
In one embodiment, according to the customized H5 Page web page file set data in H5 page generating unit 140
In include web page files, CSS file and JS File, it is corresponding to generate the current H5 page.
In the present embodiment, the net of the structure of basic constitution element and these elements in webpage is described when obtaining
Page file, describe webpage appearance CSS file and describe the function of webpage or the JS file of behavior, it can the H5 page
End is used as container, using web page files, CSS file and JS File as the particular content loaded in container, by the H5 page
The page systematic function at end automatically generates the current H5 page, to realize the page for controlling the H5 page by JSON fonnat configuring information
The customized generation of face navigation key.
The device controls the customized demand of navigation bar button and the entire H5 page using JSON fonnat configuring information,
It realizes when releasing new page, H5 issues the JSON fonnat configuring information and the H5 page to be released of full page, is not necessarily to
Client sends out version again.
Above-mentioned H5 navigation bar button arrangement device can be implemented as the form of computer program, which can be
It is run in computer equipment as shown in Figure 9.
Referring to Fig. 9, Fig. 9 is the schematic block diagram of computer equipment provided in an embodiment of the present invention.
Refering to Fig. 9, which includes processor 502, memory and the net connected by system bus 501
Network interface 505, wherein memory may include non-volatile memory medium 503 and built-in storage 504.
The non-volatile memory medium 503 can storage program area 5031 and computer program 5032.The computer program
5032 are performed, and processor 502 may make to execute H5 navigation bar push button configuration method.
The processor 502 supports the operation of entire computer equipment 500 for providing calculating and control ability.
The built-in storage 504 provides environment for the operation of the computer program 5032 in non-volatile memory medium 503, should
When computer program 5032 is executed by processor 502, processor 502 may make to execute H5 navigation bar push button configuration method.
The network interface 505 is for carrying out network communication, such as the transmission of offer data information.Those skilled in the art can
To understand, structure shown in Fig. 9, only the block diagram of part-structure relevant to the present invention program, is not constituted to this hair
The restriction for the computer equipment 500 that bright scheme is applied thereon, specific computer equipment 500 may include than as shown in the figure
More or fewer components perhaps combine certain components or with different component layouts.
Wherein, the processor 502 is for running computer program 5032 stored in memory, to realize following function
Can: the parameter information of the page navigation key configured in the H5 page is obtained, generates JSON lattice according to the parameter information is corresponding
Formula configuration information；Parse the setting information of page navigation key included in the JSON fonnat configuring information；By the page
The setting information of navigation key is filled into web page files collective data corresponding with the JSON fonnat configuring information, is made by oneself
Adopted H5 Page web page file set data；Current H5 pages is generated according to the customized H5 Page web page file set data are corresponding
Face.
In one embodiment, processor 502 is described according to the corresponding generation JSON format configuration of the parameter information in execution
When the step of information, perform the following operations: obtain set navigation key in the H5 page page coordinates information of present position,
The navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color parameter of navigation key；By navigation key
The page coordinates information of present position, the navigation key target that dimensional parameters, navigation key are linked in the H5 page in the H5 page
Address, navigation key display color parameter fill to preconfigured JSON format module, obtain JSON fonnat configuring information；Its
In, the parameter information of the page navigation key includes navigation key page coordinates information of present position, navigation key in the H5 page
The display color parameter of dimensional parameters, navigation key are linked in the H5 page destination address, navigation key.
In one embodiment, processor 502 execute the setting information by the page navigation key fill to institute
It states in the corresponding web page files collective data of JSON fonnat configuring information, obtains customized H5 Page web page file set data
It when step, performs the following operations: including the page coordinates of navigation key present position in the H5 page by the setting information of navigation key
Information, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color parameter of navigation key difference
The filling region being located in web page files collective data；Believed according to the page coordinates of navigation key present position in the H5 page
Breath, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color parameter of navigation key are according to right
The filling region answered is filled respectively to web page files collective data, and customized H5 Page web page file set data are obtained；Its
In, the setting information of the page navigation key includes navigation key page coordinates information of present position, navigation key in the H5 page
The display color parameter of dimensional parameters, navigation key are linked in the H5 page destination address, navigation key.
In one embodiment, processor 502 is described according to the customized H5 Page web page file set data in execution
When the corresponding step for generating the current H5 page, perform the following operations: according to the customized H5 Page web page file set data
In include web page files, CSS file and JS File, it is corresponding to generate the current H5 page.
In one embodiment, processor 502 is in the ginseng for executing the page navigation key for obtaining and being configured in the H5 page
Number information also performs the following operations before the parameter information corresponding the step of generating JSON fonnat configuring information: if inspection
It measures the H5 page and custom-configures instruction, obtain the parameter information of the page navigation key of institute's typing, or obtain set H5
The parameter information of navigation bar button and the page navigation key to H5 navigation bar button setting.
It will be understood by those skilled in the art that the embodiment of computer equipment shown in Fig. 9 is not constituted to computer
The restriction of equipment specific composition, in other embodiments, computer equipment may include components more more or fewer than diagram, or
Person combines certain components or different component layouts.For example, in some embodiments, computer equipment can only include depositing
Reservoir and processor, in such embodiments, the structure and function of memory and processor are consistent with embodiment illustrated in fig. 9,
Details are not described herein.
It should be appreciated that in embodiments of the present invention, processor 502 can be central processing unit (Central
Processing Unit, CPU), which can also be other general processors, digital signal processor (Digital
Signal Processor, DSP), specific integrated circuit (Application Specific Integrated Circuit,
ASIC), ready-made programmable gate array (Field-Programmable GateArray, FPGA) or other programmable logic devices
Part, discrete gate or transistor logic, discrete hardware components etc..Wherein, general processor can be microprocessor or
The processor is also possible to any conventional processor etc..
Computer readable storage medium is provided in another embodiment of the invention.The computer readable storage medium can be with
For non-volatile computer readable storage medium.The computer-readable recording medium storage has computer program, wherein calculating
Machine program performs the steps of the parameter information for obtaining the page navigation key configured in the H5 page when being executed by processor,
JSON fonnat configuring information is generated according to the parameter information is corresponding；Parse page included in the JSON fonnat configuring information
The setting information of face navigation key；The setting information of the page navigation key is filled to corresponding with the JSON fonnat configuring information
Web page files collective data in, obtain customized H5 Page web page file set data；According to the customized H5 page net
Page file collective data is corresponding to generate the current H5 page.
In one embodiment, the parameter information of the page navigation key includes the page of navigation key present position in the H5 page
Areal coordinate information, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color ginseng of navigation key
Number；It is described to generate JSON fonnat configuring information according to the parameter information is corresponding, comprising: to obtain set navigation key at H5 pages
The page coordinates information of present position in face, is led the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page
The display color parameter of boat key；By navigation key in the H5 page page coordinates information of present position, navigation key in the H5 page
The display color parameter of destination address, navigation key that dimensional parameters, navigation key are linked is filled to preconfigured JSON format
Template obtains JSON fonnat configuring information.
In one embodiment, the setting information of the page navigation key includes the page of navigation key present position in the H5 page
Areal coordinate information, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color ginseng of navigation key
Number；The setting information by the page navigation key is filled to web page files collection corresponding with the JSON fonnat configuring information
It closes in data, obtains customized H5 Page web page file set data, comprising: by the setting information of navigation key include that navigation key exists
The page coordinates information of present position, the navigation key target that dimensional parameters, navigation key are linked in the H5 page in the H5 page
Location, navigation key display color parameter be respectively positioned at the filling region in web page files collective data；According to navigation key in H5
The page coordinates information of present position in the page, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page,
The display color parameter of navigation key is filled respectively according to corresponding filling region to web page files collective data, is obtained customized
H5 Page web page file set data.
In one embodiment, described to generate current H5 pages according to the customized H5 Page web page file set data are corresponding
Face, comprising: according to web page files, CSS file and the JS file for including in the customized H5 Page web page file set data
File, it is corresponding to generate the current H5 page.
In one embodiment, the parameter information for obtaining the page navigation key configured in the H5 page, according to described
Before the corresponding generation JSON fonnat configuring information of parameter information, further includes: if detecting, the H5 page custom-configures instruction, obtains
The parameter information of the page navigation key of institute's typing, or obtain set H5 navigation bar button and to the H5 navigation bar button
The parameter information of the page navigation key of setting.
It is apparent to those skilled in the art that for convenience of description and succinctly, foregoing description is set
The specific work process of standby, device and unit, can refer to corresponding processes in the foregoing method embodiment, and details are not described herein.
Those of ordinary skill in the art may be aware that unit described in conjunction with the examples disclosed in the embodiments of the present disclosure and algorithm
Step can be realized with electronic hardware, computer software, or a combination of the two, in order to clearly demonstrate hardware and software
Interchangeability generally describes each exemplary composition and step according to function in the above description.These functions are studied carefully
Unexpectedly the specific application and design constraint depending on technical solution are implemented in hardware or software.Professional technician
Each specific application can be used different methods to achieve the described function, but this realization is it is not considered that exceed
The scope of the present invention.
In several embodiments provided by the present invention, it should be understood that disclosed unit and method, it can be with
It realizes by another way.For example, the apparatus embodiments described above are merely exemplary, for example, the unit
It divides, only logical function partition, there may be another division manner in actual implementation, can also will be with the same function
Unit set is at a unit, such as multiple units or components can be combined or can be integrated into another system or some
Feature can be ignored, or not execute.In addition, shown or discussed mutual coupling, direct-coupling or communication connection can
Be through some interfaces, the indirect coupling or communication connection of device or unit, be also possible to electricity, mechanical or other shapes
Formula connection.
The unit as illustrated by the separation member may or may not be physically separated, aobvious as unit
The component shown may or may not be physical unit, it can and it is in one place, or may be distributed over multiple
In network unit.Some or all of unit therein can be selected to realize the embodiment of the present invention according to the actual needs
Purpose.
It, can also be in addition, the functional units in various embodiments of the present invention may be integrated into one processing unit
It is that each unit physically exists alone, is also possible to two or more units and is integrated in one unit.It is above-mentioned integrated
Unit both can take the form of hardware realization, can also realize in the form of software functional units.
If the integrated unit is realized in the form of SFU software functional unit and sells or use as independent product
When, it can store in one storage medium.Based on this understanding, technical solution of the present invention is substantially in other words to existing
The all or part of part or the technical solution that technology contributes can be embodied in the form of software products, should
Computer software product is stored in a storage medium, including some instructions are used so that a computer equipment (can be
Personal computer, server or network equipment etc.) execute all or part of step of each embodiment the method for the present invention
Suddenly.And storage medium above-mentioned include: USB flash disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), magnetic disk or
The various media that can store program code such as person's CD.
The above description is merely a specific embodiment, but scope of protection of the present invention is not limited thereto, any
Those familiar with the art in the technical scope disclosed by the present invention, can readily occur in various equivalent modifications or replace
It changes, these modifications or substitutions should be covered by the protection scope of the present invention.Therefore, protection scope of the present invention should be with right
It is required that protection scope subject to.
Claims (10)
1. a kind of H5 navigation bar push button configuration method characterized by comprising
The parameter information for obtaining the page navigation key configured in the H5 page generates JSON lattice according to the parameter information is corresponding
Formula configuration information；
Parse the setting information of page navigation key included in the JSON fonnat configuring information；
The setting information of the page navigation key is filled to web page files set corresponding with the JSON fonnat configuring information
In data, customized H5 Page web page file set data are obtained；
The current H5 page is generated according to the customized H5 Page web page file set data are corresponding.
2. H5 navigation bar push button configuration method according to claim 1, which is characterized in that the parameter of the page navigation key
Information includes the navigation key page coordinates information of present position, navigation key dimensional parameters, navigation in the H5 page in the H5 page
The display color parameter of destination address, navigation key that key is linked；
It is described to generate JSON fonnat configuring information according to the parameter information is corresponding, comprising:
The set navigation key page coordinates information of present position, navigation key size in the H5 page in the H5 page is obtained to join
Number, the destination address that navigation key is linked, the display color parameter of navigation key；
By navigation key in the H5 page page coordinates information of present position, navigation key dimensional parameters, navigation key in the H5 page
The display color parameter of the destination address, navigation key that are linked is filled to preconfigured JSON format module, and JSON lattice are obtained
Formula configuration information.
3. H5 navigation bar push button configuration method according to claim 1, which is characterized in that the setting of the page navigation key
Information includes the navigation key page coordinates information of present position, navigation key dimensional parameters, navigation in the H5 page in the H5 page
The display color parameter of destination address, navigation key that key is linked；
The setting information by the page navigation key is filled to web page files corresponding with the JSON fonnat configuring information
In collective data, customized H5 Page web page file set data are obtained, comprising:
By the setting information of navigation key include navigation key in the H5 page page coordinates information of present position, navigation key at H5 pages
The display color parameter of dimensional parameters, navigation key are linked in face destination address, navigation key is respectively positioned at web page files collection
Close the filling region in data；
According to navigation key in the H5 page page coordinates information of present position, navigation key in the H5 page dimensional parameters, navigation
The display color parameter of destination address, navigation key that key is linked is filled respectively according to corresponding filling region to web page files
Collective data obtains customized H5 Page web page file set data.
4. H5 navigation bar push button configuration method according to claim 3, which is characterized in that described according to the customized H5
Page web page file set data are corresponding to generate the current H5 page, comprising:
According to web page files, CSS file and the JS File for including in the customized H5 Page web page file set data,
It is corresponding to generate the current H5 page.
5. H5 navigation bar push button configuration method according to claim 1, which is characterized in that acquisition institute in the H5 page
The parameter information of the page navigation key of configuration also wraps before generating JSON fonnat configuring information according to the parameter information is corresponding
It includes:
If detecting, the H5 page custom-configures instruction, obtains the parameter information of the page navigation key of institute's typing, or obtain institute
The parameter information of the H5 navigation bar button of setting and the page navigation key to H5 navigation bar button setting.
6. a kind of H5 navigation bar button arrangement device characterized by comprising
Configuration information generation unit, for obtaining the parameter information of the page navigation key configured in the H5 page, according to described
Parameter information is corresponding to generate JSON fonnat configuring information；
Configuration information resolution unit, for parsing the setting letter of page navigation key included in the JSON fonnat configuring information
Breath；
Collective data acquiring unit matches confidence for filling the setting information of the page navigation key to the JSON format
It ceases in corresponding web page files collective data, obtains customized H5 Page web page file set data；
H5 page generating unit, for generating current H5 pages according to the customized H5 Page web page file set data are corresponding
Face.
7. H5 navigation bar button arrangement device according to claim 6, which is characterized in that the parameter of the page navigation key
Information includes the navigation key page coordinates information of present position, navigation key dimensional parameters, navigation in the H5 page in the H5 page
The display color parameter of destination address, navigation key that key is linked；
The configuration information generation unit, comprising:
Parameter acquiring unit, for obtaining set navigation key page coordinates information of present position, navigation in the H5 page
The key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color parameter of navigation key；
JSON configure acquiring unit, for by navigation key in the H5 page page coordinates information of present position, navigation key in H5
The display color parameter of dimensional parameters, navigation key are linked in the page destination address, navigation key is filled to preconfigured
JSON format module obtains JSON fonnat configuring information.
8. H5 navigation bar button arrangement device according to claim 6, which is characterized in that the setting of the page navigation key
Information includes the navigation key page coordinates information of present position, navigation key dimensional parameters, navigation in the H5 page in the H5 page
The display color parameter of destination address, navigation key that key is linked；
The collective data acquiring unit, comprising:
Filling region positioning unit, for including the page of navigation key present position in the H5 page by the setting information of navigation key
Coordinate information, the navigation key destination address that dimensional parameters, navigation key are linked in the H5 page, the display color parameter of navigation key
The filling region being respectively positioned in web page files collective data；
Collective data generation unit, for the page coordinates information of present position, navigation key to exist in the H5 page according to navigation key
The display color parameter of dimensional parameters, navigation key are linked in the H5 page destination address, navigation key is according to corresponding fill area
Domain is filled respectively to web page files collective data, and customized H5 Page web page file set data are obtained.
9. a kind of computer equipment, including memory, processor and it is stored on the memory and can be on the processor
The computer program of operation, which is characterized in that the processor realizes such as claim 1 to 5 when executing the computer program
Any one of described in H5 navigation bar push button configuration method.
10. a kind of computer readable storage medium, which is characterized in that the computer-readable recording medium storage has computer journey
Sequence, the computer program make the processor execute such as H5 described in any one of claim 1 to 5 when being executed by a processor
Navigation bar push button configuration method.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811528589.7A CN109800368A (en) | 2018-12-13 | 2018-12-13 | H5 navigation bar push button configuration method, device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811528589.7A CN109800368A (en) | 2018-12-13 | 2018-12-13 | H5 navigation bar push button configuration method, device, computer equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109800368A true CN109800368A (en) | 2019-05-24 |
Family
ID=66556608
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811528589.7A Pending CN109800368A (en) | 2018-12-13 | 2018-12-13 | H5 navigation bar push button configuration method, device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109800368A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112966201A (en) * | 2021-03-05 | 2021-06-15 | 北京百度网讯科技有限公司 | Object processing method, device, electronic equipment and storage medium |
| CN114117285A (en) * | 2022-01-27 | 2022-03-01 | 浙江口碑网络技术有限公司 | Position information processing method and device based on H5 page and electronic equipment |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20180181378A1 (en) * | 2016-02-28 | 2018-06-28 | Alex Bakman | Method, system and apparatus for generating, editing, and deploying native mobile apps |
| CN108549533A (en) * | 2018-04-11 | 2018-09-18 | 上海百事灵多媒体科技有限公司 | A kind of method that self-defined control is added in EPG pages visual development |
-
2018
- 2018-12-13 CN CN201811528589.7A patent/CN109800368A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20180181378A1 (en) * | 2016-02-28 | 2018-06-28 | Alex Bakman | Method, system and apparatus for generating, editing, and deploying native mobile apps |
| CN108549533A (en) * | 2018-04-11 | 2018-09-18 | 上海百事灵多媒体科技有限公司 | A kind of method that self-defined control is added in EPG pages visual development |
Non-Patent Citations (1)
| Title |
|---|
| "HTML5+ API Reference", pages 1 - 115, Retrieved from the Internet <URL:web.archive.org/web/20170716084419/https://www.html5plus.org/doc/zh_cn/webview.html> * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112966201A (en) * | 2021-03-05 | 2021-06-15 | 北京百度网讯科技有限公司 | Object processing method, device, electronic equipment and storage medium |
| CN112966201B (en) * | 2021-03-05 | 2023-07-21 | 北京百度网讯科技有限公司 | Object processing method, device, electronic equipment and storage medium |
| CN114117285A (en) * | 2022-01-27 | 2022-03-01 | 浙江口碑网络技术有限公司 | Position information processing method and device based on H5 page and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104216691B (en) | A kind of method and device for creating application | |
| CN104007991B (en) | Application Program Interface layout adjustment method and device | |
| US8392877B1 (en) | System and method of application development using replaceable self-contained components (RSCCS) | |
| US10284705B2 (en) | Method and apparatus for controlling smart device, and computer storage medium | |
| CN108984172B (en) | Interface file generation method and device | |
| EP3037958B1 (en) | Declarative user interface representation conversion via hierarchical templates | |
| CN104126186A (en) | Systems and methods for developing multi-platform applications for computing devices | |
| CN105339889B (en) | The technology that language translation for computer application localizes | |
| CN103617505B (en) | The dynamic analysis and display systems and method of corporate process figure | |
| US20120212501A1 (en) | Automated method for customizing theme colors in a styling system | |
| CN110321183A (en) | A kind of configuration system and method at the interface common component UI | |
| CN111625226A (en) | Prototype-based human-computer interaction design implementation method and system | |
| CN104731590A (en) | Method and device for realizing user interface controls | |
| CN107678740A (en) | A kind of method for packing and computer equipment of UI Service Component | |
| CN109800368A (en) | H5 navigation bar push button configuration method, device, computer equipment and storage medium | |
| CN109799988A (en) | IOS page layout method, terminal device and computer readable storage medium | |
| CN104081347A (en) | Graphical representation of an order of operations | |
| CN101408843B (en) | Method and apparatus for generating program menu | |
| US10289388B2 (en) | Process visualization toolkit | |
| CN112214202B (en) | Mobile phone program development system without writing codes | |
| CN113391808A (en) | Page configuration method and device and electronic equipment | |
| KR101519381B1 (en) | Apparatus and method for making web application using html5 | |
| CN105630506B (en) | A kind of generation method and relevant apparatus of document and document template | |
| US20140281922A1 (en) | Application of a system font mapping to a design | |
| US10409575B2 (en) | System and method for developing software applications of wearable devices |
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 |