CN107463584A

CN107463584A - The editing and processing method and terminal of a kind of interaction page

Info

Publication number: CN107463584A
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: 2017-12-12
Anticipated expiration: 2036-06-06
Also published as: CN107463584B

Abstract

The invention discloses the editing and processing method and terminal of a kind of interaction page, wherein, methods described includes：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；The built-in interaction page loading control of application is read, the editing interface for the interaction page for wanting loaded and displayed is rendered using interaction page loading control；At least one optional component, layout component, adjustment pattern display properties, and/or the page interaction attributes that the optional component is used to construct in the interaction page are shown in the editing interface；The operation of response second, editing and processing is carried out according to selected optional component, obtain meeting the actual first page result that demand is presented of interaction page；Detect and generate preview page after terminating editing and processing, the preview page is identical with the first page result.

Description

The editing and processing method and terminal of a kind of interaction page

Technical field

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

Background technology

With the development of Internet technology, a large amount of popularizations of intelligent terminal, Information Sharing is more and more convenient, information interaction It is more and more.In order to adapt to the more the intuitional and experiential thinking of information interaction, establishment and the editing and processing technology of interaction page have largely been used. By taking HTML5 technologies as an example, HTML5 can be based on HTML5 technologies and generate as a kind of advanced web technologies for creating interaction page Interaction effect and the strong interaction page of display effect, such as the HTML5 pages.The HTML5 pages can be dynamic advertising pages, dynamic Poster, dynamic magazine, dynamic scene page etc., the interaction that user is typically used for are exactly to enter line slip using the HTML5 pages Page turning and produce the display effect that redirects of dynamic.

Since the HTML5 pages have so more advantages, then how HTML5 makes, how to enter edlin and Finally issue

In the prior art, typically using third party's instrument, possess the personnel of webpage professional knowledge to carry out HTML5 system Make, edit and finally issue.These, cause the cost of manufacture of the HTML5 pages and manufacture difficulty all high, it is necessary to when spending a large amount of Between.Not only cost of manufacture and manufacture difficulty are all high, moreover, by its editing and processing technology is " non-finding is institute in manufacturing process ", the HTML5 pages of pre- desired making early stage can be caused to be had differences with the HTML5 pages finally actually generated, such as, The HTML5 pages behave loading slowly, and HTML5 page adaptations go wrong.The HTML5 pages made, its appearance form Also it is not diversified enough.

The popularization of intelligent terminal so that it is more and more to do the demand at terminal interaction interface with interaction page (such as HTML5), The making demand of i.e. more interaction pages (such as HTML5) results from end side, and current demand is：Wish that domestic consumer can also Self manufacture interaction page (such as HTML5), the diversified interaction page of appearance form (such as HTML5) is provided the user, reduce and hand over The cost of manufacture and manufacture difficulty of the mutual page (such as HTML5), enable the making of interaction page (such as HTML5) to realize " finding i.e. institute ", in a word, just it is desirable to provide the user most quick, most simple, most efficient, most easy-to-use mode to make interaction page, and Edit interaction page.However, in correlation technique, for the problem, effective solution there is no.

The content of the invention

In view of this, the embodiment of the present invention at least solves desirable to provide the editing and processing method and terminal of a kind of interaction page The problem of prior art of having determined is present.

What the technical scheme of the embodiment of the present invention was realized in：

A kind of editing and processing method of interaction page of the embodiment of the present invention, methods described include：

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 loading control of application, rendered using interaction page loading 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 used to construct the interactive page Layout component, adjustment pattern display properties, and/or page interaction attributes in face；

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

Detect and generate preview page after terminating editing and processing, the preview page and the first page 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 pattern；

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

Loading unit, control is loaded for reading the built-in interaction page of application, control is loaded using the interaction page Render the editing interface for the interaction page for wanting 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, for responding the second operation, editing and processing is carried out according to selected optional component, accorded with Close the actual first page result that demand is presented of interaction page；

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

The editing and processing method of the interaction page of the embodiment of the present invention includes：The first operation is obtained, 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；The built-in interaction page loading control of application is read, renders and to add using interaction page loading control Carry the editing interface of the interaction page of display；Show at least one optional component in the editing interface, described optional group Layout component, adjustment pattern display properties, and/or the page interaction attributes that part is used to construct in the interaction page；Ring The second operation is answered, editing and processing is carried out according to selected optional component, obtains meeting the of the actual presentation demand of interaction page One page result；Detect and generate preview page after terminating editing and processing, the preview page with 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, are obtained after carrying out editing and processing To the actual first page result that demand is presented of interaction page is met, detect 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 result and imposition layout Together, i.e.,：The page is any pattern during editor, and what pattern is the actual interaction page ultimately generated be exactly, and is properly termed as that " finding is i.e. The visualized operation of gained ", so as to provide the user most quick, most simple, most efficient, most easy-to-use mode to make interaction The page, and the mechanism of editor's interaction page.

Brief description of the drawings

Fig. 1 is the one optional hardware architecture diagram of mobile terminal for realizing each embodiment of 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 for each side's hardware entities that information exchange is 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 being shared the interaction page of establishment 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 handling process schematic diagram that interaction page is changed using the embodiment of the present invention.

Embodiment

The implementation to technical scheme is described in further detail below in conjunction with the accompanying drawings.

Describe to realize the mobile terminal of each embodiment of the present invention referring now to accompanying drawing.In follow-up description, use For represent element such as " module ", " part " or " unit " suffix only for being advantageous to the explanation of the embodiment of the present invention, Itself do not have specific meaning.Therefore, " module " can be used mixedly with " part ".

In the following detailed description, numerous details is set forth, thoroughly to understand the present invention.But, for For one of ordinary skill in the art, it is clear that the present invention can be put into practice in the case of these no details.In other feelings Under condition, disclosed known method, process, component, circuit and network are not described in detail, to avoid unnecessarily making embodiment 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 It is referred to as the first operation, without departing from the scope of the present invention, the first operation and the second operation are all operations, and simply the two is not Identical operates.

Step in the embodiment of the present invention is not necessarily handled according to described step order, can be according to need Ask and step is selectively upset into rearrangement, either delete the step in the step or increase embodiment in embodiment, the present invention Step description in embodiment is optional sequential combination, does not represent all sequence of steps combination of the embodiment of the present invention, Step order 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" specifies what is stated Feature, integer, step, operation, the presence of element and/or component, but it is not excluded for other one or more 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 can include such as mobile phone, smart phone, notebook computer, digit broadcasting receiver, Personal digital assistant (PDA, Personal Digital Assistant), tablet personal computer (PAD), portable media player (PMP, Portable Media Player), guider etc. mobile terminal and digital TV, desktop computer 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 except especially using Outside the element of mobile purpose, construction according to the embodiment of the present invention can also apply to the terminal of fixed type.

Fig. 1 is the one optional hardware architecture diagram of mobile terminal for realizing each embodiment of the present invention.

Mobile terminal 100 can include communication unit 110, audio/video (A/V) input block 120, user input unit 130th, 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, memory cell 160, interface unit 170, processing unit 180 and power subsystem 190 etc.. Fig. 1 shows the mobile terminal with various assemblies, it should be understood that being not required for implementing all components shown.Can Alternatively to implement more or less components.The element of mobile terminal will be discussed in more detail below.

Communication unit 110 generally includes one or more assemblies, and it 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, communication unit can include when being specially wireless communication unit broadcast reception unit 111, mobile comm unit 112, At least one in wireless interconnected net unit 113, short-range communication unit 114 and positional information unit 115, these units are optional , can be with additions and deletions according to different demands.

Broadcast reception unit 111 receives broadcast singal and/or broadcast via broadcast channel from external broadcast management server Relevant information.Broadcast channel can include satellite channel and/or terrestrial channel.Broadcast management server can be generated and sent The broadcast singal and/or broadcast related information that the server or reception of broadcast singal and/or broadcast related information generate before And send it to the server of terminal.Broadcast singal can include TV broadcast singals, 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 DMB (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 reception signal broadcast of type.Especially, broadcast reception unit 111 can be by using such as multi-media broadcast - ground (DMB-T, Digital Multimedia Broadcasting-Terrestrial), DMB-is broadcast to defend Star (DMB-S, Digital Multimedia Broadcasting-Satellite), digital video broadcast-handheld (DVB-H), Radio Data System, the received terrestrial digital broadcasting synthesis of forward link media (MediaFLO, Media Forward Link Only) The numeral for servicing (ISDB-T, Integrated Services Digital Broadcasting-Terrestrial) etc. is wide Broadcast system 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.The broadcast singal and/or broadcast related information received via broadcast reception unit 111 can be deposited 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 in server and/or receive from it radio signal.Such radio signal can lead to including voice Talk about signal, video calling signal or the various types of data for sending and/or receiving according to text and/or Multimedia Message.

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 by the unit can include WLAN (Wi-Fi, WLAN, Wireless Local Area Networks), WiMAX (Wibro), worldwide interoperability for microwave accesses (Wimax), under high speed Downlink packet access (HSDPA, High Speed Downlink Packet Access) etc..

Short-range communication unit 114 is the unit for supporting junction service.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..

Positional information unit 115 is the unit for checking or obtaining the positional information of mobile terminal.Positional information unit Typical case be global positioning system (GPS, Global Positioning System).It is mono- according to current technology, GPS Member 115 calculates range information from three or more satellites and correct time information and for the Information application three of calculating Angle, so as to calculate according to longitude, latitude and highly accurately three-dimensional current location information.Currently, for calculation position Three satellites and the position calculated by using other satellite correction and time are used with the method for temporal information 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 blocks 120 are used to receive audio or video signal.A/V input blocks 120 can include the He of camera 121 Microphone 122, camera 121 in video acquisition mode or image capture mode by image capture apparatus obtain static images Or the view data of video is handled.Picture frame after processing may be displayed on display unit 151.Handled through camera 121 Picture frame afterwards can be stored in memory cell 160 (or other storage mediums) or is transmitted 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 (voice data) is received via microphone in pattern, speech recognition mode etc. operational mode, and can be by as Acoustic processing is voice data.Audio (voice) data after processing can be converted in the case of telephone calling model can be through The form that mobile communication base station is sent to by mobile comm unit 112 exports.Microphone 122 can implement various types of noises (or suppression) algorithm is eliminated to eliminate (or suppression) caused noise or interference during receiving and sending audio signal.

User input unit 130 can control each of mobile terminal according to the order generation key input data that user inputs Kind operation.User input unit 130 allows user to input various types of information, and can include keyboard, mouse, touch pad (for example, sensitive component of detection change of resistance, pressure, electric capacity etc. caused by being touched), roller, rocking bar etc. Deng.Especially, when touch pad is superimposed upon on display unit 151 in the form of layer, touch-screen can be formed.

First acquisition unit 140, for obtaining the first operation, described first operates for choosing interaction page to be created Interactive mode；First response unit 141, for responding first operation, interaction page is created according to the interactive mode Editing interface；Loading unit 142, control is loaded for reading the built-in interaction page of application, is loaded using the interaction page Control renders the editing interface for the interaction page for wanting 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 actual first page processing knot that demand is presented of interaction page Fruit；Detection unit 144, for generating preview page after detecting end editing and processing, display is rendered by the display unit The preview page it is identical with the first page 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 is connected the interface that can pass through as at least one external device (ED) with mobile terminal 100.For example, External device (ED) can include wired or wireless head-band earphone port, external power source (or battery charger) port, wired or nothing Line FPDP, 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 that storage is used to verify that user uses each of mobile terminal 100 Kind of information and can 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 with recognition unit (hereinafter referred to as " identification device ") can take intelligence The form of card, therefore, identification device can be connected via port or other attachment means with mobile terminal 100.Interface unit 170 It can be used for receiving the input (for example, data message, 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 connected with external base, interface unit 170 may be used as allowing by it by electricity Power provides to the path of mobile terminal 100 from base or may be used as allowing to pass through it from the various command signals that base inputs It is transferred to the path of mobile terminal.It may be used as being used to identify that mobile terminal is from the various command signals or electric power of base input The no signal being accurately fitted within base.Output unit 150 is configured to defeated with the offer of vision, audio and/or tactile manner Go out signal (for example, audio signal, vision signal, vibration signal etc.).Output unit 150 can include display unit 151, sound Frequency output unit 152 etc..

Display unit 151 may be displayed in mobile terminal 100 information handled.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 pattern or image capture mode, display unit 151 can show the image of capture And/or image, the UI or GUI etc. that show video or image and correlation function received.

Meanwhile when display unit 151 and touch pad 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 can include liquid crystal display (LCD, Liquid Crystal Display), thin film transistor (TFT) LCD (TFT-LCD, Thin Film Transistor-LCD), organic light-emitting diodes Manage 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 be watched from outside, and 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 can include two or more display units (or other display devices), example Such as, mobile terminal can 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 receiving or deposit in memory 160 by communication unit 110 when under the isotypes such as speech recognition mode, broadcast reception mode The voice data transducing audio signal of storage and to export be sound.Moreover, audio output unit 152 can provide and mobile terminal The related audio output of 100 specific functions performed (for example, call signal receives sound, message sink sound etc.).Audio Output unit 152 can include loudspeaker, buzzer etc..

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

Memory cell 160 can 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 memories etc.), random access storage device (RAM, Random Access Memory), static random-access memory (SRAM, Static Random Access Memory), read-only storage (ROM, Read Only Memory), Electrically Erasable 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 be with performing storage list by network connection The network storage device cooperation of the store function of member 160.

Processing unit 180 generally controls the overall operation of mobile terminal.For example, processing unit 180 perform with voice call, The related control and processing of data communication, video calling etc..And for example, processing unit 180 can with execution pattern identifying processing, with Input is drawn into the handwriting input performed on the touchscreen or picture and are identified as character or image.

Power subsystem 190 receives external power or internal power under the control of processing unit 180 and provides operation respectively Appropriate electric power needed for element and component.

Various embodiments described herein can be with use such as computer software, hardware or its any combination of calculating Machine computer-readable recording medium is implemented.Implement for hardware, 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 perform 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 be with allowing to perform at least one function or operation Single software unit implement.Software code can be by the software application write with any appropriate programming language (or program) is implemented, and software code can be stored in memory 160 and be performed by controller 180.

So far, oneself according to its function through describing mobile terminal.Below, 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 packet transmission data it is all if any Line and wireless communication system and satellite-based communication system operate.

The communication system that can be operated referring now to Fig. 2 descriptions mobile terminal wherein according to embodiments of the present invention.

Such communication system can use different air interface and/or physical layer.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 UMTS (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, following description is related to cdma communication system, but such teaching is equally applicable to other types of system.

With reference to figure 2, cdma wireless communication system can 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 can be coupled via back haul link BSC275 to base station 270 forms interface.If back haul link can construct according to any of interface that Ganji knows, 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 can include multiple BSC275.

Each BS 270 can service one or more subregions (or region), by multidirectional antenna or the day of sensing specific direction Each subregion of line covering is radially away from BS 270.Or each subregion can by two for diversity reception or more Multiple antennas covers.Each BS 270, which may be constructed such that, supports multiple frequency distribution, and each frequency distribution has specific frequency Compose (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 representing single BSC275 and at least one BS 270.Base station can also be referred to as " cellular station ".It is or special Multiple cellular stations can be referred to as by determining BS 270 each subregion.

As shown in Figure 2, broadcast singal is sent to by broadcsting transmitter (BT, Broadcast Transmitter) 295 The mobile terminal 100 of operation 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 in multiple mobile terminals 100.

In fig. 2, multiple satellites 300 are depicted, it is understood that, any number of satellite can be utilized to obtain useful Location information.Positional information unit 115 as shown in Figure 1 is generally configured to coordinate what is to obtain wanted with satellite 300 Location information.Substitute GPS tracking techniques or outside GPS tracking techniques, the position that can track mobile terminal can be used Other technologies.In addition, at least one gps satellite 300 can optionally or additionally handle 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 generally participates in call, information receiving and transmitting and other types of communication.Certain base station 270 receives each Reverse link signal is handled in specific BS 270.The data of acquisition are forwarded to the BSC275 of correlation.BSC provides logical Talk about resource allocation and the mobile management function of the coordination including the soft switching process between BS 270.BSC275 will also be received Data are routed to MSC280, and it provides the extra route service for forming interface with PSTN290.Similarly, PSTN290 with MSC280 forms interface, and MSC and BSC275 form interface, and BSC275 correspondingly controls BS 270 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 Necessary data (including customer identification information and authentication information) the access movement of network (such as 2G/3G/4G mobile communications networks) It is (including upper that the business such as communication network is the web page browsing of mobile terminal user, network multimedia plays transmit mobile data Capable mobile data and descending mobile data).

The wireless interconnected net unit 113 of communication unit 110 realizes nothing by running the related protocol function of hotspot The function of line focus, hotspot supports multiple mobile terminal (any mobile terminal outside 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 transmission mobile data (including up mobile data and descending mobile communication number According to), because mobile terminal is substantially the mobile communication connection transmission mobile communication between multiplexing 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, so as to consume the data traffic for the mobile data that the post and telecommunication tariff that uses of mobile terminal signing includes.

Fig. 3 is the schematic diagram for each side's hardware entities that information exchange is carried out in the embodiment of the present invention, and Fig. 3 includes：Service Device 11, terminal device 21-24, terminal device 21-24 carry out information exchange by cable network or wireless network with server, Terminal device includes the types such as mobile phone, desktop computer, PC, all-in-one.Wherein, all applications are installed in terminal device or referred to Fixed application (such as social networking application, game application, digital map navigation application, high ferro line applications etc.), using the embodiment of the present invention, base In the system shown in above-mentioned Fig. 3, including the first operation is obtained, described first operates the interaction for choosing interaction page to be created Pattern, response first operation, the editing interface of interaction page is created according to the interactive mode, reads the built-in friendship of application Mutual page loading control (as applied built-in WebView), rendered using interaction page loading control and want loaded and displayed Interaction page editing interface.It is illustrated in figure 4 several interactive modes of example in the embodiment of the present invention, including A11 marks Articles page type, A12 mark multi-screen slide 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, be subsequently specifically described.It is illustrated in figure 5 implementation of the present invention The editing interface of an interaction page of example, 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, be not limited to description here, the component in the assembly tool column that B1 is identified all is the optional component of the embodiment of the present invention, institute State layout component, adjustment pattern display properties, and/or page interaction that optional component is used to construct in the interaction page 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 that B3 is identified also is shown in the editing interface menu is set, can be to vertical reference point, horizontal reference (such as animation top is inserted, and animation starts and end time point, the picture of animation for point, offset, size, clicking operation, animation effect Face variation effect, animation broadcasting time 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 the word content for wanting addition in Text Entry, B42 is also shown in the editing interface The picture insertion frame identified, can insert optional picture in the position, and the picture insertion frame that B42 is identified can be located at Below the Text Entry that B41 is identified, the embodiment of the present invention is not limited to this layout type, and picture insertion frame can also be located at On Text Entry, the left side or the right etc..The page info that B5 is identified also is shown in the editing interface to set And figure layer shows list menu, and page title can be configured, figure layer shows that the figure layer in list is increased newly and deleted Operation etc..The amplification effect schematic diagram on the assembly tool column that B1 in the embodiment of the present invention is identified is illustrated in figure 6, from Fig. 6 The embodiment of the present invention can be obtained and provided the user diversified optional component.The operation of response second, can according to selected Select component to carry out editing and processing, obtain meeting the actual first page 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 result, Afterwards, confirm after keeping the preview page, by the actual pages finally given by social networking application or other modes (as C1 is marked The wechat barcode scanning mode of knowledge) carry out one-key sharing, the group members being shared with social group, keep and one-key sharing schematic diagram As shown in Figure 7.

Above-mentioned Fig. 3 example 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 the system architecture described in above-mentioned Fig. 3, based on the hardware configuration of mobile terminal 100 described in above-mentioned Fig. 1, the communication described in Fig. 2 System and the system architecture described in Fig. 3, propose each embodiment of the inventive method.

Embodiment one：

The embodiments of the invention provide a kind of editing and processing method of interaction page, as shown in figure 8, including：

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

Here, several interactive modes of example in the embodiment of the present invention are illustrated in figure 4, include the article page of A11 marks Noodles type, the multi-screen of A12 marks slide page type, the long page type of tape spool of A13 marks.First operates for more One of which pattern (the articles page type of such as A11 marks) is chosen in the interactive mode of sample, so that subsequent step 102 can be with The articles page type that is identified according to such as A11 creates the editing interface of interaction page, 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 the multi-screen slip page type of the articles page type identified according to A11 in such as Fig. 4, A12 mark, Or the long page types of tape spool of A13 marks creates the editing interface of interaction page, the one of the editing interface of interaction page Individual 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 of the interaction page being finally reached are also different.

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

Here, an example of interaction page loading control can be network view (WebView), wechat and other are major Using this control is inherently carried, the WebView is the carrier control for carrying interaction page (such as HTML5 webpages), can be made The interaction page (such as HTML5 webpages) created with the WebKit rendering engines in WebView come loaded and displayed.Using of the invention real Example is applied, HTML5 is made without introducing special third party's instrument, as long as carrying function just 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 operation of response second, carry out editing and processing according to selected optional component, obtain meeting interactive page The actual first page result that demand is presented in face.

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

Here, it is described second operation except including：The operation of at least one optional component, institute are acted in this step Stating the second operation also includes：Act on the operation of editing interface input area, act on the operation of interactive object in editing interface At least one of.These operations can be carried out collecting, and be produced aforesaid operations record.

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

Using the embodiment of the present invention, by above-mentioned steps 101-105, the obtained preview page and the first page Result is identical, because preview page is exactly before the interaction page finally actually generated is presented, there is provided to user Preview effect is checked, therefore, the application can reach the first page presented in editing process by user and handle As a result the interaction page finally actually generated with this is the same display effect.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 making user's early stage Any difference is not present with the interaction page (such as HTML5) finally actually generated.

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

In the embodiment of the embodiment of the present invention one, the interactive mode includes：Articles page type, multi-screen slide the page Type or the long page type of tape spool, it is illustrated in figure 4 several interactive modes of example in the embodiment of the present invention.

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

Embodiment two：

The embodiments of the invention provide a kind of editing and processing method of interaction page, as shown in figure 9, including：

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

Here, several interactive modes of example in the embodiment of the present invention are illustrated in figure 4, include the article page of A11 marks Noodles type, the multi-screen of A12 marks slide page type, the long page type of tape spool of A13 marks.First operates for more One of which pattern (the articles page type of such as A11 marks) is chosen in the interactive mode of sample, so that subsequent step 202 can be with The articles page type that is identified according to such as A11 creates the editing interface of interaction page, 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, the built-in interaction page loading control of application is read, rendered using interaction page loading control Want the editing interface of the interaction page of loaded and displayed.

Step 204, the operation to acting at least one optional component, the behaviour for acting on editing interface input area Make, act at least one of operation of interactive object in editing interface and responded, these operations responded can Referred to as second operation, carries out editing and processing according to selected optional component, obtains meeting the actual presentation demand of interaction page First page 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 During the optional component, the interaction page of generation to be created its overall page layout is planned particular by optional component is selected, Such as media information, such as picture, video or word are inserted in the first position of the page；Such as the page the second place addition LOGO, Icon or designated shape etc..

Here, editing interface input area, the function choosing-item of said modules is different from, is to determine and realizes some function, One be laid out determines that position performs input operation etc., such as, component requirement hits exactly one text box of insertion in the page, that , the input operation in text frame, the second operation of editing interface input area is as acted on, as shown in figure 5, in institute State and the Text Entry that B41 is identified is shown in editing interface, user can input in Text Entry wants addition Word content, text input frame are an example of editing interface input area.

Here, interactive object in editing interface, the function choosing-item of said modules is different from, is to determine and realizes some function, Determine that position performs interactive object drag operation etc. at be laid out one, 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, the preview page with the first page It is identical to manage result.

Using the embodiment of the present invention, by above-mentioned steps 201-205, the obtained preview page and the first page Result is identical, because preview page is exactly before the interaction page finally actually generated is presented, there is provided to user Preview effect is checked, therefore, the application can reach the first page presented in editing process by user and handle As a result the interaction page finally actually generated with this is the same display effect.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 making user's early stage Any difference is not present with the interaction page (such as HTML5) finally actually generated.

In the embodiment of the embodiment of the present invention one, detect after terminating to generate preview page after editing and processing, response the Three operations, preview page is saved as to newly-built interaction page, it is real that the newly-built interaction page meets the interaction page Demand is presented in border；Address link information corresponding to the newly-built interaction page or newly-built interaction page is passed through into the application Or the social activity of other application share entrance send into social group carry out the page share.

Using the embodiment of the present invention, editor and the display effect of " What You See Is What You Get " can be obtained, by taking HTML5 as an example, is made Any difference is not present in the HTML5 pages for obtaining the HTML5 pages of pre- desired making early stage and finally actually generating.Due to not needing Special HTML5 instruments are introduced, HTML5 making can be achieved in the function of being carried with application, such as wechat and other major applications The WebView inherently carried, it is the carrier control for carrying HTML5 webpages, the WebKit in WebView can be used to render Engine carrys out the HTML5 webpages of loaded and displayed establishment, and has provided the user diversified optional component and carried out page layout construction, Therefore, domestic consumer can also self manufacture HTML5, and diversification of forms is showed based on the diversified optional component HTML5, HTML5 cost of manufacture and manufacture difficulty are reduced, HTML5 making is realized " What You See Is What You Get ".One wound Building HTML5 editing and processing process can include：1) the HTML5 pages of a blank are first established, in the newly-established blank page Enter edlin in face, obtain editing interface, the making material required for editing includes：Picture, music, word, video etc. are various Media information.2) optional component can be clicked on, such as " newly-built text ", adds a Text Entry at page center, and can adjust The whole font attribute (such as font style, word size, text color etc.) inputted in Text Entry.3) can click on " material database ", it can be obtained from background server or terminal local and make material, what is such as obtained is picture, then selection " upper blit Piece " can add picture into editing interface, moreover, for picture, can also carry out attribute setting and action setting etc..4) Other materials, such as Shape Element can also be clicked on, then some special shapes for users to use are added in editing interface.5) also URL link can be inputted, it is also an option that existing template, background music etc..After editor terminates, click on " preview ", you can Preview, while have and share link, good friend can be shared with and seen together, the entrance shared there are many implementations, shares as clicked on Button, the group members that this HTML5 chained address can be shared with social group, or scanning Quick Response 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, when pre-edit is handled, it is possible to adaptive adjustment input content and imposition layout's version Face, adaptability and matching degree are more preferable, and the editing and processing that domestic consumer can also be skilled, because being finished for domestic consumer Do not perplex entirely without code, this visual edit interface provided in an embodiment of the present invention, HTML5 designs 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 also includes：To be described First set code and second set of code is respectively configured in editing interface.Wherein, the first set code is stored in end side, for ringing The corresponding code segment in second set of code is called to be handled accordingly after answering the operation of end side.Second set of code Server side is stored in, after being called by the way that first set code is requested, feeds back the corresponding code in second set of code Section gives end side, to perform corresponding processing.

In the embodiment of the embodiment of the present invention one, response first operation, created according to the interactive mode The editing interface of interaction page, including：First operation is responded, 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 afterwards.

In the embodiment of the embodiment of the present invention one, the operation of response second, carried out according to selected optional component Editing and processing, including：Second operation is responded, 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 corresponding interface editing in second set of code Code segment is handled, and performs 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 institutes Show, wherein, terminal 31 includes：First acquisition unit 311, for obtaining the first operation, described first operates and waits to create for choosing Build the interactive mode of interaction page；First response unit 312, for responding first operation, created according to the interactive mode Build the editing interface of interaction page；Loading unit 313, control is loaded for reading the built-in interaction page of application, using described Interaction page loading control renders the editing interface for the interaction page for wanting loaded and displayed；Display unit 314, in the volume At least one optional component, the layout composition member that the optional component is used to construct in the interaction page are shown in editing interface 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 actual first page result that demand is presented of interaction page；Inspection Unit 316 is surveyed, for generating preview page after detecting end editing and processing, is rendered by the display unit described in display Preview page is identical with the first page result.Server 32 is that terminal 31 is provided needed for making interaction page Make material.The recipient that terminal 33 is shared as interaction page, end can be obtained after terminal 31 completes interaction page Hold 31 interaction pages shared and directly presented, or obtain the chained address for the interaction page that terminal 31 is shared, according to The link of interaction page jumps to interaction page, and loads the interaction page to be presented.

In a practical application, several interactive modes of example in the embodiment of the present invention, including A11 are illustrated in figure 4 The articles page type of mark, the multi-screen of A12 marks slide page type, the long page type of tape spool of A13 marks.First Operate for choosing one of which pattern (the articles page type of such as A11 marks) 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.

Articles page type, the multi-screen slip page type of A12 marks or the A13 that can be identified according to A11 in such as Fig. 4 The long page type of 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 of the interaction page being finally reached are also different.

One example of interaction page loading control can be network view (WebView), wechat and other major applications This control is inherently carried, the WebView is the carrier control for carrying interaction page (such as HTML5 webpages), can be used WebKit rendering engines in WebView carry out the interaction page (such as HTML5 webpages) of loaded and displayed establishment.Implemented using the present invention Example, HTML5 is made without introducing special third party's instrument, 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 used to construct institute State layout component, adjustment pattern display properties, and/or the page interaction attributes in interaction page.

For editing and processing, the operation according to caused by the second operation (operation for being not limited to select optional component) is collected Record, editing and processing process is tracked according to the operation note, to obtain meeting the actual first page that demand is presented of interaction page Face result.

It is described second operation except including：Act on the operation of at least one optional component in this step, described Two operations also 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 produced 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 result is identical, because preview page is exactly before the interaction page finally actually generated is presented, carries Supply user checks preview effect, and therefore, the application can reach described first presented in editing process by user Page result is the same display effect with the interaction page finally actually generated.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 making user's early stage Any difference is not present with the interaction page (such as HTML5) finally actually generated in (such as HTML5).By taking HTML5 as an example, preview this Individual link, it is the preview effect that can see the HTML5 pages finally actually generated, the preview effect is with finally actually generating The HTML5 pages be the same.User can know which kind of display the HTML5 pages finally actually generated are by preview page Effect.Because the embodiment of the present invention is " What You See Is What You Get ", during editing and processing, all second operation, either the For interactive object at least one optional component, editing interface input area and/or editing interface, being all can for two operations Depending on the effect of change, and the visual effect and preview page are the same.

In the embodiment of the embodiment of the present invention one, the interactive mode includes：Articles page type, multi-screen slide the page Type or the long page type of tape spool.

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

In the embodiment of the embodiment of the present invention one, second operation includes：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 the embodiment of the embodiment of the present invention one, the terminal also includes：3rd response unit, terminate for detecting After generating preview page after editing and processing, the operation of response the 3rd, preview page is saved as to newly-built interaction page, it is described new The interaction page built meets the actual presentation demand of the interaction page；Shares unit, for by the newly-built interaction page or Address link information corresponding to newly-built interaction page is shared entrance and sent to society by the application or the social activity of other application The progress page in group is handed over to share.

In the embodiment of the embodiment of the present invention one, the terminal also includes：Dispensing unit, for for the editing interface First set code and second set of code is respectively configured；The first set code is stored in end side, for responding the behaviour of end side The corresponding code segment in second set of code is called to be handled accordingly after work；Second set of code is stored in server Side, after being called by the way that first set code is requested, corresponding code segment in second set of code is fed back to end side, with Perform corresponding processing.

In the embodiment of the embodiment of the present invention one, first response unit, it is further used for：Respond 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 corresponding interface creating code segment in second set of code is received, and creates the volume of the interaction page Editing interface.

In the embodiment of the embodiment of the present invention one, second response unit, it is further used for：Respond 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 corresponding interface editing processing code segment in second set of code is received, and is performed in the interactive page Editing and processing on the editing interface in face.

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

Wherein, for the processor for data processing, when performing 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 For medium, comprising operational order, the operational order can be computer-executable code, be realized by the operational order Each step in embodiments of the present invention information processing method flow.

It need to be noted that be：Above is referred to the description of terminal and server entry, be with above method description it is similar, Beneficial effect with method describes, and does not repeat.For the ins and outs not disclosed in terminal of the present invention and server example, It refer to content described by the embodiment of the inventive method flow description.

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

Exemplified by making interaction page such as HTML5, increasing environment can run the HTML5 pages, in prior art In, typically using special third party HTML5 tools, it is necessary to possess the personnel of webpage professional knowledge to carry out HTML5 Making, editor and final issue.These, cause the cost of manufacture of the HTML5 pages and manufacture difficulty all high, it is necessary to spend a large amount of Time.Not only cost of manufacture and manufacture difficulty are all high, moreover, because its editing and processing technology is " non-finding is in manufacturing process Gained ", the HTML5 pages of pre- desired making early stage can be caused to be had differences with the HTML5 pages finally actually generated, such as, The HTML5 pages behave loading slowly, and HTML5 page adaptations go wrong.The HTML5 pages made, its appearance form Also it is not diversified enough.The page for the substantially full frame slip seen at present, which is not seen temporarily having, does what long screen slided, and a lot There are adaptation issues, and load very slow.And due to HTML5 have at any time issue modification collapse platform propagate it is rapid the advantages of, lead Product operation side is caused to prefer to do mobile phone interface interaction with HTML5, domestic consumer also there are the need of the self manufacture HTML5 pages Ask.When the production quantity of the HTML5 pages is more, when changing frequent, cost of manufacture can be caused to 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 webpages, can be regarded as a browser.It has used WebKit rendering engine loaded and displayed nets Page, WebView as carrying webpage carrier control, some events can be produced during web displaying, and adjust back to should With program, the thing handled to do application program to want in web page loading process, to be supplied to visual edit circle of user The HTML5 pages are produced and generated in face automatically, can quickly generate the HTML5 pages of " What You See Is What You Get ".Reduce and link up cost, Adaptive various resolution ratio, possess articles page making, and a variety of interactive modes such as multi-screen slides are available for user to be selected, can be with Various animation effects are realized, realize that light weight loads, processing speed is fast.

Specifically, this application scene uses the embodiment of the present invention, can also have ckeditor with angularjs and jquery Framework.It is background server editing interface on computers to have two sets of codes a set of, and the code editted is saved, another set of Code is used to mobile phone, and the GUI code editted on computers is taken mobile phone generation interactive interface, and bind friendship here Mutual interface, as shown in figure 1, first set code is represented with first set code a, second set of code is represented with second set of code b, first Set code a is stored in terminal local, for calling the corresponding code segment in second set of code after responding the operation of end side Handled accordingly；Second set of code b is stored in server, after being called by the way that first set code is requested, feeds back institute The corresponding code segment in second set of code is stated to end side, to perform corresponding processing.The sound is handled accordingly, according to user The difference of operation, correspond to the establishment processing of editing interface including at least interaction page and interaction page corresponds to the editor of editing interface Processing.

Several interactive modes of example in the embodiment of the present invention are illustrated in figure 4, include the articles page class of A11 marks Type, the multi-screen of A12 marks slide page type, the long page type of tape spool of A13 marks.The class that user makes as needed Type selects corresponding masterplate (i.e. in these three interactive modes any one).Different interactive modes is taken, in generation Performed edit operation and processing are different the display effects for the interaction page being finally reached in the editing interface of interaction page Fruit and interacting aspects are also different, 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 figures are the editing and processing interface after the articles page type for selecting A11 marks, 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 Follow and change together, i.e.,：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 marks is selected to slide page type, A13 The long page type of tape spool of mark, then without this Dynamic Announce effect.One comparative illustration is：In articles page type Under, the order of the right dragging figure layer is to exchange the order movement that content is put, and multi-screen slides page type and tape spool length Page type is to block order 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, for the screen that F12 is identified, such as scheme Shown in 14-16, the second place is slided into by first position respectively to an interactive object in screen, then slide into the 3rd Put, realize the page effect that multi-screen slides.Figure 17-19 is the long page type of tape spool, the scroll bar length that E12 is identified in figure Content in page input frame has no effect on the position for the figure layer that F12 is identified in increase and reduction, and the two is to block mutually Relation.

The editing interface of an interaction page of example in the embodiment of the present invention is illustrated in figure 5, 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 the assembly tool column that B1 is identified All it is the optional component of the embodiment of the present invention, layout component that the optional component is used to construct in the interaction page, Pattern display properties, and/or page interaction attributes are adjusted, 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 that B3 is identified also is shown in the editing interface menu is set, can be to vertical reference point, horizontal reference (such as animation top is inserted, and animation starts and end time point, the picture of animation for point, offset, size, clicking operation, animation effect Face variation effect, animation broadcasting time 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 the word content for wanting addition in Text Entry, B42 is also shown in the editing interface The picture insertion frame identified, can insert optional picture in the position, and the picture insertion frame that B42 is identified can be located at Below the Text Entry that B41 is identified, the embodiment of the present invention is not limited to this layout type, and picture insertion frame can also be located at On Text Entry, the left side or the right etc..The page info that B5 is identified also is shown in the editing interface to set And figure layer shows list menu, and page title can be configured, figure layer shows that the figure layer in list is increased newly and deleted Operation etc..The amplification effect schematic diagram on the assembly tool column that B1 in the embodiment of the present invention is identified is illustrated in figure 6, from Fig. 6 The embodiment of the present invention can be obtained and provided the user diversified optional component.The operation of response second, can according to selected Select component to carry out editing and processing, obtain meeting the actual first page 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 result, Afterwards, confirm after keeping the preview page, by the actual pages finally given by social networking application or other modes (as C1 is marked The wechat barcode scanning mode of knowledge) carry out one-key sharing, the group members being shared with social group, keep and one-key sharing schematic diagram As shown in Figure 7.

The editing interface of interaction page is created using the embodiment of the present invention, according to the response operated to user in editing interface Carry out editing and processing is included with creating the interaction page specific implementation：Constructed and interacted by angularjs binding datas Interface, dom is operated by jquery, is entered by picture and text mixing editing machine (ckeditor) at the picture and text mixing under input state Reason.The interactive interface of " What You See Is What You Get ", many optional components have been made on this basis and have allowed user to realize the function that user wants, Html codes in dom are obtained when preservation, and style attribute extractions are come out and is 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 by total data A Invalid data B filter out, that is, obtain data A-B, used data A-B as pending data), include when preservation Css codes and html codes, and (json character strings are used for first set code a and call second set of code b to use json character strings ).Css codes and html codes 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 interfaces are given when secondary editor again, and are supplied to user to carry out what edit-modify used.

It is the handling process schematic diagram that interaction page is changed using the embodiment of the present invention as shown in figure 20, including：

Step 501, obtain json data；

Step 502, judge whether data are empty, if it is, performing step 503, otherwise, perform step 504；

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

The interface that step 504, reduction last time edit；

Step 505, content of edit construction json data；

Step 506, preserve json data；It is transferred to and performs step 508；

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

Step 508, operation dom obtain html information filterings removing character useless and css character string handles are extracted in style Px is converted into rem；

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

Step 510, viewer access database；

The html and css that step 511, acquisition preserve render interface and do interaction.

In several embodiments provided herein, it should be understood that disclosed apparatus and method, it can be passed through Its mode is realized.Apparatus embodiments described above are only schematical, for example, the division of the unit, is only A kind of division of logic function, there can be other dividing mode when actually realizing, such as：Multiple units or component can combine, or Another system is desirably integrated into, or some features can be ignored, or do not perform.In addition, shown or discussed each composition portion Point mutual coupling or direct-coupling or communication connection can be the INDIRECT COUPLINGs by some interfaces, equipment or unit Or communication connection, can be electrical, mechanical or other forms.

The above-mentioned unit illustrated as separating component can be or may not be physically separate, show as unit The part shown can be or may not be physical location, you can positioned at a place, can also be distributed to multiple network lists In member；Partly or entirely unit therein can be selected to realize the purpose of this embodiment scheme according to the actual needs.

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

One of ordinary skill in the art will appreciate that：Realizing all or part of step of above method embodiment can pass through Programmed instruction related hardware is completed, and foregoing program can be stored in a computer read/write memory medium, the program Upon execution, the step of execution includes above method embodiment；And foregoing storage medium includes：It is movable storage device, read-only Memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), magnetic disc or Person's CD etc. is various can be with the medium of store program codes.

Or if the above-mentioned integrated unit of the present invention is realized in the form of SFU software functional unit and is used as independent product Sale in use, can also be stored in a computer read/write memory medium.Based on such understanding, the present invention is implemented The part that the technical scheme of example substantially contributes to prior art in other words can be embodied in the form of software product, The computer software product is stored in a storage medium, including some instructions are causing a computer equipment (can be with It is personal computer, server or network equipment etc.) perform all or part of each embodiment methods described of the present invention. And foregoing storage medium includes：Movable storage device, ROM, RAM, magnetic disc or CD etc. are various can be with store program codes Medium.

The foregoing is only a specific embodiment of the invention, but protection scope of the present invention is not limited thereto, any Those familiar with the art the invention discloses technical scope in, change or replacement can be readily occurred in, should all be contained Cover 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, it is characterised in that methods described includes：

The built-in interaction page loading control of application is read, is rendered using interaction page loading control and wants loaded and displayed The editing interface of interaction page；

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

The operation of response second, editing and processing is carried out according to selected optional component, obtaining meeting actual present of interaction page need to The first page result asked；

Detect and generate preview page, the preview page and the complete phase of first page result after terminating editing and processing Together.

2. according to the method for claim 1, it is characterised in that the interactive mode includes：Articles page type, multi-screen are slided Dynamic page type or the long page type of tape spool.

3. according to the method for claim 1, it is characterised in that the first page result is that the visual page shows Show result.

4. according to the method for claim 1, it is characterised in that second operation includes：Act on 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. according to the method described in any one of Claims 1-4, it is characterised in that methods described also includes：

Detect terminate editing and processing after generate preview page after, response the 3rd operation, preview page is saved as newly-built Interaction page, the newly-built interaction page meet the actual presentation demand of the interaction page；

By address link information corresponding to the newly-built interaction page or newly-built interaction page by it is described application or other The social activity of application share entrance send into social group carry out the page share.

6. according to the method described in any one of Claims 1-4, it is characterised in that methods described also includes：

First set code and second set of code is respectively configured for the editing interface；

The first set code is stored in end side, for calling pair in second set of code after responding the operation of end side Code segment is answered to be handled accordingly；

Second set of code is stored in server side, after being called by the way that first set code is requested, feedback described second The corresponding code segment in code is covered to end side, to perform corresponding processing.

7. according to the method for claim 6, it is characterised in that response first operation, according to the interactive mould Formula creates the editing interface of interaction page, including：

First 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 creating processing；

The corresponding interface creating code segment in second set of code is received, and creates the editing interface of the interaction page.

8. according to the method for claim 6, it is characterised in that the operation of response second, according to selected optional group Part carries out editing and processing, including：

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 corresponding interface editing processing code segment in second set of code is received, and performs editor circle in the interaction page Editing and processing on face.

9. a kind of terminal, it is characterised in that the terminal includes：

First acquisition unit, for obtaining the first operation, described first operates the interaction mould for choosing interaction page to be created Formula；

First response unit, for responding first operation, the editing interface of interaction page is created according to the interactive mode；

Loading unit, control is loaded for reading the built-in interaction page of application, is rendered using interaction page loading control Go out to want the editing interface of 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 to construct Layout component, adjustment pattern display properties, and/or page interaction attributes in the interaction page；

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

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

10. terminal according to claim 9, it is characterised in that the interactive mode includes：Articles page type, multi-screen Slide page type or the long page type of tape spool.

11. terminal according to claim 9, it is characterised in that the first page result is the visual page Show result.

12. terminal according to claim 9, it is characterised in that second operation includes：Act on 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.

13. according to the terminal described in any one of claim 9 to 12, it is characterised in that the terminal also includes：

3rd response unit, for detect terminate editing and processing after generate preview page after, response the 3rd operation, by preview Page-saving is newly-built interaction page, and the newly-built interaction page meets the actual presentation demand of the interaction page；

Shares unit, for address link information corresponding to the newly-built interaction page or newly-built interaction page to be passed through into institute State application or other application social activity share entrance send into social group carry out the page share.

14. according to the terminal described in any one of claim 9 to 12, it is characterised in that the terminal also includes：

Dispensing unit, for first set code and second set of code to be respectively configured for the editing interface；

15. terminal according to claim 14, it is characterised in that first response unit, be further used for：

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

16. terminal according to claim 14, it is characterised in that second response unit, be further used for：

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