CN110134394A - A kind of web interface generation method for supporting multiple terminals - Google Patents
A kind of web interface generation method for supporting multiple terminals Download PDFInfo
- Publication number
- CN110134394A CN110134394A CN201910410857.3A CN201910410857A CN110134394A CN 110134394 A CN110134394 A CN 110134394A CN 201910410857 A CN201910410857 A CN 201910410857A CN 110134394 A CN110134394 A CN 110134394A
- Authority
- CN
- China
- Prior art keywords
- interface
- terminal
- web interface
- web
- server
- 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/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)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a kind of web interface generation methods for supporting multiple terminals, which comprises in server end, configuration user accesses terminal detection；There is the web interface of hierarchical relationship for the configuration of each different terminals；Identification marking is configured for the web interface that each different terminals are shown；By terminal type generation inquiry table corresponding with web interface identification marking；Access request is sent to server when terminal access server, server detects terminal models；Specified web interface code is found according to terminal models inquiry table, sends terminal for web interface data；Terminal analyzing web page interface data is simultaneously shown.The a set of code of the present invention solves all terminals, browser interface compatibling problem, its adaptive size and agreement, allows and develops team role unification, and personnel's reusability, substitutability improve, and reduces development teams and manages energy level.
Description
Technical field
The present invention relates to a kind of web interface generation method more particularly to a kind of web interface generation sides for supporting multiple terminals
Method.
Background technique
With the development of internet and terminal technology, more and more intelligent terminals and browser type start to occur.It is existing
Each terminal and assorted browser core having show web interface different standard and size requirement, exploit person
Member need to browser core and its version according to used in different terminals and user write specific GUI code.In addition to this,
There are also server back ends to develop mutual technology estrangement for IOS, Android, PC webpage, for Internet service R&D team personnel
(IOS develops 1, Android exploitation 1, wechat small routine exploitation 1, front end exploitation 1, rear end exploit person to configuration requirement comprehensively
Member x ...), easily cause team's configuring redundancy.
Summary of the invention
It is an object of the invention to overcome the deficiencies of existing technologies to provide a kind of web interface generation side for supporting multiple terminals
Method.
To achieve the purpose of the present invention, the invention adopts the following technical scheme:
A kind of web interface generation method for supporting multiple terminals, which comprises in server end configuration user's access
Terminal detection；There is the web interface of hierarchical relationship for the configuration of each different terminals；Webpage circle shown for each different terminals
Face configures identification marking；By terminal type generation inquiry table corresponding with web interface identification marking；When terminal access server to
Server sends access request, and server detects terminal type；Specified web interface generation is found according to terminal type inquiry table
Code, sends terminal for web interface data；Terminal analyzing web page interface data is simultaneously shown.
Preferably, the web interface includes standard login interface, standard menu interface, standard list two dimension surface and interface, mark
Quasi- master-detail two dimension surface and interface, standard list check box input frame combobox list interface and defined interface.
Preferably, the web interface is generated by hypertext markup language HTML and style design table CSS.
Preferably, the web interface loads its web pages component using Web page-container WebView.
Preferably, the terminal detection includes terminal models detection and viewer applications detection, terminal type information packet
Containing terminal models and viewer applications version information.
The beneficial effects of the present invention are: 1, with a set of code solve all terminals, browser interface compatibling problem, adaptively
Its size and agreement；2, simplify development teams, developer can develop with rear end preferential, it is automatic to produce compatible boundary
Face.And then do not have to the role for separately configuring " IOS exploitation ", " Android exploitation ", " exploitation of wechat small routine " etc. again, allow the group of exploitation
Team's role's unification, personnel's reusability, substitutability improve, and reduce development teams and manage energy level.
Detailed description of the invention
To describe the technical solutions in the embodiments of the present invention more clearly, make required in being described below to embodiment
Attached drawing is briefly introduced, it should be apparent that, drawings in the following description are only some embodiments of the invention, for this
For the those of ordinary skill in field, under the premise of not making the creative labor property, it can also be obtained according to these attached drawings other
Attached drawing.
Fig. 1 is a kind of flow chart for the web interface generation method for supporting multiple terminals of the embodiment of the present invention.
Specific embodiment
In order to make the object, technical scheme and advantages of the embodiment of the invention clearer, below in conjunction with attached drawing of the invention
Technical scheme in the embodiment of the invention is clearly and completely described, it is clear that described embodiment is invention a part
Embodiment, instead of all the embodiments.The embodiment of the present invention is described with reference to the accompanying drawing.
As shown in Figure 1, a kind of web interface generation method for supporting multiple terminals, comprising: in server end, configuration user is visited
Ask that terminal detects；There is the web interface of hierarchical relationship for the configuration of each different terminals；The webpage shown for each different terminals
Interface configurations identification marking；By terminal type generation inquiry table corresponding with web interface identification marking；When terminal access server
Access request is sent to server, server detects terminal type；Specified web interface is found according to terminal type inquiry table
Web interface data are sent terminal by code；Terminal analyzing web page interface data is simultaneously shown.
Web interface includes standard login interface, standard menu interface, standard list two dimension surface and interface, standard master-detail two
Dimension table interface, standard list check box input frame combobox list interface and defined interface.Web interface passes through hypertext markup
Language HTML and style design table CSS is generated.Web interface loads its web pages component using Web page-container WebView.
Terminal detection include terminal models detection and viewer applications detection, terminal type information include terminal models and
Viewer applications version information.
The webpage front-end interface automatically generated, computer end and iphone6,6splus, x, xs, Huawei p20, red rice 4,
The browse applications journeys such as chrome browser, firefox browser, UC browser, wechat small routine on the mobile phone terminals such as millet 6
Display is good in sequence.
All terminals, browser interface compatibling problem, its adaptive size and agreement are solved with a set of code；Make exploitation group
Team simplifies, and developer can develop with rear end preferential, automatic to produce compatible interface.Make exploitation team role single
Change, personnel's reusability, substitutability improve, and reduce development teams and manage energy level.
The technical solution that detailed description of the preferred embodimentsthe present invention has been described is combined above, but it should be recognized that these above-mentioned
Description is intended merely to explain the solution of the present invention, and cannot be construed to the concrete restriction to invention protection scope in any way.
Based on the explanation herein, can to associate of the invention other specific real not making the creative labor by those skilled in the art
Mode or equivalent replacement are applied, protection scope of the present invention is fallen within.
Claims (5)
1. a kind of web interface generation method for supporting multiple terminals, which is characterized in that the described method includes:
In server end, configuration user accesses terminal detection；There is the web interface of hierarchical relationship for the configuration of each different terminals；
Identification marking is configured for the web interface that each different terminals are shown；By terminal type generation corresponding with web interface identification marking
Inquiry table；Access request is sent to server when terminal access server, server detects terminal type；It is looked into according to terminal type
Inquiry table finds specified web interface code, sends terminal for web interface data；Terminal analyzing web page interface data is simultaneously shown
Show.
2. a kind of web interface generation method for supporting multiple terminals according to claim 1, it is characterised in that: the webpage
Interface includes standard login interface, standard menu interface, standard list two dimension surface and interface, standard master-detail two dimension surface and interface, standard
Single check box input frame combobox list interface and defined interface.
3. a kind of web interface generation method for supporting multiple terminals according to claim 2, it is characterised in that: the webpage
Interface generates its web pages component by hypertext markup language HTML and style design table CSS.
4. a kind of web interface generation method for supporting multiple terminals according to claim 3, it is characterised in that: the webpage
Interface loads its web pages component using Web page-container WebView.
5. a kind of web interface generation method for supporting multiple terminals according to claim 1, it is characterised in that: the terminal
Detection includes terminal models detection and viewer applications detection, and terminal type information includes terminal models and viewer applications
Version information.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910410857.3A CN110134394A (en) | 2019-05-16 | 2019-05-16 | A kind of web interface generation method for supporting multiple terminals |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910410857.3A CN110134394A (en) | 2019-05-16 | 2019-05-16 | A kind of web interface generation method for supporting multiple terminals |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110134394A true CN110134394A (en) | 2019-08-16 |
Family
ID=67574790
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910410857.3A Pending CN110134394A (en) | 2019-05-16 | 2019-05-16 | A kind of web interface generation method for supporting multiple terminals |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110134394A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111767109A (en) * | 2020-06-30 | 2020-10-13 | 深圳前海微众银行股份有限公司 | H5 page display method and device based on terminal application and readable storage medium |
| US11809903B2 (en) | 2020-03-13 | 2023-11-07 | Baidu Online Network Technology (Beijing) Co., Ltd. | Mini program processing method, apparatus, device and storage medium |
-
2019
- 2019-05-16 CN CN201910410857.3A patent/CN110134394A/en active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US11809903B2 (en) | 2020-03-13 | 2023-11-07 | Baidu Online Network Technology (Beijing) Co., Ltd. | Mini program processing method, apparatus, device and storage medium |
| CN111767109A (en) * | 2020-06-30 | 2020-10-13 | 深圳前海微众银行股份有限公司 | H5 page display method and device based on terminal application and readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106371844B (en) | A kind of method and system with primary user interface components displayed web page | |
| CN106445484B (en) | The method and system of data tracking are realized by Software Development Kit | |
| US10817350B2 (en) | Method and device for starting external application program in browser | |
| CN109739478A (en) | Front end project automated construction method, device, storage medium and electronic equipment | |
| CN105095449A (en) | Method for converting HTML webpage to mobile terminal page | |
| CN109542427A (en) | A kind of system customization method, apparatus and electronic equipment and storage medium | |
| US20120089931A1 (en) | Lightweight operation automation based on gui | |
| CN100478954C (en) | Portal data processing system and method for managing portal response times | |
| CN106909361A (en) | Web development approaches and device based on masterplate engine | |
| CN110633079B (en) | Service development method and system based on yaml language | |
| CN103530338A (en) | Frame for carrying out page rendering on calculation equipment and page generation method | |
| CN104750866B (en) | Method and system based on flush type WEB server dynamic generation menu bar | |
| CN110134394A (en) | A kind of web interface generation method for supporting multiple terminals | |
| CN107122398A (en) | A kind of data display chart generation method and system | |
| CN108647029B (en) | A kind of front and back end Web code merges method | |
| CN106503111A (en) | Webpage code-transferring method, device and client terminal | |
| CN105955593A (en) | Method and device for presenting discussion information | |
| CN108268356A (en) | Reversed WEB pitching piles analysis method and WEB server based on bytecode overriding | |
| CN102253986A (en) | Method and device for improving webpage displaying effect in multiple terminals | |
| CN110851123A (en) | WebGIS power grid visualization framework construction method, system and device based on SpringMVC | |
| CN103617043A (en) | Method and system with picture webpage data uploading function | |
| CN103226475B (en) | Method and the device of control replacement is realized during transcoding | |
| US20140310589A1 (en) | Creating a communication editable in a browser independent of platform and operating system | |
| CN102171992B (en) | Content obtaining method based on http and client | |
| CN102193907B (en) | A kind of manuscript control methods based on B/S structure and system |
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 |