CN107463584B

CN107463584B - A kind of the editing and processing method and terminal of interaction page

Info

Publication number: CN107463584B
Application number: CN201610398502.3A
Authority: CN
Inventors: 罗永彬
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2016-06-06
Filing date: 2016-06-06
Publication date: 2019-07-16
Anticipated expiration: 2036-06-06
Also published as: CN107463584A

Abstract

The invention discloses the editing and processing methods and terminal of a kind of interaction page, wherein the described method includes: obtaining the first operation, described first operates the interactive mode for choosing interaction page to be created；First operation is responded, the editing interface of interaction page is created according to the interactive mode；It reads the built-in interaction page of application and loads control, the editing interface for wanting the interaction page of loaded and displayed is rendered using interaction page load control；At least one optional component is shown in the editing interface, the optional component is used to construct layout component, adjustment pattern display properties, and/or page interaction attributes in the interaction page；The second operation of response carries out editing and processing according to selected optional component, obtains meeting the practical first page processing result that demand is presented of interaction page；It detects and generates preview page after terminating editing and processing, the preview page is identical with the first page processing result.

Description

A kind of the editing and processing method and terminal of interaction page

Technical field

The present invention relates to mechanics of communication more particularly to the editing and processing methods and terminal of a kind of interaction page.

Background technique

With the development of internet technology, intelligent terminal is a large amount of universal, and information shares more and more convenient, information interaction It is more and more.In order to adapt to the more intuitive experience of information interaction, the creation and editing and processing technology of interaction page have largely been used. By taking HTML5 technology as an example, HTML5 can be generated as a kind of advanced web technologies for creating interaction page based on HTML5 technology Interaction effect and the strong interaction page of display effect, such as the HTML5 page.The HTML5 page can be dynamic advertising page, dynamic Poster, dynamic magazine, dynamic scene page etc., the interaction that user is typically used for are exactly to be slided using the HTML5 page Page turning and generate the display effect that jumps of dynamic.

Since the HTML5 page have the advantages that it is so more, then how HTML5 makes, how to carry out editor and Finally issue?

In the prior art, third party's tool is usually used, has the personnel of webpage professional knowledge to carry out the system of HTML5 Make, edit and finally issues.These, cause the cost of manufacture of the HTML5 page and manufacture difficulty all high, when needing to spend a large amount of Between.Not only cost of manufacture and manufacture difficulty are all high, moreover, since its editing and processing technology is " non-finding, that is, institute in manufacturing process ", the HTML5 page of pre- desired production early period can be made to have differences with the HTML5 page finally actually generated, for example, The HTML5 page behaves load slowly, and HTML5 page adaptation goes wrong.The HTML5 page made, appearance form Also not diversified enough.

Intelligent terminal is popularized, so that it is more and more come the demand for doing terminal interaction interface with interaction page (such as HTML5), The production demand of i.e. more interaction pages (such as HTML5) results from terminal side, and current demand is: it is desirable that ordinary user can also be with Self manufacture interaction page (such as HTML5) provides the diversified interaction page of appearance form (such as HTML5) for user, reduces and hand over The cost of manufacture and manufacture difficulty of the mutual page (such as HTML5), make the production of interaction page (such as HTML5) be able to achieve " finding i.e. institute ", in short, it is desirable to provide most quick, most simple, most efficient, most easy-to-use mode for user just to make interaction page, and Edit interaction page.However, in the related technology, for the problem, there is no effective solution.

Summary of the invention

In view of this, the embodiment of the present invention is desirable to provide the editing and processing method and terminal of a kind of interaction page, at least solve It has determined problem of the existing technology.

The technical solution of the embodiment of the present invention is achieved in that

A kind of editing and processing method of interaction page of the embodiment of the present invention, which comprises

The first operation is obtained, described first operates the interactive mode for choosing interaction page to be created；

First operation is responded, the editing interface of interaction page is created according to the interactive mode；

Read the built-in interaction page of application and load control, rendered using interaction page load control to load it is aobvious The editing interface for the interaction page shown；

At least one optional component is shown in the editing interface, the optional component is for constructing the interactive page Layout component, adjustment pattern display properties, and/or page interaction attributes in face；

The second operation of response, carries out editing and processing according to selected optional component, obtains meeting that interaction page is practical to be in The first page processing result of existing demand；

It detects and generates preview page after terminating editing and processing, the preview page and the first page processing result are complete It is exactly the same.

A kind of terminal of the embodiment of the present invention, the terminal include:

First acquisition unit, for obtaining the first operation, described first operates the friendship for choosing interaction page to be created Mutual mode；

First response unit creates the editor of interaction page according to the interactive mode for responding first operation Interface；

Loading unit, loads control using built-in interaction page for reading, and loads control using the interaction page Render the editing interface for wanting the interaction page of loaded and displayed；

Display unit, for showing at least one optional component in the editing interface, the optional component is used for Construct layout component, adjustment pattern display properties, and/or the page interaction attributes in the interaction page；

Second response unit carries out editing and processing according to selected optional component, is accorded with for responding the second operation Close the practical first page processing result that demand is presented of interaction page；

Detection unit is rendered aobvious for generating preview page after detecting end editing and processing by the display unit The preview page shown is identical with the first page processing result.

The editing and processing method of the interaction page of the embodiment of the present invention includes: to obtain the first operation, and first operation is used In the interactive mode for choosing interaction page to be created；First operation is responded, interaction page is created according to the interactive mode Editing interface；It reads the built-in interaction page of application and loads control, render and to add using interaction page load control Carry the editing interface of the interaction page of display；Show at least one optional component in the editing interface, described optional group Part is used to construct layout component, adjustment pattern display properties, and/or page interaction attributes in the interaction page；It rings The second operation is answered, editing and processing is carried out according to selected optional component, obtains meeting the of the practical presentation demand of interaction page One page surface treatment result；It detects and generates preview page after terminating editing and processing, at the preview page and the first page It is identical to manage result.

Using the embodiment of the present invention, a series of operation is responded, to create the volume of interaction page according to the interactive mode Editing interface, after the editing interface of the interaction page of loaded and displayed, it is described to construct to select at least one diversified optional component Layout component, adjustment pattern display properties, and/or page interaction attributes in interaction page, obtain after carrying out editing and processing To the practical first page processing result that demand is presented of interaction page is met, detects and generate preview page after terminating editing and processing Face, the preview page are visual page, and with the complete phase such as the content of the first page processing result and imposition layout Together, it may be assumed that pattern the page is when editor, what pattern is the practical interaction page ultimately generated be exactly, and is properly termed as that " finding is i.e. The visualized operation of gained ", to provide most quick, most simple, most efficient, most easy-to-use mode for user to make interaction The page, and the mechanism of editor's interaction page.

Detailed description of the invention

One optional hardware structural diagram of mobile terminal of Fig. 1 each embodiment to realize the present invention；

Fig. 2 is the communication system schematic diagram of mobile terminal as shown in Figure 1；

Fig. 3 is the schematic diagram that each side's hardware entities of information exchange are carried out in the embodiment of the present invention；

Fig. 4 is the selection schematic diagram using the diversified interactive mode of the embodiment of the present invention；

Fig. 5 is the editing interface schematic diagram using the diversified interaction page of the embodiment of the present invention；

Fig. 6 is the schematic diagram using the diversified optional component of the embodiment of the present invention；

Fig. 7 is the schematic diagram for sharing the interaction page of creation using the embodiment of the present invention；

Fig. 8 is the method flow schematic diagram of the embodiment of the present invention one；

Fig. 9 is the method flow schematic diagram of the embodiment of the present invention two；

Figure 10 is the system architecture schematic diagram of the embodiment of the present invention four；

Figure 11-Figure 19 is multiple user interface schematic diagrames using the embodiment of the present invention；

Figure 20 is the processing flow schematic diagram that interaction page is modified using the embodiment of the present invention.

Specific embodiment

The implementation of technical solution is described in further detail with reference to the accompanying drawing.

The mobile terminal of each embodiment of the present invention is realized in description with reference to the drawings.In subsequent description, use For indicate element such as " module ", " component " or " unit " suffix only for being conducive to the explanation of the embodiment of the present invention, There is no specific meanings for itself.Therefore, " module " can be used mixedly with " component ".

In the following detailed description, it set forth numerous details, thoroughly to understand the present invention.But, for For those skilled in the art, it is clear that the present invention can be practiced without these specific details.In other feelings Under condition, disclosed known method, process, component, circuit and network is not described in detail, to avoid embodiment is unnecessarily made Various aspects are smudgy.

In addition, herein although term " first ", " second " etc. is employed many times describe various elements (or various threshold values or Various applications or various instructions or various operations) etc., but these elements (or threshold value or application or instruction or operation) should not be by The limitation of these terms.These terms are only intended to distinguish an element (or threshold value or application or instruction or operation) and another Element (or threshold value or application or instruction or operation).For example, the first operation can be referred to as the second operation, the second operation can also be with Referred to as first operation, without departing from the scope of the present invention, the first operation and the second operation are all operations, and only the two is not Identical operation.

Step in the embodiment of the present invention is not necessarily handled according to described sequence of steps, can be according to need It asks and step is selectively upset into rearrangement, perhaps delete the step in embodiment or increase the step in embodiment, the present invention Only optional sequence combines for step description in embodiment, does not represent all sequence of steps combination of the embodiment of the present invention, Step sequence in embodiment is not construed as limiting the invention.

Term "and/or" in the embodiment of the present invention refers to including one or more of associated listed items Any and whole possibility combination.It may also be noticed that: where used in this disclosure, "comprises/comprising" is specified to be stated Feature, integer, step, operation, the presence of element and/or component, but it is not excluded for one or more other features, integer, step Suddenly, the presence or addition of operation, element and/or component and/or their group.

The intelligent terminal (such as mobile terminal) of the embodiment of the present invention can be implemented in a variety of manners.For example, the present invention is real Apply mobile terminal described in example may include such as mobile phone, smart phone, laptop, digit broadcasting receiver, Personal digital assistant (PDA, Personal Digital Assistant), tablet computer (PAD), portable media player Mobile terminal and number TV, desktop computer of (PMP, Portable Media Player), navigation device etc. etc. Deng fixed terminal.Hereinafter it is assumed that terminal is mobile terminal.However, it will be understood by those skilled in the art that in addition to especially using Except the element of mobile purpose, the construction of embodiment according to the present invention can also apply to the terminal of fixed type.

One optional hardware structural diagram of mobile terminal of Fig. 1 each embodiment to realize the present invention.

Mobile terminal 100 may include communication unit 110, audio/video (A/V) input unit 120, user input unit 130, first acquisition unit 140, the first response unit 141, loading unit 142, the second response unit 143, detection unit 144, Output unit 150, display unit 151, storage unit 160, interface unit 170, processing unit 180 and power supply unit 190 etc.. Fig. 1 shows the mobile terminal with various assemblies, it should be understood that being not required for implementing all components shown.It can Alternatively to implement more or fewer components.The element of mobile terminal will be discussed in more detail below.

Communication unit 110 generally includes one or more components, allows mobile terminal 100 and wireless communication system or net Radio communication between network (if mobile terminal replaced with fixed terminal, it is logical can also to carry out electricity by wired mode Letter).For example, may include when communication unit is specially wireless communication unit broadcast reception unit 111, mobile comm unit 112, At least one of wireless interconnected net unit 113, short-range communication unit 114 and location information unit 115, these units are optional , it can be with additions and deletions according to different demands.

Broadcast reception unit 111 receives broadcast singal and/or broadcast from external broadcast management server via broadcast channel Relevant information.Broadcast channel may include satellite channel and/or terrestrial channel.Broadcast management server, which can be, to be generated and sent The broadcast singal and/or broadcast related information generated before the server or reception of broadcast singal and/or broadcast related information And send it to the server of terminal.Broadcast singal may include TV broadcast singal, radio signals, data broadcasting Signal etc..Moreover, broadcast singal may further include the broadcast singal combined with TV or radio signals.Broadcast phase Closing information can also provide via mobile communications network, and in this case, broadcast related information can be by mobile communication list Member 112 receives.Broadcast singal can exist in a variety of manners, for example, its can with digital multimedia broadcasting (DMB, Digital Multimedia Broadcasting) electronic program guides (EPG, Electronic Program Guide), The electronic service guidebooks of digital video broadcast-handheld (DVB-H, Digital Video Broadcasting-Handheld) The form of (ESG, Electronic Service Guide) etc. and exist.Broadcast reception unit 111 can be by using each The broadcast system of seed type receives signal broadcast.Particularly, broadcast reception unit 111 can be by using such as multi-media broadcast Broadcast-ground (DMB-T, Digital Multimedia Broadcasting-Terrestrial), digital multimedia broadcasting-defend Star (DMB-S, Digital Multimedia Broadcasting-Satellite), digital video broadcast-handheld (DVB-H), The Radio Data System of forward link media (MediaFLO, Media Forward Link Only), received terrestrial digital broadcasting are comprehensive The number for servicing (ISDB-T, Integrated Services Digital Broadcasting-Terrestrial) etc. is wide It broadcasts system and receives digital broadcasting.Broadcast reception unit 111 may be constructed such that the various broadcast systems for being adapted to provide for broadcast singal And above-mentioned digit broadcasting system.It can be deposited via the received broadcast singal of broadcast reception unit 111 and/or broadcast related information Storage is in memory 160 (or other types of storage medium).

Mobile comm unit 112 sends radio signals to base station (for example, access point, node B etc.), exterior terminal And at least one of server and/or receive from it radio signal.Such radio signal may include that voice is logical Talk about signal, video calling signal or according to text and/or Multimedia Message transmission and/or received various types of data.

Wireless interconnected net unit 113 supports the Wi-Fi (Wireless Internet Access) of mobile terminal.The unit can be internally or externally It is couple to terminal.Wi-Fi (Wireless Internet Access) technology involved in the unit may include Wireless LAN (Wi-Fi, WLAN, Wireless Local Area Networks), WiMAX (Wibro), worldwide interoperability for microwave accesses (Wimax), under high speed Downlink packet accesses (HSDPA, High Speed Downlink Packet Access) etc..

Short-range communication unit 114 is the unit for supporting short range communication.Some examples of short-range communication technology include indigo plant Tooth, radio frequency identification (RFID, Radio Frequency Identification), Infrared Data Association (IrDA, Infrared Data Association), ultra wide band (UWB, Ultra Wideband), purple honeybee etc..

Location information unit 115 is the unit for checking or obtaining the location information of mobile terminal.Location information unit Typical case be global positioning system (GPS, Global Positioning System).According to current technology, GPS is mono- Member 115 calculates range information from three or more satellites and correct time information and for the Information application of calculating three Angle, to according to longitude, latitude and highly accurately calculate three-dimensional current location information.Currently, it is used for calculating position Method with temporal information is using three satellites and by using the other calculated position of satellite correction and time The error of information.In addition, GPS unit 115 can be by Continuous plus current location information in real time come calculating speed information.

A/V input unit 120 is for receiving audio or video signal.A/V input unit 120 may include 121 He of camera Microphone 122, camera 121 is to the static images obtained in video acquisition mode or image capture mode by image capture apparatus Or the image data of video is handled.Treated, and picture frame may be displayed on display unit 151.It is handled through camera 121 Picture frame afterwards can store in storage unit 160 (or other storage mediums) or be sent via communication unit 110, Two or more cameras 121 can be provided according to the construction of mobile terminal.Microphone 122 can be in telephone calling model, record Sound (audio data) is received via microphone in mode, speech recognition mode etc. operational mode, and can will be such Acoustic processing is audio data.Audio that treated (voice) data can be converted in the case where telephone calling model can be through The format output of mobile communication base station is sent to by mobile comm unit 112.Various types of noises can be implemented in microphone 122 (or inhibition) algorithm is eliminated to eliminate the noise or interference that (or inhibition) generates during sending and receiving audio signal.

The order that user input unit 130 can be inputted according to user generates key input data to control each of mobile terminal Kind operation.User input unit 130 allows user to input various types of information, and may include keyboard, mouse, touch tablet (for example, the sensitive component of detection due to the variation of resistance, pressure, capacitor etc. caused by being contacted), idler wheel, rocking bar etc. Deng.Particularly, when touch tablet is superimposed upon in the form of layer on display unit 151, touch screen can be formed.

First acquisition unit 140, for obtaining the first operation, first operation is for choosing interaction page to be created Interactive mode；First response unit 141 creates interaction page according to the interactive mode for responding first operation Editing interface；Loading unit 142 is loaded control using built-in interaction page for reading, is loaded using the interaction page Control renders the editing interface for wanting the interaction page of loaded and displayed；Second response unit 143, for responding the second operation, root Editing and processing is carried out according to selected optional component, obtains meeting the practical first page processing knot that demand is presented of interaction page Fruit；Detection unit 144 passes through the display unit and renders display for generating preview page after detecting end editing and processing The preview page it is identical with the first page processing result.Display unit 151, in the editing interface At least one optional component is shown, the optional component is for constructing the layout component in the interaction page, adjustment Pattern display properties, and/or page interaction attributes.

Interface unit 170 be used as at least one external device (ED) connect with mobile terminal 100 can by interface.For example, External device (ED) may include wired or wireless headphone port, external power supply (or battery charger) port, wired or nothing Line data port, memory card port, the port for connecting the device with recognition unit, audio input/output (I/O) end Mouth, video i/o port, ear port etc..Recognition unit can be storage and use each of mobile terminal 100 for verifying user Kind of information and may include user identification unit (UIM, User Identify Module), client's recognition unit (SIM, Subscriber Identity Module), Universal Subscriber recognition unit (USIM, Universal Subscriber Identity Module) etc..In addition, the device (hereinafter referred to as " identification device ") with recognition unit can take intelligence The form of card, therefore, identification device can be connect via port or other attachment devices with mobile terminal 100.Interface unit 170 It can be used for receiving the input (for example, data information, electric power etc.) from external device (ED) and transmit the input received One or more elements in mobile terminal 100 can be used for transmitting data between mobile terminal and external device (ED).

In addition, when mobile terminal 100 is connect with external base, interface unit 170 may be used as allowing will be electric by it Power, which is provided from pedestal to the path or may be used as of mobile terminal 100, allows the various command signals inputted from pedestal to pass through it It is transferred to the path of mobile terminal.The various command signals or electric power inputted from pedestal, which may be used as mobile terminal for identification, is The no signal being accurately fitted on pedestal.Output unit 150 is configured to provide with vision, audio and/or tactile manner defeated Signal (for example, audio signal, vision signal, vibration signal etc.) out.Output unit 150 may include display unit 151, sound Frequency output unit 152 etc..

Display unit 151 may be displayed on the information handled in mobile terminal 100.For example, mobile terminal 100 can be shown Relevant user interface (UI, User Interface) or graphic user interface (GUI, Graphical User Interface). When mobile terminal 100 is in video calling mode or image capture mode, display unit 151 can show captured image And/or received image, the UI or GUI that show video or image and correlation function etc..

Meanwhile when display unit 151 and touch tablet in the form of layer it is superposed on one another to form touch screen when, display unit 151 may be used as input unit and output device.Display unit 151 may include liquid crystal display (LCD, Liquid Crystal Display), thin film transistor (TFT) LCD (TFT-LCD, Thin Film Transistor-LCD), organic light-emitting diodes It manages in (OLED, Organic Light-Emitting Diode) display, flexible display, three-dimensional (3D) display etc. It is at least one.Some in these displays may be constructed such that transparence to allow user to watch from outside, this is properly termed as Transparent display, typical transparent display can be, for example, transparent organic light emitting diode (TOLED) display etc..According to Specific desired embodiment, mobile terminal 100 may include two or more display units (or other display devices), example Such as, mobile terminal may include outernal display unit (not shown) and inner display unit (not shown).Touch screen can be used for examining Survey touch input pressure and touch input position and touch input area.

Audio output unit 152 can mobile terminal be in call signal reception pattern, call mode, logging mode, It is communication unit 110 is received or deposit in memory 160 when under the isotypes such as speech recognition mode, broadcast reception mode The audio data transducing audio signal of storage and to export be sound.Moreover, audio output unit 152 can provide and mobile terminal The 100 relevant audio output of specific function (for example, call signal receives sound, message sink sound etc.) executed.Audio Output unit 152 may include loudspeaker, buzzer etc..

Storage unit 160 can store the software program etc. of the processing and control operation that are executed by processing unit 180, or Person can temporarily store oneself data (for example, telephone directory, message, still image, video etc.) through exporting or will export. Moreover, storage unit 160 can store vibration and audio letter about the various modes exported when touching and being applied to touch screen Number data.

Storage unit 160 may include the storage medium of at least one type, the storage medium include flash memory, hard disk, Multimedia card, card-type memory (for example, SD or DX memory etc.), random access storage device (RAM, Random Access Memory), static random-access memory (SRAM, Static Random Access Memory), read-only memory (ROM, Read Only Memory), electrically erasable programmable read-only memory (EEPROM, Electrically Erasable Programmable Read Only Memory), programmable read only memory (PROM, Programmable Read Only Memory), magnetic storage, disk, CD etc..Moreover, mobile terminal 100 can execute storage list with by network connection The network storage device cooperation of the store function of member 160.

The overall operation of the usually control mobile terminal of processing unit 180.For example, processing unit 180 execute with voice communication, The relevant control of data communication, video calling etc. and processing.For another example, processing unit 180 can with execution pattern identifying processing, with Input is drawn into the handwriting input executed on the touchscreen or picture and are identified as character or image.

Power supply unit 190 receives external power or internal power under the control of processing unit 180 and provides operation respectively Electric power appropriate needed for element and component.

Various embodiments described herein can be to use the calculating of such as computer software, hardware or any combination thereof Machine readable medium is implemented.Hardware is implemented, embodiment described herein can be by using application-specific IC (ASIC, Application Specific Integrated Circuit), digital signal processor (DSP, Digital Signal Processing), digital signal processing device (DSPD, Digital Signal Processing Device), can Programmed logic device (PLD, Programmable Logic Device), field programmable gate array (FPGA, Field Programmable Gate Array), processor, controller, microcontroller, microprocessor, be designed to execute it is described herein At least one of the electronic unit of function implement, in some cases, such embodiment can be in controller 180 Middle implementation.For software implementation, the embodiment of such as process or function can with allow to execute at least one functions or operations Individual software unit implement.Software code can be by the software application write with any programming language appropriate (or program) is implemented, and software code can store in memory 160 and executed by controller 180.

So far, oneself is through describing mobile terminal according to its function.In the following, for the sake of brevity, will description such as folded form, Slide type mobile terminal in various types of mobile terminals of board-type, oscillating-type, slide type mobile terminal etc., which is used as, to be shown Example.Therefore, the present invention can be applied to any kind of mobile terminal, and be not limited to slide type mobile terminal.

Mobile terminal 100 as shown in Figure 1 may be constructed such that using via frame or grouping send data it is all if any Line and wireless communication system and satellite-based communication system operate.

Referring now to Fig. 2 description communication system that wherein mobile terminal according to an embodiment of the present invention can operate.

Different air interface and/or physical layer can be used in such communication system.For example, used by communication system Air interface includes such as frequency division multiple access (FDMA, Frequency Division Multiple Access), time division multiple acess (TDMA, Time Division Multiple Access), CDMA (CDMA, Code Division Multiple Access) and Universal Mobile Communication System (UMTS, Universal Mobile Telecommunications System) is (special Not, long term evolution (LTE, Long Term Evolution)), global system for mobile communications (GSM) etc..As unrestricted Property example, description below is related to cdma communication system, but such introduction is equally applicable to other types of system.

With reference to Fig. 2, cdma wireless communication system may include multiple mobile terminals 100, multiple base station (BS, Base Station) 270, base station controller (BSC, Base Station Controller) 275 and mobile switching centre (MSC, Mobile Switching Center)280.MSC280 is configured to and Public Switched Telephony Network (PSTN, Public Switched Telephone Network) 290 formation interfaces.MSC280 is also structured to and can couple via back haul link BSC275 to base station 270 forms interface.Back haul link can be constructed according to any in several known interfaces, described Interface includes such as E1/T1, ATM, IP, PPP, frame relay, HDSL, ADSL or xDSL.It will be appreciated that as shown in Figure 2 System may include multiple BSC275.

Each BS 270 can service one or more subregions (or region), by multidirectional antenna or the day of direction specific direction Each subregion of line covering is radially far from BS 270.Alternatively, each subregion can by two for diversity reception or more Multiple antennas covering.Each BS 270, which may be constructed such that, supports multiple frequency distribution, and the distribution of each frequency has specific frequency It composes (for example, 1.25MHz, 5MHz etc.).

What subregion and frequency were distributed, which intersects, can be referred to as CDMA Channel.BS 270 can also be referred to as base station transceiver System (BTS, Base Transceiver Station) or other equivalent terms.In this case, term " base station " It can be used for broadly indicating single BSC275 and at least one BS 270.Base station can also be referred to as " cellular station ".Alternatively, special Each subregion for determining BS 270 can be referred to as multiple cellular stations.

As shown in Figure 2, broadcast singal is sent to by broadcsting transmitter (BT, Broadcast Transmitter) 295 The mobile terminal 100 operated in system.Broadcast reception unit 111 as shown in Figure 1 is arranged at mobile terminal 100 to connect Receive the broadcast singal sent by BT295.In fig. 2 it is shown that several satellites 300, such as global positioning system can be used (GPS) satellite 300.The help of satellite 300 positions at least one of multiple mobile terminals 100.

In Fig. 2, multiple satellites 300 are depicted, it is understood that, it is useful to can use any number of satellite acquisition Location information.Location information unit 115 as shown in Figure 1 is generally configured to cooperate with satellite 300 desired to obtain Location information.It substitutes GPS tracking technique or except GPS tracking technique, the position that can track mobile terminal can be used Other technologies.In addition, at least one 300 property of can choose of GPS satellite or extraly processing satellite dmb transmission.

As a typical operation of wireless communication system, BS 270 receives the reverse strand from various mobile terminals 100 Road signal.Mobile terminal 100 usually participates in call, information receiving and transmitting and other types of communication.Certain base station 270 is received each Reverse link signal is handled in specific BS 270.The data of acquisition are forwarded to relevant BSC275.BSC provides logical Talk about the mobile management function of resource allocation and the coordination including the soft switching process between BS 270.BSC275 will also be received Data are routed to MSC280, provide the additional route service for forming interface with PSTN290.Similarly, PSTN290 with MSC280 forms interface, and MSC and BSC275 form interface, and BSC275 controls BS 270 correspondingly with by forward link signals It is sent to mobile terminal 100.

The mobile comm unit 112 of communication unit 110 is based on the access mobile communication built in mobile terminal in mobile terminal The necessary data (including customer identification information and authentication information) of network (such as 2G/3G/4G mobile communications network) accesses movement Communication network is that the web page browsing of mobile terminal user, network multimedia the business such as play to transmit mobile data (including upper The mobile data of capable mobile data and downlink).

The wireless interconnected net unit 113 of communication unit 110 realizes nothing by running the related protocol function of hotspot The function of line hot spot, hotspot supports multiple mobile terminal (any mobile terminal except mobile terminal) accesses, by multiple Web page browsing, the net of mobile terminal user are connected as with the mobile communication between mobile comm unit 112 and mobile communications network The business such as network multimedia transmit mobile data (the mobile communication number of mobile data and downlink including uplink According to), since mobile terminal is substantially the mobile communication connection transmission mobile communication being multiplexed between mobile terminal and communication network Data, therefore the flow of the mobile data of mobile terminal consumption is included in mobile terminal by the charging entity of communication network side Post and telecommunication tariff, to consume the data traffic for the mobile data for including in the post and telecommunication tariff that uses of mobile terminal signing.

Fig. 3 is the schematic diagram that each side's hardware entities of information exchange are carried out in the embodiment of the present invention, includes: service in Fig. 3 Device 11, terminal device 21-24, terminal device 21-24 carry out information exchange by cable network or wireless network and server, Terminal device includes the types such as mobile phone, desktop computer, PC machine, all-in-one machine.Wherein, all applications are installed in terminal device or are referred to Fixed application (such as social application, game application, digital map navigation application, high-speed rail line applications etc.), using the embodiment of the present invention, base In above-mentioned system shown in Fig. 3, including the first operation is obtained, described first operates the interaction for choosing interaction page to be created Mode responds first operation, the editing interface of interaction page is created according to the interactive mode, reads and applies built-in friendship Mutual page load control (as applied built-in WebView), is rendered using interaction page load control and wants loaded and displayed Interaction page editing interface.It is illustrated in figure 4 exemplary several interactive modes in the embodiment of the present invention, including A11 mark Articles page type, A12 mark multi-screen sliding page type, A13 mark the long page type of tape spool.Take difference Interactive mode, performed edit operation and processing are different in the editing interface of the interaction page of generation, are finally reached To interaction page display effect and interacting aspects be also different, it is subsequent to be specifically described.It is illustrated in figure 5 implementation of the present invention The editing interface of an exemplary interaction page, shows at least one optional component in the editing interface in example.Wherein, At least one optional component is located in the assembly tool column that B1 is identified, and optional component carries out example mark with B11, B12 and B13 Know, is not limited to description here, the component in assembly tool column that B1 is identified all is the optional component of the embodiment of the present invention, institute Optional component is stated for constructing the layout component in the interaction page, adjustment pattern display properties, and/or page interaction Attribute.Multiple editable screen pages are also shown in the editing interface, the one of page screen identified such as B2 Face.The figure layer setting menu that B3 is identified also is shown in the editing interface, it can be to vertical reference point, horizontal reference (such as animation top is inserted into, and animation starts and the picture of end time point, animation for point, offset, size, clicking operation, animation effect Face variation effect, animation play number etc.) it is configured.It is defeated that the text that B41 is identified also is shown in the editing interface Enter frame, user can input in Text Entry thinks word content to be added, also shows B42 in the editing interface The picture insertion frame identified, can be inserted into optional picture in the position, and the picture insertion frame that B42 is identified can be located at In the following, the embodiment of the present invention is not limited to this layout type, picture insertion frame can also be located at the Text Entry that B41 is identified On Text Entry, the left side or the right etc..The page info setting that B5 is identified also is shown in the editing interface And figure layer shows list menu, can be configured to page title, figure layer shows that the figure layer in list is increased newly and deleted Operation etc..It is illustrated in figure 6 the amplification effect schematic diagram on the assembly tool column that B1 in the embodiment of the present invention is identified, from Fig. 6 The available embodiment of the present invention provides diversified optional component for user.Response second operation, according to it is selected can It selects component to carry out editing and processing, obtains meeting the practical first page processing result that demand is presented of interaction page, detect end Preview page is generated after editing and processing, as shown in fig. 7, the preview page is identical with the first page processing result, Later, after confirmation keeps the preview page, by finally obtained actual pages by social application or other modes (as C1 is marked The wechat barcode scanning mode of knowledge) one-key sharing is carried out, the group members being shared in social group keep the schematic diagram of simultaneously one-key sharing As shown in Figure 7.

The example of above-mentioned Fig. 3 is a system architecture example for realizing the embodiment of the present invention, and the embodiment of the present invention is not It is limited to system structure described in above-mentioned Fig. 3, based on communication described in 100 hardware configuration of mobile terminal, Fig. 2 described in above-mentioned Fig. 1 System architecture described in system and Fig. 3 proposes each embodiment of the method for the present invention.

Embodiment one:

The embodiment of the invention provides a kind of editing and processing methods of interaction page, as shown in Figure 8, comprising:

Step 101 obtains the first operation, and described first operates the interactive mode for choosing interaction page to be created.

Here, exemplary several interactive modes in the embodiment of the present invention are illustrated in figure 4, the article page including A11 mark The long page type of tape spool of multi-screen sliding page type, A13 mark that noodles type, A12 are identified.First operation is for more One of mode (the articles page type of such as A11 mark) is chosen in the interactive mode of sample, so that subsequent step 102 can be with Create the editing interface of interaction page according to the articles page type of such as A11 mark, one of the editing interface of interaction page Schematic diagram is as shown in Figure 5.

Step 102, response first operation, the editing interface of interaction page is created according to the interactive mode.

Here it is possible to according in such as Fig. 4 A11 identify articles page type, A12 mark multi-screen sliding page type, Or the long page type of tape spool of A13 mark creates the editing interface of interaction page, the one of the editing interface of interaction page A schematic diagram is as shown in Figure 5.Different interactive modes is taken, the performed editor in the editing interface of the interaction page of generation Operation and processing are different, and the display effect and interacting aspects for the interaction page being finally reached also are different.

Step 103 reads the built-in interaction page load control of application, is rendered using interaction page load control Want the editing interface of the interaction page of loaded and displayed.

Here, an example of interaction page load control can be network view (WebView), wechat and other are major Using this control is inherently carried, which is the carrier control for carrying interaction page (such as HTML5 webpage), can be made The interaction page (such as HTML5 webpage) created with the WebKit rendering engine in WebView come loaded and displayed.Using of the invention real Example is applied, makes HTML5 without introducing special third party's tool, as long as carrying function using wechat and other major applications HTML5 can be made, it is efficiently and quick.

Here, at least one diversified optional component is shown in the editing interface, the optional component is used for Construct layout component, adjustment pattern display properties, and/or the page interaction attributes in the interaction page.

Step 104, the second operation of response, carry out editing and processing according to selected optional component, obtain meeting interactive page The practical first page processing result that demand is presented in face.

Here, in a practical application, for editing and processing, according to the second operation, (being not limited to selection can for collection Select the operation of component) generate operation note, track editing and processing process, according to the operation note to obtain meeting interactive page The practical first page processing result that demand is presented in face.

Here, second operation is in addition to including: the operation for acting at least one optional component in this step, institute State the second operation further include: the operation for acting on the operation of editing interface input area, acting on interactive object in editing interface At least one of.These operations can be carried out collecting, and be generated aforesaid operations record.

Step 105, detect terminate editing and processing after generate preview page, at the preview page and the first page It is identical to manage result.

Using the embodiment of the present invention, 101-105 through the above steps, the obtained preview page and the first page Processing result is identical, since preview page is exactly to be supplied to user before the interaction page finally actually generated is presented Check preview effect, therefore, the application can achieve the first page presented in editing process by user and handle It as a result is the same display effect with the interaction page finally actually generated.That is, using the embodiment of the present invention , editor and final display effect are " What You See Is What You Get ", so that the interaction page (such as HTML5) of pre- desired production user's early period Any difference is not present with the interaction page (such as HTML5) finally actually generated.

It is the preview that can see the HTML5 page finally actually generated in this link of preview by taking HTML5 as an example Effect, the preview effect and the HTML5 page finally actually generated are the same.User can be known finally by preview page Which kind of display effect the HTML5 page actually generated is.Since the embodiment of the present invention is " What You See Is What You Get ", in editing and processing mistake Cheng Zhong, the second all operations, the either second operation is for described at least one optional component, editing interface input area And/or interactive object in editing interface, it is all visualization effect, and the visualization effect and preview page are the same 's.

In one embodiment of the embodiment of the present invention, the interactive mode includes: articles page type, the multi-screen sliding page Type or the long page type of tape spool are illustrated in figure 4 exemplary several interactive modes in the embodiment of the present invention.

In one embodiment of the embodiment of the present invention, the first page processing result is visual page display knot Fruit is illustrated in figure 5 the editing interface of an exemplary interaction page in the embodiment of the present invention.

Embodiment two:

The embodiment of the invention provides a kind of editing and processing methods of interaction page, as shown in Figure 9, comprising:

Step 201 obtains the first operation, and described first operates the interactive mode for choosing interaction page to be created.

Here, exemplary several interactive modes in the embodiment of the present invention are illustrated in figure 4, the article page including A11 mark The long page type of tape spool of multi-screen sliding page type, A13 mark that noodles type, A12 are identified.First operation is for more One of mode (the articles page type of such as A11 mark) is chosen in the interactive mode of sample, so that subsequent step 202 can be with Create the editing interface of interaction page according to the articles page type of such as A11 mark, one of the editing interface of interaction page Schematic diagram is as shown in Figure 5.

Step 202, response first operation, the editing interface of interaction page is created according to the interactive mode.

Step 203 reads the built-in interaction page load control of application, is rendered using interaction page load control Want the editing interface of the interaction page of loaded and displayed.

Step 204, to acting on the operation of at least one optional component, act on the behaviour of editing interface input area Make, act at least one of operation of interactive object in editing interface and responded, these operations responded are ok Referred to as second operation carries out editing and processing according to selected optional component, obtains meeting the practical presentation demand of interaction page First page processing result.

Here, optional component is the function choosing-item in similar functions menu, as shown in fig. 6, when the second operation is to act on When the optional component, plan that its overall page of the interaction page of generation to be created is laid out particular by optional component is selected, Such as media information, such as picture, video or text are inserted into the first position of the page；Such as the page the second position addition LOGO, Icon or designated shape etc..

Here, editing interface input area is different from the function choosing-item of said modules, is to determine to realize some function, The determining position of one be laid out executes input operation etc., for example, component requires to hit exactly one text box of insertion in the page, that , in text frame input operation, as act on editing interface input area second operation, as shown in figure 5, in institute State and show the Text Entry that B41 is identified in editing interface, user can be inputted in Text Entry think it is to be added Word content, text input frame are an example of editing interface input area.

Here, interactive object in editing interface is different from the function choosing-item of said modules, is to determine to realize some function, Interactive object drag operation etc. is executed in a determining position being laid out, such as by some interactive object such as Logo, by the page Lower section pulls and is moved to above the page.

Step 205, detect terminate editing and processing after generate preview page, at the preview page and the first page It is identical to manage result.

Using the embodiment of the present invention, 201-205 through the above steps, the obtained preview page and the first page Processing result is identical, since preview page is exactly to be supplied to user before the interaction page finally actually generated is presented Check preview effect, therefore, the application can achieve the first page presented in editing process by user and handle It as a result is the same display effect with the interaction page finally actually generated.That is, using the embodiment of the present invention , editor and final display effect are " What You See Is What You Get ", so that the interaction page (such as HTML5) of pre- desired production user's early period Any difference is not present with the interaction page (such as HTML5) finally actually generated.

It in one embodiment of the embodiment of the present invention, detects after generating preview page after terminating editing and processing, response the Preview page is saved as newly-built interaction page by three operations, and it is real that the newly-built interaction page meets the interaction page Demand is presented in border；The newly-built interaction page or the corresponding address link information of newly-built interaction page are passed through into the application Or the social entrance of sharing of other application is sent to progress page sharing in social group.

Using the embodiment of the present invention, the editor of available " What You See Is What You Get " and display effect make by taking HTML5 as an example Any difference is not present in the HTML5 page for obtaining pre- desired production early period and the HTML5 page finally actually generated.Due to not needing Special HTML5 tool is introduced, the production of HTML5 can be realized with the included function of application, such as wechat and other major applications Inherently included WebView, it is the carrier control for carrying HTML5 webpage, and the WebKit rendering in WebView can be used Engine carrys out the HTML5 webpage of loaded and displayed creation, and provides diversified optional component for user and carry out page layout construction, Therefore, ordinary user can also be with self manufacture HTML5, and shows diversification of forms based on the diversified optional component HTML5 reduces the cost of manufacture and manufacture difficulty of HTML5, the production of HTML5 is made to be able to achieve " What You See Is What You Get ".One wound The editing and processing process for building HTML5 may include: 1) first to establish the HTML5 page an of blank, in the newly-established blank page It is edited in face, obtains editing interface, production material required for editing includes: picture, music, text, and video etc. is various Media information.2) optional component can be clicked, such as " newly-built text ", adds a Text Entry at page center, and can adjust The whole font attribute (such as font style, text size, text color etc.) inputted in Text Entry.3) it can click " material database " can obtain production material from background server or terminal local, and what is such as obtained is picture, then selects " upper blit Piece " can add picture into editing interface, moreover, can also carry out attribute setting and movement setting etc. for picture.4) Other materials, such as Shape Element can also be clicked, then add some special shapes for users to use in editing interface.5) also URL link can be inputted, it is also an option that existing template, background music etc..After editor, click " preview " Preview, while thering is sharing to link, good friend can be shared with and seen together, the entrance of sharing there are many implementations, such as clicks and shares Button, the group members that the chained address of this HTML5 can be shared in social group, or scan the two-dimensional code, in terminal Upper viewing HTML5, can also share wechat circle of friends etc..Using this visual edit interface of the embodiment of the present invention, by In " What You See Is What You Get ", therefore, in pre-edit processing, so that it may adaptive adjustment input content and imposition layout's version Face, adaptability and matching degree are more preferable, and the editing and processing that ordinary user can also be skilled, because finishing for ordinary user Do not perplex entirely without code, this visual edit interface provided in an embodiment of the present invention, HTML5 design can be fully achieved Visualized operation.

Embodiment three:

Based on above-mentioned each embodiment, the editing and processing method of the interaction page of the embodiment of the present invention further include: be described First set code and second set of code is respectively configured in editing interface.Wherein, the first set code is stored in terminal side, for ringing The correspondence code segment in second set of code is called to perform corresponding processing after answering the operation of terminal side.Second set of code It is stored in server side, after calling by the way that first set code is requested, feeds back the correspondence code in second set of code Section gives terminal side, to execute corresponding processing.

In one embodiment of the embodiment of the present invention, response first operation is created according to the interactive mode The editing interface of interaction page, comprising: response first operation, to load and run the first set code；By described First set code request calls second set of code, to carry out interface creating processing；Receive pair in second set of code Interface creating code segment is answered, and creates the editing interface of the interaction page, binds the editing interface later.

In one embodiment of the embodiment of the present invention, second operation of response is carried out according to selected optional component Editing and processing, comprising: response second operation, to load and run the first set code；Pass through the first set code Second set of code described in request call, to carry out interface editing processing；Receive the correspondence interface editing in second set of code Code segment is handled, and executes the editing and processing on the editing interface of the interaction page.

Example IV:

A kind of editing processing system of the embodiment of the present invention, including terminal 31, server 32 and terminal 32；Such as Figure 10 institute Show, wherein terminal 31 includes: first acquisition unit 311, and for obtaining the first operation, first operation is for choosing wait create Build the interactive mode of interaction page；First response unit 312 is created for responding first operation according to the interactive mode Build the editing interface of interaction page；Loading unit 313 loads control using built-in interaction page for reading, using described Interaction page load control renders the editing interface for wanting the interaction page of loaded and displayed；Display unit 314, in the volume At least one optional component is shown in editing interface, the optional component is used to construct the layout composition member in the interaction page Element, adjustment pattern display properties, and/or page interaction attributes；Second response unit 315, for responding the second operation, according to institute The optional component of selection carries out editing and processing, obtains meeting the practical first page processing result that demand is presented of interaction page；Inspection Unit 316 is surveyed, for generating preview page after detecting end editing and processing, by described in display unit rendering display Preview page is identical with the first page processing result.Server 32 is that terminal 31 is provided needed for production interaction page Make material.The recipient that terminal 33 is shared as interaction page can obtain end after terminal 31 completes interaction page The interaction page of 31 sharing of end is simultaneously directly presented, or obtains the chained address of the interaction page of the sharing of terminal 31, according to The link of interaction page jumps to interaction page, and loads the interaction page to be presented.

In a practical application, it is illustrated in figure 4 exemplary several interactive modes in the embodiment of the present invention, including A11 The long page type of tape spool that the articles page type of mark, multi-screen sliding page type, the A13 of A12 mark are identified.First It operates for choosing one of mode (the articles page type of such as A11 mark) in diversified interactive mode, with after an action of the bowels Continuous step 102 can create the editing interface of interaction page, the volume of interaction page according to the articles page type that such as A11 is identified One schematic diagram of editing interface is as shown in Figure 5.

It can be according to the multi-screen sliding page type or A13 for the articles page type, A12 mark that A11 in such as Fig. 4 is identified The long page type of the tape spool of mark creates the editing interface of interaction page, a signal of the editing interface of interaction page Figure is as shown in Figure 5.Take different interactive modes, in the editing interface of the interaction page of generation performed edit operation and Processing is different, and the display effect and interacting aspects for the interaction page being finally reached also are different.

The example that interaction page loads control can be network view (WebView), wechat and other major applications This control is inherently carried, which is the carrier control for carrying interaction page (such as HTML5 webpage), be can be used WebKit rendering engine in WebView carrys out the interaction page (such as HTML5 webpage) of loaded and displayed creation.Implemented using the present invention Example, makes HTML5 without introducing special third party's tool, can as long as carrying function using wechat and other major applications It is efficiently and quick to make HTML5.

At least one diversified optional component is shown in the editing interface, the optional component is for constructing institute State layout component, adjustment pattern display properties, and/or the page interaction attributes in interaction page.

For editing and processing, the operation generated according to the second operation (being not limited to select the operation of optional component) is collected Record, editing and processing process is tracked according to the operation note, to obtain meeting the practical first page that demand is presented of interaction page Surface treatment result.

Second operation is in addition to including: the operation for acting at least one optional component in this step, and described the Two operations further include: act on the operation of editing interface input area, act in editing interface in the operation of interactive object It is at least one.These operations can be carried out collecting, and be generated aforesaid operations record.

Using the embodiment of the present invention, by the system architecture of above-mentioned module composition, the obtained preview page with it is described First page processing result is identical, since preview page is exactly to mention before the interaction page finally actually generated is presented Supply user checks preview effect, and therefore, the application can achieve described first presented in editing process by user Page processing result and the interaction page finally actually generated are the same display effects.That is, using this hair Bright embodiment, editor and final display effect are " What You See Is What You Get ", so that the interaction page of pre- desired production user's early period (such as HTML5) there is no any differences with the interaction page (such as HTML5) finally actually generated.By taking HTML5 as an example, preview this A link, is the preview effect that can see the HTML5 page finally actually generated, the preview effect with finally actually generate The HTML5 page be the same.User can know which kind of display the HTML5 page finally actually generated is by preview page Effect.Since the embodiment of the present invention is " What You See Is What You Get ", during editing and processing, all second operations, either the For interactive object at least one described optional component, editing interface input area and/or editing interface, being all can for two operations Depending on the effect changed, and the visualization effect and preview page are the same.

In one embodiment of the embodiment of the present invention, the interactive mode includes: articles page type, the multi-screen sliding page Type or the long page type of tape spool.

In one embodiment of the embodiment of the present invention, the first page processing result is visual page display knot Fruit.

In one embodiment of the embodiment of the present invention, second operation includes: to act on described at least one optional group The operation of part, the operation for acting on editing interface input area act in editing interface in the operation of interactive object at least It is a kind of.

In one embodiment of the embodiment of the present invention, the terminal further include: third response unit terminates for detecting After generating preview page after editing and processing, preview page is saved as newly-built interaction page by response third operation, described new The interaction page built meets the practical presentation demand of the interaction page；Sharing unit, for by the newly-built interaction page or The corresponding address link information of newly-built interaction page is sent to society by the social entrance of sharing of the application or other application It hands over and carries out page sharing in group.

In one embodiment of the embodiment of the present invention, the terminal further include: configuration unit, for being the editing interface First set code and second set of code is respectively configured；The first set code is stored in terminal side, for responding the behaviour of terminal side The correspondence code segment in second set of code is called to perform corresponding processing after work；Second set of code is stored in server Correspondence code segment in second set of code is fed back to terminal side after calling by the way that first set code is requested in side, with Execute corresponding processing.

In one embodiment of the embodiment of the present invention, first response unit is further used for: response first behaviour Make, to load and run the first set code；Second set of code is called by the first set code request, to carry out Interface creating processing；The correspondence interface creating code segment in second set of code is received, and creates the volume of the interaction page Editing interface.

In one embodiment of the embodiment of the present invention, second response unit is further used for: response second behaviour Make, to load and run the first set code；Second set of code is called by the first set code request, to carry out Interface editing processing；The correspondence interface editing processing code segment in second set of code is received, and is executed in the interactive page Editing and processing on the editing interface in face.

, can also be for such as PAD it is to be herein pointed out above-mentioned terminal can be this electronic equipment of PC, tablet computer, This mancarried electronic aid of laptop computer can also be the intelligent mobile terminal such as mobile phone, be not limited to description here；It is described Server can be through group system composition, merge into one or each unit function split settings to realize each unit function Electronic equipment, terminal and server all includes at least database for storing data and the processor for data processing, Or including the storage medium being set in server or the storage medium being independently arranged.

Wherein, for the processor for data processing, when executing processing, microprocessor, center can be used Processor (CPU, Central Processing Unit), digital signal processor (DSP, Digital Singnal Processor) or programmable logic array (FPGA, Field-Programmable Gate Array) is realized；For storage It include operational order for medium, which can be computer-executable code, be realized by the operational order Each step in embodiments of the present invention information processing method process.

It need to be noted that: above is referred to the description of terminal and server item, be with above method description it is similar, Beneficial effect with method describes, and does not repeat them here.For undisclosed technical detail in terminal and server embodiment of the present invention, Please refer to content described by the embodiment of the method for the present invention process description.

The embodiment of the present invention is described below by taking a practical application scene as an example:

For making interaction page such as HTML5, more and more environment can run the HTML5 page, in the prior art In, special third party HTML5 tools are usually used, need to have the personnel of webpage professional knowledge to carry out HTML5 Production, editor and final publication.These, cause the cost of manufacture of the HTML5 page and manufacture difficulty all high, need to spend a large amount of Time.Not only cost of manufacture and manufacture difficulty are all high, moreover, since its editing and processing technology is that " non-finding is in manufacturing process Gained " can make the HTML5 page of pre- desired production early period have differences with the HTML5 page finally actually generated, for example, The HTML5 page behaves load slowly, and HTML5 page adaptation goes wrong.The HTML5 page made, appearance form Also not diversified enough.The page for the substantially full frame sliding seen at present, which is not seen temporarily having, does long screen sliding, and very much There are adaptation issues, and loads very slow.And since HTML5 has the advantages that the platform that collapses of publication modification at any time is propagated rapid, lead Product operation side is caused to prefer to make mobile phone interface interaction of HTML5, ordinary user also there are the need of the self manufacture HTML5 page It asks.When the production quantity of the HTML5 page is more, when modifying frequent, it will lead to cost of manufacture and surge.For this case, this application Scene uses the embodiment of the present invention, is handled using the network view (webview) built in wechat and other major applications, WebView energy loaded and displayed webpage, can be regarded as a browser.It has used WebKit rendering engine loaded and displayed net Page, WebView can generate some events as the carrier control of carrying webpage during web displaying, and readjustment is answered With program, the thing handled is wanted to do application program in web page loading process, to be supplied to visual edit circle of user The HTML5 page is produced and generated automatically in face, can quickly generate the HTML5 page of " What You See Is What You Get ".It reduces and links up cost, Adaptive various resolution ratio have articles page production, and a variety of interactive modes such as multi-screen sliding select for user, can be with It realizes various animation effects, realizes light weight load, processing speed is fast.

Specifically, this application scene uses the embodiment of the present invention, can there are also ckeditor with angularjs and jquery Frame.A set of two sets of codes are background server editing interfaces on computers, and the code editted is saved, another set of Code is that the GUI code editted on computers is taken mobile phone and here generates interactive interface, and binds friendship to mobile phone Mutual interface, as shown in Figure 1, first set code is indicated with first set code a, second set of code is indicated with second set of code b, first Set code a is stored in terminal local, for calling the correspondence code segment in second set of code after responding the operation of terminal side It performs corresponding processing；Second set of code b is stored in server, after calling by the way that first set code is requested, feeds back institute The correspondence code segment in second set of code is stated to terminal side, to execute corresponding processing.The sound is handled accordingly, according to user The difference of operation corresponds to the creation processing of editing interface including at least interaction page and interaction page corresponds to the editor of editing interface Processing.

Exemplary several interactive modes in the embodiment of the present invention are illustrated in figure 4, the articles page class including A11 mark The long page type of tape spool of multi-screen sliding page type, A13 mark that type, A12 are identified.The class that user makes as needed Type selects corresponding template (i.e. in these three interactive modes any one).Different interactive modes is taken, in generation Performed edit operation and processing are different in the editing interface of interaction page, the display effect for the interaction page being finally reached Fruit and interacting aspects are also different, and are as shown in figs. 11-19 multiple user interface schematic diagrames of the application embodiment of the present invention.Its In, Figure 11-12 figure is the editing and processing interface after the articles page type for selecting A11 mark, under this interactive mode, In the Text Entry that F11 is identified, input content is either increased or decreased, the figure layer content that E11 is identified all can be tightly It follows and changes together, it may be assumed that increase input content, Text Entry moves down, then figure layer content also moves down therewith；Reduce input Content, Text Entry move up, then figure layer content also moves up therewith.If the multi-screen of A12 mark is selected to slide page type, A13 The long page type of the tape spool of mark, then without this Dynamically Announce effect.One comparative illustration are as follows: in articles page type Under, the sequence of the right dragging figure layer is the sequence movement exchanging content and putting, and multi-screen sliding page type and tape spool are long Page type is to block sequence movement between figure layer and figure layer.Figure 13-16 is that multi-screen slides page type, the E12 from Figure 13 Another screen that one screens switch F12 into Figure 14 of mark is identified such as is schemed for the screen that F12 is identified Shown in 14-16, the second position is slided by first position respectively to an interactive object in screen, then slide into third position It sets, realizes the page effect of multi-screen sliding.Figure 17-19 is the long page type of tape spool, and the scroll bar that E12 is identified in figure is long Content in page input frame has no effect on the position for the figure layer that F12 is identified when increasing and decreasing, and the two is to block mutually Relationship.

It is illustrated in figure 5 the editing interface of an exemplary interaction page in the embodiment of the present invention, in the editing interface In show at least one optional component.Wherein, at least one optional component is located in the assembly tool column that B1 is identified, optional Component carries out Exemplary identification with B11, B12 and B13, is not limited to description here, the component in assembly tool column that B1 is identified All be the optional component of the embodiment of the present invention, the optional component be used to construct layout component in the interaction page, It adjusts pattern display properties, and/or page interaction attributes can be simple by the drag operation at least one optional component Layout.Multiple editable screen pages are also shown in the editing interface, the one of page screen identified such as B2 Face.The figure layer setting menu that B3 is identified also is shown in the editing interface, it can be to vertical reference point, horizontal reference (such as animation top is inserted into, and animation starts and the picture of end time point, animation for point, offset, size, clicking operation, animation effect Face variation effect, animation play number etc.) it is configured.It is defeated that the text that B41 is identified also is shown in the editing interface Enter frame, user can input in Text Entry thinks word content to be added, also shows B42 in the editing interface The picture insertion frame identified, can be inserted into optional picture in the position, and the picture insertion frame that B42 is identified can be located at In the following, the embodiment of the present invention is not limited to this layout type, picture insertion frame can also be located at the Text Entry that B41 is identified On Text Entry, the left side or the right etc..The page info setting that B5 is identified also is shown in the editing interface And figure layer shows list menu, can be configured to page title, figure layer shows that the figure layer in list is increased newly and deleted Operation etc..It is illustrated in figure 6 the amplification effect schematic diagram on the assembly tool column that B1 in the embodiment of the present invention is identified, from Fig. 6 The available embodiment of the present invention provides diversified optional component for user.Response second operation, according to it is selected can It selects component to carry out editing and processing, obtains meeting the practical first page processing result that demand is presented of interaction page, detect end Preview page is generated after editing and processing, as shown in fig. 7, the preview page is identical with the first page processing result, Later, after confirmation keeps the preview page, by finally obtained actual pages by social application or other modes (as C1 is marked The wechat barcode scanning mode of knowledge) one-key sharing is carried out, the group members being shared in social group keep the schematic diagram of simultaneously one-key sharing As shown in Figure 7.

Using the editing interface of creation interaction page of the embodiment of the present invention, according to the response to user's operation in editing interface It includes: to construct to interact by angularjs binding data that editing and processing, which is carried out, to create a specific implementation of the interaction page Interface, operates dom by jquery, is entered at the picture and text mixing under input state by picture and text mixing editing machine (ckeditor) Reason.The interactive interface of " What You See Is What You Get " has done the function that many optional components allow user to realize that user wants on this basis, When preservation obtain dom in html code, and style attribute extraction out be spliced into character string (purpose of extraction is: by There is invalid maloperation in user's operation, be not used to the valid data of editing and processing, therefore, it is necessary to will be in total data A Invalid data B filter out to get to data A-B, used data A-B as data to be processed), preservation when includes (json character string calls second set of code b to use for first set code a for css code and html code and json character string ).Css code and html code are that (i.e. second set of code b), json character string in Fig. 1 is to allow down to the data of mobile phone Angularjs structural interface is given when secondary editor again, and is supplied to user and carries out what edit-modify used.

Processing flow schematic diagram to modify interaction page using the embodiment of the present invention as shown in figure 20, comprising:

Step 501 obtains json data；

Step 502 judges whether data are empty, if so, thening follow the steps 503, otherwise, executes step 504；

Step 503, newly-built creation blank interface；It is transferred to and executes step 505；

The interface that step 504, reduction last time edit；

Step 505, content of edit construct json data；

Step 506 saves json data；It is transferred to and executes step 508；

The json data that step 507, acquisition have constructed；It is transferred to and executes step 509；

Step 508, operation dom acquisition html information filtering remove character useless and extract css character string handle in style Px is converted into rem；

Step 509, Production Editor person access database；It is transferred to and executes step 501；

Step 510, viewer access database；

Interaction is done at step 511, html and css the rendering interface for obtaining preservation.

In several embodiments provided herein, it should be understood that disclosed device and method can pass through it Its mode is realized.Apparatus embodiments described above are merely indicative, for example, the division of the unit, only A kind of logical function partition, there may be another division manner in actual implementation, such as: multiple units or components can combine, or It is desirably integrated into another system, or some features can be ignored or not executed.In addition, shown or discussed each composition portion Mutual coupling or direct-coupling or communication connection is divided to can be through some interfaces, the INDIRECT COUPLING of equipment or unit Or communication connection, it can be electrical, mechanical or other forms.

Above-mentioned unit as illustrated by the separation member, which can be or may not be, to be physically separated, aobvious as unit The component shown can be or may not be physical unit, it can and it is in one place, it may be distributed over multiple network lists In member；Some or all of units can be selected to achieve the purpose of the solution of this embodiment according to the actual needs.

In addition, each functional unit in various embodiments of the present invention can be fully integrated in one processing unit, it can also To be each unit individually as a unit, can also be integrated in one unit with two or more units；It is above-mentioned Integrated unit both can take the form of hardware realization, can also realize in the form of hardware adds SFU software functional unit.

Those of ordinary skill in the art will appreciate that: realize that all or part of the steps of above method embodiment can pass through The relevant hardware of program instruction is completed, and program above-mentioned can be stored in a computer readable storage medium, the program When being executed, step including the steps of the foregoing method embodiments is executed；And storage medium above-mentioned include: movable storage device, it is read-only Memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), magnetic disk or The various media that can store program code such as person's CD.

Alternatively, if the above-mentioned integrated unit of the present invention is realized in the form of SFU software functional unit and as independent product When selling or using, it also can store in a computer readable storage medium.Based on this understanding, the present invention is implemented Substantially the part that contributes to existing technology can be embodied in the form of software products the technical solution of example in other words, The computer software product is stored in a storage medium, including some instructions are used so that computer equipment (can be with It is personal computer, server or network equipment etc.) execute all or part of each embodiment the method for the present invention. And storage medium above-mentioned includes: that movable storage device, ROM, RAM, magnetic or disk etc. are various can store program code Medium.

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 easily think of the change or the replacement, and should all contain Lid is within protection scope of the present invention.Therefore, protection scope of the present invention should be based on the protection scope of the described claims.

Claims

1. a kind of editing and processing method of interaction page, which is characterized in that the described method includes:

First set code and second set of code is respectively configured for editing interface；The first set code is stored in terminal side, is used for The correspondence code segment in second set of code is called to perform corresponding processing after responding the operation of terminal side；Second set of generation Code is stored in server side, after calling by the way that first set code is requested, feeds back the correspondence generation in second set of code Code section is to terminal side, to execute corresponding processing；

The first operation is obtained, described first operates the interactive mode for choosing interaction page；

First operation is responded, is loaded according to the interactive mode and runs the first set code；

Second set of code is called by the first set code request, to carry out interface creating processing；

Interface creating code segment corresponding with the interaction page in second set of code is received, and according to the interface creating Code segment creates the editing interface of the interaction page；

It reads the built-in interaction page of application and loads control, wherein the interaction page load control is for carrying interactive page The network view in face；

The editing interface for wanting the interaction page of loaded and displayed is rendered using the network view；

At least one optional component is shown in the editing interface, the optional component is for constructing in the interaction page Layout component, adjustment pattern display properties, and/or page interaction attributes；

The second operation of response carries out editing and processing according to selected optional component, obtains meeting the practical presentation need of interaction page The first page processing result asked；

It detects and generates preview page, the preview page and the complete phase of first page processing result after terminating editing and processing Together.

2. the method according to claim 1, wherein the interactive mode includes: articles page type, multi-screen cunning Dynamic page type or the long page type of tape spool.

3. the method according to claim 1, wherein the first page processing result is aobvious for the visual page Show result.

4. the method according to claim 1, wherein second operation include: act on it is described at least one The operation of optional component, the operation for acting on editing interface input area act in editing interface in the operation of interactive object At least one.

5. method according to any one of claims 1 to 4, which is characterized in that the method also includes:

It detects after generating preview page after terminating editing and processing, response third operation saves as preview page newly-built Interaction page, the newly-built interaction page meet the practical presentation demand of the interaction page；

By the newly-built interaction page or the corresponding address link information of newly-built interaction page by the application or other The social entrance of sharing of application is sent to progress page sharing in social group.

6. the method according to claim 1, wherein the response second operates, according to selected optional group Part carries out editing and processing, comprising:

Second operation is responded, to load and run the first set code；

Second set of code is called by the first set code request, to carry out interface editing processing；

The correspondence interface editing processing code segment in second set of code is received, and executes editor circle in the interaction page Editing and processing on face.

7. a kind of terminal, which is characterized in that the terminal includes:

Configuration unit, for first set code and second set of code to be respectively configured for editing interface；The first set code storage In terminal side, for calling the correspondence code segment in second set of code to be located after responding the operation of terminal side accordingly Reason；Second set of code is stored in server side, after calling by the way that first set code is requested, feeds back described second set Correspondence code segment in code is to terminal side, to execute corresponding processing；

First acquisition unit, for obtaining the first operation, described first operates the interactive mode for choosing interaction page；

First response unit loads according to the interactive mode for responding first operation and runs the first set generation Code；Second set of code is called by the first set code request, to carry out interface creating processing；Receive described second set Interface creating code segment corresponding with the interaction page in code, and according to the interface creating code segment, create the friendship The editing interface of the mutual page；

Loading unit loads control using built-in interaction page for reading, wherein the interaction page load control is to use In the network view of carrying interaction page；Editor circle for wanting the interaction page of loaded and displayed is rendered using the network view Face；

Display unit, for showing at least one optional component in the editing interface, the optional component is for constructing Layout component, adjustment pattern display properties, and/or page interaction attributes in the interaction page；

Second response unit carries out editing and processing according to selected optional component, obtains meeting friendship for responding the second operation The mutual practical first page processing result that demand is presented of the page；

Detection unit passes through display unit rendering display for generating preview page after detecting end editing and processing The preview page is identical with the first page processing result.

8. terminal according to claim 7, which is characterized in that the interactive mode includes: articles page type, multi-screen cunning Dynamic page type or the long page type of tape spool.

9. terminal according to claim 7, which is characterized in that the first page processing result is aobvious for the visual page Show result.

10. terminal according to claim 7, which is characterized in that second operation include: act on it is described at least one The operation of optional component, the operation for acting on editing interface input area act in editing interface in the operation of interactive object At least one.

11. according to the described in any item terminals of claim 7 to 10, which is characterized in that the terminal further include:

Third response unit, for detect terminate editing and processing after generate preview page after, response third operation, by preview The page saves as newly-built interaction page, and the newly-built interaction page meets the practical presentation demand of the interaction page；

Sharing unit, for the newly-built interaction page or the corresponding address link information of newly-built interaction page to be passed through institute The social entrance of sharing for stating application or other application is sent to progress page sharing in social group.

12. terminal according to claim 7, which is characterized in that second response unit is further used for:

Second operation is responded, to load and run the first set code；