CN109815435A - A kind of Website page generation method, device and electronic equipment - Google Patents

Abstract

The invention discloses a kind of Website page generation method, device and electronic equipments.The Website page generation method includes: to obtain the attribute information of column contained in targeted website by the first image conversion operation interface, attribute information is saved to preset memory locations；The template parameter of the corresponding template file of the column is obtained for each column of targeted website by the second image conversion operation interface, and template file is configured based on template parameter；The corresponding template file of each column of targeted website is saved to preset memory locations；When generating the page of targeted website, attribute information and template file are extracted from preset memory locations, the corresponding template file of each column is based on, generates the corresponding Webpage of each column.The present invention allows users to that targeted website is designed or is safeguarded based on graphical edit mode, improves ease for use and user friendly.

Description

A kind of Website page generation method, device and electronic equipment

Technical field

The present invention relates to field of computer technology more particularly to a kind of Website page generation methods, device and electronic equipment.

Background technique

With the continuous development of computer technology and Internet technology, webpage has become people and obtains the important of information Channel.For example, all kinds of companies, colleges and universities etc., portal website is the important channel that people understand company, colleges and universities, various news, The information such as activity can be shown in its portal website.So to the various information such as the portal website of company and colleges and universities It shows that website is timely safeguarded, is highly important.

Currently, the maintenance for all kinds of websites safeguards the content information etc. in the page, all may be used for example, increasing new page To be realized by CMS (Content Management System, Content Management System) system.

However when carrying out website design, generation and maintenance to website using CMS system, generally require using template label Language, HTML (Hyper Text Markup Language, hypertext markup language) code and CSS (Cascading Style Sheets, cascading style sheets) code etc. is designed and writes, and needs very professional computer literacy, and it can only be by professional It is safeguarded.For other most of personnel, it is difficult to carry out the design maintenance work of website, to limit related work Development.So how to make the user for being unfamiliar with special purpose computer code, the design of website is tieed up by the way of non-code Shield, just at urgent problem to be solved in the industry.

Summary of the invention

The object of the present invention is to provide a kind of Website page generation method, device and electronic equipments, can use non-code Mode realize the generation of Website page, so that the user for being unfamiliar with computer code is easily carried out the design dimension of website Shield.

One aspect of the present invention provides a kind of Website page generation method, comprising:

By the first image conversion operation interface, the attribute information of column contained in targeted website, the attribute are obtained Information includes at least one of following information or a variety of: quantity, the title of column, the type of column of column；

The attribute information is saved to preset memory locations；

It is corresponding to obtain the column for each column of the targeted website by the second image conversion operation interface The template parameter of template file, and the template file is configured based on the template parameter；

The corresponding template file of each column of the targeted website is saved to the default storage position It sets；

When generating the page of the targeted website, the attribute information and the mould are extracted from the preset memory locations Plate file generates the corresponding webpage of each described column based on the corresponding template file of each described column The page.

Optionally, the first image operation interface, comprising: website selective listing, column editing area or column information Area；

It is described by the first image conversion operation interface, obtain the attribute information of column contained in targeted website, comprising:

By the website selective listing, the targeted website is determined；

By the column information area, the quantity of the column is determined；

By the column editing area, the title of the column or the type of the column are determined.

Optionally, the column information area is tree, each described column is as different in the tree The child node of rank.

Optionally, the method also includes:

By third image conversion operation interface, control information is obtained, the control information is used for the control in widget library It is configured, the control information includes at least control type information and control setting information, and the widget library is stored in described Preset memory locations.

Optionally, the third image conversion operation interface, comprising: control administration interface and control type administration interface；

It is described to pass through third image conversion operation interface, acquisition control information, comprising:

By the control type administration interface, the control type information is obtained；

By the control administration interface, the control setting information is obtained.

Optionally, the second image conversion operation interface, comprising: website selective listing, template servicing area, template file cloth The office information area and template content editing area；

It is described that the column pair is obtained for each column of the targeted website by the second image conversion operation interface The template parameter for the template file answered, comprising:

By the website selective listing, the targeted website is determined；

By template servicing area, the corresponding template file of each column of the targeted website is determined, and described in determination The type of template file；

By template file layout information area, the first layout information of possessed container on the template file is obtained；

By template content editing area, the second layout letter of the control on the template file in possessed container is obtained Breath；

By first layout information and second layout information, as the template parameter.

It is optionally, described that the template file is configured based on the template parameter, comprising:

For each described column, in the corresponding template file of the column, it is arranged by first layout information and holds Device；

By second layout information, setting control in the above-described container.

Optionally, the method also includes:

By the second image conversion operation interface, increase or delete the corresponding template text of column of the targeted website Part.

Optionally, the different types of template file is shown with tree in the template servicing area；

Template file layout information area shows possessed container on the template file with tree structure.

Optionally, described to extract the attribute information and the template file from the preset memory locations, based on described The corresponding template file of each column generates the corresponding Webpage of each described column, comprising:

The attribute information and the template file are extracted from the preset memory locations, and extracts each described column Corresponding preset content information, the preset content information are the content letter being stored in advance in the preset memory locations Breath；

Each column corresponding preset content information is separately added into the control of the corresponding template file of the column, And the template file is generated into hypertext markup language html file.

Another aspect of the invention provides a kind of Website page generating means, comprising:

Column maintenance module, for obtaining column contained in targeted website by the first image conversion operation interface Attribute information, the attribute information include at least one of following information or a variety of: quantity, the title of column, column of column Purpose type；

First memory module, for saving the attribute information to preset memory locations；

Template maintenance module, for by the second image conversion operation interface, for each column of the targeted website, The template parameter of the corresponding template file of the column is obtained, and the template file is configured based on the template parameter；

Second memory module, for protecting the corresponding template file of each column of the targeted website It deposits to the preset memory locations；

Auto-building html files module, for extracting institute from the preset memory locations when generating the page of the targeted website Attribute information and the template file are stated, based on the corresponding template file of each described column, is generated described every The corresponding Webpage of one column.

Optionally, the first image operation interface includes: website selective listing, column editing area or column information Area；

The column maintenance module is used for:

By the website selective listing, the targeted website is determined；

By the column information area, the quantity of the column is determined；

By the column editing area, the title of the column or the type of the column are determined.

Optionally, the column information area is tree, each described column is as different in the tree The child node of rank.

Optionally, described device further include:

Control maintenance module, for obtaining control information by third image conversion operation interface, the control information is used for Control in widget library is configured, the control information includes at least control type information and control setting information, described Widget library is stored in the preset memory locations.

Optionally, the third image conversion operation interface includes: control administration interface and control type administration interface；

The control maintenance module is used for:

By the control type administration interface, the control type information is obtained；

By the control administration interface, the control setting information is obtained.

Optionally, the second image conversion operation interface includes: website selective listing, template servicing area, template file cloth The office information area and template content editing area；

The template maintenance module is used for:

By the website selective listing, the targeted website is determined；

By template servicing area, the corresponding template file of each column of the targeted website is determined, and described in determination The type of template file；

By template file layout information area, the first layout information of possessed container on the template file is obtained；

By template content editing area, the second layout letter of the control on the template file in possessed container is obtained Breath；

By first layout information and second layout information, as the template parameter.

Optionally, the template maintenance module is also used to:

For each described column, in the corresponding template file of the column, it is arranged by first layout information and holds Device；

By second layout information, setting control in the above-described container.

Optionally, the template maintenance module is also used to:

By the second image conversion operation interface, increase or delete the corresponding template text of column of the targeted website Part.

Optionally, the different types of template text is shown with tree in template servicing area described in described device Part；Template file layout information area shows possessed container on the template file with tree structure.

Optionally, the auto-building html files module is also used to:

The attribute information and the template file are extracted from the preset memory locations, and extracts each described column Corresponding preset content information, the preset content information are the content letter being stored in advance in the preset memory locations Breath；

Each column corresponding preset content information is separately added into the control of the corresponding template file of the column, And the template file is generated into hypertext markup language html file.

Another aspect of the invention provides a kind of electronic equipment, including processor, communication interface, memory and communication bus, Wherein, processor, communication interface, memory complete mutual communication by communication bus；

Memory, for storing computer program；

Processor when for executing the program stored on memory, realizes any of the above-described Website page generation method.

Website page generation method, device and the electronic equipment that aspect provides above the present invention, enable to user to pass through First image conversion operation interface and the second image conversion operation interface are interacted with electronic equipment, pass through the operation side of image conversion Formula enables electronic equipment to obtain the attribute information of column contained in targeted website, and it is corresponding to obtain the column The template parameter of template file, then template file is configured based on template parameter；Electronic equipment is again by attribute information and every The corresponding template file of one column is saved to preset memory locations；When generating the page of targeted website, deposited from default Storage space, which is set, extracts attribute information and template file, is based on the corresponding template file of each column, generates the corresponding net of each column The page page.It allows users to that targeted website is designed or is safeguarded based on graphical edit mode, user couple is effectively reduced The dependence of template label, html language and CSS style language, significantly improves ease for use and user friendly.

Detailed description of the invention

Fig. 1 is the flow chart of Website page generation method provided in an embodiment of the present invention；

Fig. 2 is the structure chart of Website page generating means provided in an embodiment of the present invention.

Specific embodiment

In order to make those skilled in the art more fully understand technical solution of the present invention, below in conjunction with attached drawing to this hair It is bright to be further detailed.

Referring to Fig. 1, Fig. 1 is Website page generation method flow chart provided in an embodiment of the present invention.The embodiment of the present invention mentions The Website page generation method of confession includes step 110~150, and each step is described in detail below.

Step 110, by the first image conversion operation interface, the attribute information of column contained in targeted website is obtained, The attribute information includes at least one of following information or a variety of: quantity, the title of column, the type of column of column.

Website page generation method provided in an embodiment of the present invention, can be applied to each class of electronic devices, for example, personal meter The electronic equipments such as calculation machine, server, mobile phone.

Website page generation method provided in an embodiment of the present invention is in practical application, can individually carry out using can also To be used cooperatively with CMS system preset on electronic equipment, corresponding data or information can be called from CMS system, for example, can To be nested in CMS system as a subsystem in CMS system, control or content information etc. can be called from CMS system Deng.

First image conversion operation interface is the image conversion operation interface being shown to user, such as may be displayed on electronics On the screen of equipment, the first image conversion operation interface is referred to as columns management interface.

User in the first image conversion operation interface by visually being operated, it will be able to so that electronic equipment obtains mesh Mark the attribute information of column contained in website.

Targeted website is referred to as information display platform, for example, it may be an information of colleges and universities shows website, the net Universities news dynamic, video, file etc. various types of information can be shown in standing.

It may include one or more columns in targeted website, column can be the subpage frame of the targeted website, for example, Can have on the navigation bar of the targeted website, such as the multiple columns of universities news, motion video, associated documents, each column Corresponding subpage frame can be jumped to.Meanwhile in individual subpage frames, there can also be multiple columns, i.e., subpage frame is next Grade subpage frame, so column can also have multiple ranks.

Targeted website is information display platform to be generated or to be safeguarded.It is therefore desirable to its column Mesh is configured or adjusts.

In actual application, user can be interacted by the first image conversion operation interface with electronic equipment, be adopted With the mode of operation of image conversion, the setting to column possessed by targeted website is realized.

Electronic equipment can be shown in equipment in display etc. shows the first image conversion operation interface to user.User passes through It in the first image conversion operation interface, is visually operated, so that electronic equipment obtains column contained in targeted website Attribute information.Attribute information can at least contain, the quantity of possessed column in the targeted website, the title of each column And the information such as type of each column, also, according to actual needs, it can be in attribute information, can also include column letter The other informations such as title, unfolding mode.

Wherein, column quantity is set, column contained in the targeted website is substantially increased or delete.Line type For indicating the type of each column, such as line type may include: " news ", " file ", " explanation " and " video " etc. four Class.Wherein " news ", " file " and " video " this 3 types are required in the next steps, the text of template corresponding to the column Being set in part can just be used cooperatively, and " explanation " type does not need to be set on template file, can direct editing show, The information for being mainly used for the static declarations class such as brief introduction is shown.

In order to further facilitate the interaction between user and electronic equipment.Specifically, in net provided in an embodiment of the present invention It stands in page generation method, the first image conversion operation interface may include: website selective listing, column editing area or column letter Cease area.

And step 110, by the first image conversion operation interface, the attribute letter of column contained in targeted website is obtained It ceases, may include:

Step 110a determines targeted website by website selective listing.

Multiple websites or information display platform can be contained in the selective listing of website.User can pass through the website alternative column Table determines targeted website.To be directed to the targeted website, subsequent operation is carried out.For example, by the first operation interface to scheme Increase, editor and the delete operation of shape edit mode realization column.

Step 110b determines the quantity of column by the column information area.

The column information area is used to show each column set in the current targeted website, and user can be in the column The information area carries out the increase of column, deletion, modifies and select column to be edited.In the column information area, by increase or Column is deleted, so that electronic equipment gets column quantity final in the targeted website.

Step 110c determines the title of column or the type of column by column editing area.

After some column can be selected in the column information area, then in column editing area, it can be carried out for the column The editor of particular content.For example, " name of tv column " of the column, " column is referred to as ", " unfolding mode " and " column class can be edited The attribute informations such as type ".

In embodiments of the present invention, convenient for the user to operate in order to more further, and make each in targeted website Structural relation between a column is more clear.Preferably, in embodiments of the present invention, the column in the first image conversion operation interface The mesh information area is tree, child node of each column as different stage in tree.

Specifically, in the column information area can with " column node maintenance " be root node, each column be divided into level-one, second level or The different stages such as three-level, and root node is shown in the following, so as to more intuitive body with Tree structure according to rank Reveal under the structural relation of each column, such as a column there are also multiple sub- columns.

Meanwhile each column is shown using Tree structure, user can be more convenient and operated, user can be direct Different child nodes is clicked, so that the column represented to the child node such as is increased, deletes, modifies, select at the operation, when selecting After the child node, the attribute information that the current corresponding column of the child node can be edited can be shown in editor battery limit (BL).

For example, in practical application, user is frequently necessary to increase column in the target website, then specific operation process is such as Under:

The first step selects the targeted website to be safeguarded in website selective listing.

Second step, clicks the root node " column node maintenance " in the column information area, and selection " increases column ".

Third step clicks the selected column newly increased, opens the column editing area for newly increasing column.

4th step inputs " name of tv column ", " column is referred to as " and " unfolding mode " etc., and select in the column editing area It selects " line type ", clicks " preservation " button in interface.So that electronic equipment obtains the column in the targeted website Attribute information.

Step 120, attribute information is saved to preset memory locations.

Electronic equipment is obtained by the first image conversion operation interface after the attribute information of each column of targeted website, so that it may The attribute information is stored in preset memory locations.Preset memory locations can be the database that is arranged on hard disk, can also be with Database for the server end being connected with electronic equipment.For example, Website page generation method provided in an embodiment of the present invention, A plug-in unit be can be used as in CMS system, so as to use the database of the CMS system.

Specifically, electronic equipment can generate column information table according to attribute information intermediate hurdles purpose quantity, believe in the column It ceases in table, records the attribute information of " name of tv column " of each column, " column referred to as ", " unfolding mode ", " line type ". The column information table can be stored in preset memory locations by electronic equipment.Also, the column information table corresponds to the target network It stands.Such as different numbers can be set in different targeted websites, and corresponding volume also can be set on column information table Number.To by numbering so that different column information tables corresponds to different targeted websites.

Step 130, which is obtained for each column of targeted website by the second image conversion operation interface The template parameter for the template file answered, and the template file is configured based on the template parameter.

Second image conversion operation interface is equally to realize the interaction between user and electronic equipment in a manner of visual. Equally, the second image conversion operation interface also may be displayed on the screen of electronic equipment.Second image conversion operation circle can also claim For Template Manager interface.

User can determine each column by the mode of operation of image conversion by the second image conversion operation interface The corresponding template file of mesh, while determining the type of the template file.It, can be with also, in not corresponding template file Increase corresponding template file, for the template parameter of the available template file of the template file.Wherein, template parameter can be with Including in each structure of container possessed in template and layout and each container, the structure of set various controls And layout information.The type of template file can be " common templates ", " column indicating template ", " news indicating template ", " website The diversified forms such as search pattern " and " video template ".

User can be by modes of operation such as click, selection, inputs, in the second image conversion operation interface, with graphical Mode of operation carries out addition, deletion, modification, setting, refreshing, the opening and closing of template file, and the increase of container in template is deleted Except with pattern be arranged and container in the addition of control, deletion and pattern setting etc..So that electronic equipment can determine mesh Mark the corresponding template file of each column of website.And template parameter is obtained depending on the user's operation.

Electronic equipment can obtain corresponding template parameter, thus base by the interaction with user by the operation of user In the template parameter, template file is arranged accordingly, to obtain the template file for being intended to setting by user.

In embodiments of the present invention, the primary structure of above-mentioned template file may include general character architecture, CSS sample Formula, container and control；

Wherein, template general character architecture includes the statement of html filespec, < html > </html > root node mark Knowledge, < head > </head > head node and < body > </body > node.

< head > </head > head node includes document content type, language, author, copyright, keyword, description, mould Plate file title, the CSS file of reference, JS file and part JS script.

< body > </body > node include primary tank, the sub- container of TOPFRAME, the sub- container of MAINFRAME, The sub- container of BOTFRAME and the sub- container of OTHERFRAME.

The structure of specific template file, which can according to need, to be designed, and is not limited herein.

In practical applications, second image conversion operation interface is operated in order to keep user more convenient, In the embodiment of the present invention, the second image conversion operation interface may include: website selective listing, template servicing area, template file cloth The office information area and template content editing area.

Correspondingly, being obtained by the second image conversion operation interface for each column of targeted website in step 130 The template parameter of the corresponding template file of the column may include:

Step 130a determines targeted website by website selective listing.

Multiple websites or information display platform can be contained in the selective listing of website.User can pass through the website alternative column Table determines targeted website.Then it is directed to the targeted website, carries out the setting of each template file.

Step 130b determines the corresponding template file of each column of targeted website by template servicing area, and determines The type of template file.

In template servicing area, displaying has different types of, and already existing template file.For can choose inhomogeneity Template file under type, and setting to the template file, determine column corresponding to the template file.

For example, in template servicing area, template file in the case where selecting a template type clicks the template file, will It is as the template file to be set；In the menu of pop-up, " setting " menu item is selected, pop-up template sets dialog box；? Template is set in dialog box, chooses the column using current template file, so that it is determined that going out column corresponding to the template file.

In order to further improve the convenience of user's operation, in embodiments of the present invention, with tree-shaped in template servicing area Structure shows the different types of template file.

Specifically, Tree structure template servicing area, with " website form maintenance of information " for level-one root node, with " general The typonyms such as logical template ", " column indicating template ", " news indicating template ", " site search template " and " video template " are Second level leaf node, different types of template file are located in different two-level nodes as three-level node, in level-one section It is clicked on point " website form maintenance of information ", " increasing template " menu, openable increase template dialog may be selected.In three-level section Clicking on the different template file of point can pop up including " modification template ", " deleting template ", " setting ", " refreshing " and " export mould The pop-up menu of the menu items such as plate ".By tree structure, allow users to be apparent from current possessed template The quantity of type and each template.

In practical application, when safeguarding to targeted website, often increase column newly, and it is current possessed by template File is not necessarily adapted to the needs of newly-increased column, generally requires to increase new template file or deletes original template text Part.

It, can be with when needing newly-increased template file or deleting original template file so in embodiments of the present invention By the second image conversion operation interface, the corresponding template file of column of increase or delete target website.

Specifically, can be enterprising in root node " website form maintenance of information " in Tree structure template servicing area Row is clicked, and in the menu of pop-up, selection " increasing template " menu item is opened and increases template dialog；Increasing template dialogue Frame selects " page type ", inputs " Page Name ", " title ", " description ", finally selects " template increase type ", including " silent Recognize the page ", " duplication the page " and " existing template page ", click " preservation " button, thus a newly-generated template file.When need When being deleted, then the template file for needing to delete can be clicked directly on, and select " deleting template " option, it should to delete Template page.

Step 130c obtains of possessed container on the template file by the layout information area of template file One layout information.

It, can be by way of visualization or image conversion, so that user is to template file in template file layout information area In each container be configured.

Specifically, template file layout information area shows possessed container on template file with tree structure.

Wherein, using " primary tank " as first nodes, " TOPFRAME ", " MAINFRAME ", " BOTFRAME ", The fixed sub- container floor leaf node of " OTHERFRAME " four titles is as two-level node, the creation of the other containers of template file It must be carried out on the basis of " TOPFRAME ", " MAINFRAME ", " BOTFRAME " and " OTHERFRAME " four container floors, it is main New container cannot be created in container again, can also all create one or more containers in the container in addition to primary tank, container can It to increase and delete, but cannot modify, in addition to primary tank and TOPFRAME, MAINFRAME, BOTFRAME and OTHERFRAME Four sub- containers, the container of other creations can be carried out removing.

Container name is named by system using linear serial number mode automatically, can not change, have the container of sub- container that cannot add Add control, container pattern can be controlled by CSS style language, when clicking container, right areas will highlight current container Pop-up is included " setting pattern ", " increasing container " according to different vessels layer by the editing interface of layer, the right-click on container floor The pop-up menu of menu items such as " removing container ".Wherein " setting pattern " option can make user to the height of container, Background, frame etc. are set.

User is by the operation in template file layout information area, so that electronic equipment is capable of determining that each container Structure and distribution situation, so that it is determined that going out the first layout information for the template file.

Step 130d obtains the control on the template file in possessed container by template content editing area Second layout information.

In template content editing area, user can be visualized or image conversion is configured control in container.Specifically, Template content editing area divides proportional manner to show entire template file content structure with stick, when user is laid out in template file In the information area select a container when, then the template content editing area can be with editor circle of highlighted current selected container Face carries out adding for control wherein main includes " addition control ", " deleting control " and " control pattern " three shortcut icons respectively Add, delete and pattern control.

By " addition control " option, sorts of systems control or self-defined control can be added in a reservoir.Pass through " control Pattern " option can set the patterns such as size, position, the alignment thereof of added control.

In embodiments of the present invention, system-based control may include Content Management control, multimedia control, basis control Part, high level control and other controls.

Wherein, Content Management control includes news picture thumbnail controls, news content control, news statistics control, view Frequency display content control, column illustrate to show control, simple news list control, news scroll control, news picture control, new Hear picture scroll control, listed files control, navigation controls, current location navigation controls, type page column navigation control, class Type content of pages show control, sub- column link navigation, column brief introduction control, message board control, message board list display control, News picture list control and contribution count control.

Multimedia control includes that link picture integrates control, link characters integrate control, picture floating control, picture roll Control, picture show control, the automatic play control of picture, advertisement floating control, video playing control, FLASH control and video List control.

Basic control include composite label control, Iframe integrate control, RSS integrate control, RSS news integrate control, Text importing control, column page news search control, search in Website control, search in Website control, website visiting amount as the result is shown Counter control, questionnaire information control, pop-up window control and html control.

High level control includes that Webservice control and data show control.

Other controls include that countdown control and Time of Day show control.

User enables to electronic equipment to determine each appearance in template file by the operation to template content editing area The structural relation and distribution situation of control in device, so as to obtain the second layout information.

Step 130e, by the first layout information and the second layout information, as template parameter.

Electronic equipment the first layout information obtained and the second layout information, pass through first layout information and the second cloth Office's information can clearly go out the overall structure and pattern of template file, so as to believe the first layout information and the second layout Breath, as template parameter.

Below with reference to practical operation, illustrate that electronic equipment obtains the detailed process of template parameter:

The first step determines targeted website by website selective listing.

Second step clicks the mould to be edited as three-level leaf node in the template servicing area of Tree structure Plate file.

Third step is clicked, in pop-up menu in template file layout information area on the container that can increase container In, selection " increasing container " menu item.

4th step is clicked on the container that can add control in template file layout information area, highlights current appearance Device.

5th step clicks container in template file layout information area, selection " the setting pattern " in pop-up menu, It opens container floor pattern and dialog box is set, include container layer height, alignment thereof, outside in container floor pattern setting dialog box Away from, inset spacing, background color, background picture, border width, border color etc. be configured, can also be arranged in pattern and talk with " other patterns " region is carried out in a manner of direct editing CSS code in frame.

Through the above steps, electronic equipment can obtain the first layout information.

6th step clicks " addition control " shortcut icon, pop-up control on the highlighted container of template content editing area Part adds window, and control adds all controls that window will show that current goal website is possessed, chooses control to be added, root The column for needing to bind according to needing to set control.

7th step clicks " control pattern " shortcut icon on the highlighted container of template content editing area, opens sample Dialog box is arranged in formula.Pattern dialog box includes " the default style ", " container ", " table style ", " list box ", " name of tv column " Labels such as " previews " click different labels, can be respectively set the size of control, position, alignment thereof, font color, Background color, Header font, font size etc., can also be by way of the direct editing CSS code in " preview " label It carries out.

Through the above steps, electronic equipment can obtain the second layout information.

Electronic equipment is after obtaining template parameter, so that it may be set according to the template parameter to the template file It sets, so, in step 130, template file is configured based on template parameter, may include:

It is set in the corresponding template file of the column by the first layout information for each of targeted website column Set container；By the second layout information, setting control in a reservoir.

User operates boundary by the second image conversion and interacts with electronic equipment, in interactive process, is clicked by mouse Deng operation, so that electronic equipment gets the first layout information and the second layout information in real time.Meanwhile when electronic equipment obtains When to the first layout information and the second layout information, template file can be arranged accordingly in real time.So in reality In application, user, in operating process each time, electronic equipment has just completed the corresponding setting to template file.For example, with When family increases a container, the instruction that the clicking operation of user is issued can be used as the first layout for electronic equipment Information, then electronic equipment directly can increase the container in template file according to first layout information in real time.

Step 140, it by the corresponding template file of each column of targeted website, saves to preset memory locations.

Electronic equipment through the above steps, determines the corresponding template file of each column of targeted website Afterwards, then each template file can be stored in preset memory locations, such as the medium storage location of database.

In practical applications, after the every completion of user is to the corresponding template file of a column, then electronic equipment can should Template file is stored, to realize timely storage.

Alternatively, template file itself is stored in preset memory locations, when being configured to the template file, it is equivalent to Each operating result can be stored in preset memory locations, and the template file stored is arranged accordingly.

Step 150, when generating the page of targeted website, attribute information and template file are extracted from preset memory locations, Based on the corresponding template file of each column, the corresponding Webpage of each column is generated.

When needing the page to targeted website to generate, electronic equipment can be from preset memory locations to being deposited before The attribute information and template file of storage extract, from the corresponding relationship according to each column and template, by each template file Generate the corresponding page of each column.It converts template file to the process of the page, is equivalent to and template file is generated into static state The process of html file.

Wherein, may include: by the process that template file is converted into static html file

(1) Doctype is created；

(2) file header, including the connection of meta information, title, file pattern, JS introducing and public JS code are created；

(3) file body is created, main includes obtaining page template surface layer information, according to container floor, control, pattern and publication Information successively creates tetra- DIV layers of TOPFRAME, MAINFRAM, BOTFRAME and OTHERFRAME, and is according to current DIV layers It is no to have sub- DIV layers of progress loop nesting creation；

(4) file bottom is created；

(5) static html file exports.

In practical application, attribute information can be believed in order to enable the process for generating Webpage is more accurate for column Table is ceased, including information such as the title of each column, line type, unfolding modes.Template file corresponding to each column, Also it may be constructed a template file information table.Including the mark of the corresponding template file of each column.To pass through two Corresponding template file can then be generated the corresponding page of each column by the comparison of a table, i.e. generation static html file.

Template file is generated into static html file, can also be operated by user by the second image conversion operation interface And it realizes.

Specifically, clicking the mould as three-level leaf node on the template servicing area in the second image conversion operation interface Plate file；" refreshing " menu item is selected in the menu of pop-up, then template file can be generated into static html file.

Specifically, electronic equipment then starts to execute following steps after user clicks " refreshing " menu item, to realize template text The conversion of part:

(1) Portlet information is read from Portleft XML file, carries out Portlet information initializing；

(2) initializing customized Portlet control information will also be to each if self-defined control is to meet label control A child control is initialized.

(3) the template file information table of initialized target website, if template file style sheet code is not empty, reading And model code is set, if control model code is not empty, reading and setting control model code；

(4) column information table is initialized；

(5) template file information table is obtained, according to different template types, it is raw to carry out different static HTML pages respectively At, for example, when shelves column is divided into homepage, news, search, video, correspondingly, by each corresponding template file generate homepage, News page, search page and video page.

During actually generating target web site page, control is only added in the column of targeted website, it may be not It is enough the full content shown needed for showing.Need to be added specific content information toward contact.For example, Domestic News, picture Etc..

So in embodiments of the present invention, step 150, the attribute information and described is extracted from the preset memory locations Template file is based on the corresponding template file of each column, generates the corresponding Webpage of each column, can To include:

Step 150a extracts attribute information and template file from preset memory locations, and it is right respectively to extract each column The preset content information answered, preset content information are the content information being stored in advance in the preset memory locations.

The corresponding preset content information of each column is separately added into the corresponding template file of the column by step 150b Control in, and by template file generate hypertext markup language html file.

Preset content information is the content information that preset memory locations are stored in advance, for example, in the database of CMS system In, it is stored with a large amount of preset content information.Preset content information can be various information type, such as text, picture.Often One preset content information can correspond to a column.

When electronic equipment extracts attribute information and template file from preset memory locations, what can be synchronized extracts each The corresponding preset content information of column.Preset content information is added in the corresponding control of corresponding template file.Then again will After template file generates hypertext markup language html file, complete content information then can have in the page that is presented.

For example, column is news, which is corresponding with preset news content in the database.When generating the page, electricity The corresponding relationship of sub- equipment utilization column and template file, the corresponding relationship of column and news content parse template, fill news Content forms static html file.

In embodiments of the present invention, user passes through the first image conversion operation interface and the second image conversion operation interface and electronics Equipment interacts, and by the mode of operation of image conversion, electronic equipment is enabled to obtain column contained in targeted website Attribute information, and obtain the template parameter of the corresponding template file of the column, then based on template parameter to template file into Row setting；Electronic equipment again saves attribute information template file corresponding with each column to preset memory locations； When generating the page of targeted website, attribute information and template file are extracted from preset memory locations, it is right respectively based on each column The template file answered generates the corresponding Webpage of each column.Allow users to the modern target based on graphical edit mode Website is designed or safeguards, dependence of the user to template label, html language and CSS style language is effectively reduced, significantly mentions High ease for use and user friendly.

In conjunction with the above embodiments, when user adds control, common system control can be insufficient for user's It needs.User needs to increase part self-defined control by customized mode toward contact.

So Website page generation method provided in an embodiment of the present invention, can also include:

Step 100, by third image conversion operation interface, control information is obtained, control information is used for in widget library Control is configured, and control information includes at least control type information and control setting information, and widget library is stored in default storage Position.

Third image conversion operation interface is equally the image conversion operation interface being shown to user, may be displayed on electronics On the screen of equipment.

User can be visualized or image conversion operate, so that electronic equipment by third image conversion operation interface Obtain control information.Control information may include control type information, such as a kind of newly-increased control type.Control information may be used also To include control setting information, for example, increasing or deleting the control title of one or more controls and control, control number And affiliated targeted website etc..

Electronic equipment can set the control in the widget library for being stored in preset memory locations by the type information It sets, such as control type can be increased newly in widget library and perhaps newly-increased control or the parameter of individual controls is adjusted.

Specifically, third image conversion operation interface may include: control administration interface and control type administration interface.

Correspondingly, step 100 obtains control information, may include: by third image conversion operation interface

Step 100a obtains control type information by control type administration interface.

Control type administration interface may include " increase ", " modification " and " deletion " button, be respectively used to control type Addition, modification and deletion.

For example, can be performed the following operation when user needs to increase a customized control type:

The first step clicks " increase " button in control type administration interface, opens control type and increases dialog box.

Second step increases in dialog box in control type and inputs " control type title ", selects mesh belonging to control type Website is marked, clicks and saves.

By operation of the user in control type administration interface, the available control type letter newly increased of electronic equipment Breath.After obtaining the control type information, electronic equipment can increase or delete corresponding control type newly in widget library.

Step 100b obtains control setting information by control administration interface.

Control administration interface includes buttons such as " increases ", " modification ", " deletion ", " parameter setting " and " control duplication ", is removed It further include querying condition setting frame and " inquiry " button except this, querying condition mainly includes targeted website belonging to control, control Part type, control title and control number etc..Wherein " increase ", " modification ", " deletion " be respectively used to the addition of control, modification and It deletes." parameter setting " is used to that newly-increased control to be arranged parameter, or carries out parameter adjustment to original control.

For example, can be performed the following operation when user needs to increase a customized control:

The first step clicks " increase " button in control administration interface, opens control and increases dialog box.

Second step, control increase dialog box, input " control title ", select " said target website ", " control type ", " the system-based control ", " page type " and " control state " of reference clicks the Next button, into control parameter setting Dialog box；

Third step selects " control shows the corresponding column of content ", " banner status " in control parameter setting dialog box, " title ", " line number ", " number of words ", " whether showing issuing unit " etc. are finally clicked and are saved.

Through the above steps, the available corresponding control setting information of electronic equipment.After obtaining the control setting information, Electronic equipment can increase or delete corresponding control newly in widget library, and corresponding control parameter is arranged accordingly.

For example, in the above example, after clicking preservation, then electronic equipment can increase the control newly in widget library, And it is arranged corresponding parameter.

Website page generation method provided in an embodiment of the present invention can be used in combination with CMS system, can pass through CMS System provides corresponding system control and preset content information.To which more aspect user uses.

Below with reference to an example, introduces Website page generation method provided in an embodiment of the present invention and mutually tied with CMS system Execution process when conjunction.

The first step opens the first image conversion operation interface from CMS system, creates column.

Second step creates control from the control type administration interface opened in third image conversion operation interface in CMS system Type.

Third step creates control from the control administration interface opened in third image conversion operation interface in CMS system.

4th step opens the second image conversion operation interface from CMS system, newly-built template file, edlin of going forward side by side, including Container and control are added, container floor and control pattern are set.

5th step generates static html file, checks whether template file meets the requirements.

The 4th step of step and the 5th step are repeated, until template file meets the requirements.

In actual use, B/S framework can be used, executes net provided in an embodiment of the present invention in WEB system server Stand page generation method, by in CMS system station field signal and the functions such as information publication be used cooperatively, user can Complete management and publication in convenient targeted website.

For example, being logged in first by the user having permission by browser, station is established using the station field signal of CMS system Then point executes Website page generation method provided in an embodiment of the present invention, generate the column of targeted website, update widget library simultaneously Template file is set.Template file and column are associated, will finally be issued by the information publication in CMS system default Content information is published in different columns, and automatically carry out static html file generate for client carry out browsing check, In the case of condition has, template file can also be operated and directly generate static html file.

Website page generation method provided in an embodiment of the present invention can be used as a functional module and be integrated into CMS system In, system can also be alone become and CMS system is used cooperatively.Under normal conditions, Website page provided in an embodiment of the present invention A part that generation method can integrate as CMS system.

The Website page generation method provided through the embodiment of the present invention, user can pass through complete graphic interactive Mode of operation carries out template file design, column design, control design and pattern setting, makes the user do not need to understand and grasp mould Plate markup language, html language and CSS style language, really simplify user template document design, improve CMS Content Management The availability of template file design function in system solves user from template markup language, html language and CSS style language It releases, reduces the construction difficulty and maintenance difficulties of website.

Referring to fig. 2, Fig. 2 is the structure chart of Website page generating means provided in an embodiment of the present invention, comprising:

Column maintenance module 201, for obtaining column contained in targeted website by the first image conversion operation interface Attribute information, the attribute information includes at least one of following information or a variety of: the quantity of column, the title of column, The type of column；

First memory module 202, for saving the attribute information to preset memory locations；

Template maintenance module 203, for passing through the second image conversion operation interface, for each column of the targeted website Mesh is obtained the template parameter of the corresponding template file of the column, and is set based on the template parameter to the template file It sets；

Second memory module 204, for by the corresponding template file of each column of the targeted website, It saves to the preset memory locations；

Auto-building html files module 205, for being extracted from the preset memory locations when generating the page of the targeted website The attribute information and the template file are based on the corresponding template file of each column, generate each column The corresponding Webpage of mesh.

In embodiments of the present invention, user passes through the first image conversion operation interface and the second image conversion operation interface and electronics Equipment interacts, and by the mode of operation of image conversion, electronic equipment is enabled to obtain column contained in targeted website Attribute information, and obtain the template parameter of the corresponding template file of the column, then based on template parameter to template file into Row setting；Electronic equipment again saves attribute information template file corresponding with each column to preset memory locations； When generating the page of targeted website, attribute information and template file are extracted from preset memory locations, it is right respectively based on each column The template file answered generates the corresponding Webpage of each column.Allow users to the modern target based on graphical edit mode Website is designed or safeguards, dependence of the user to template label, html language and CSS style language is effectively reduced, significantly mentions High ease for use and user friendly.

Optionally, first figure in Website page generating means provided in an embodiment of the present invention, in described device Pictureization operation interface, comprising: website selective listing, column editing area or the column information area；

The column maintenance module 201, is specifically used for:

By the website selective listing, the targeted website is determined；

By the column information area, the quantity of the column is determined；

By the column editing area, the title of the column or the type of the column are determined.

Optionally, the column letter in Website page generating means provided in an embodiment of the present invention, in described device Breath area is tree, child node of each the described column as different stage in the tree.

Optionally, in Website page generating means provided in an embodiment of the present invention, described device further include:

Control maintenance module, for obtaining control information by third image conversion operation interface, the control information is used for Control in widget library is configured, the control information includes at least control type information and control setting information, described Widget library is stored in the preset memory locations.

Optionally, the third figure in Website page generating means provided in an embodiment of the present invention, in described device Pictureization operation interface, comprising: control administration interface and control type administration interface；

The control maintenance module, is specifically used for:

By the control type administration interface, the control type information is obtained；

By the control administration interface, the control setting information is obtained.

Optionally, second figure in Website page generating means provided in an embodiment of the present invention, in described device Pictureization operation interface, comprising: website selective listing, template servicing area, template file layout information area and template content editing area；

The template maintenance module 203, is specifically used for:

By the website selective listing, the targeted website is determined；

By template servicing area, the corresponding template file of each column of the targeted website is determined, and described in determination The type of template file；

By template file layout information area, the first layout information of possessed container on the template file is obtained；

By template content editing area, the second layout letter of the control on the template file in possessed container is obtained Breath；

By first layout information and second layout information, as the template parameter.

Optionally, in Website page generating means provided in an embodiment of the present invention, the template maintenance module 203, tool Body is used for:

For each described column, in the corresponding template file of the column, it is arranged by first layout information and holds Device；

By second layout information, setting control in the above-described container.

Optionally, in Website page generating means provided in an embodiment of the present invention, the template maintenance module 203, tool Body is used for:

By the second image conversion operation interface, increase or delete the corresponding template text of column of the targeted website Part.

Optionally, in Website page generating means provided in an embodiment of the present invention, the maintenance of template described in described device The different types of template file is shown with tree in area；Template file layout information area is shown with tree structure Possessed container on the template file.

Optionally, in Website page generating means provided in an embodiment of the present invention, the auto-building html files module 205, tool Body is used for:

The attribute information and the template file are extracted from the preset memory locations, and extracts each described column Corresponding preset content information, the preset content information are the content letter being stored in advance in the preset memory locations Breath；Each column corresponding preset content information is separately added into the control of the corresponding template file of the column, and by institute It states template file and generates hypertext markup language html file.

The embodiment of the invention also provides a kind of electronic equipment, including processor, communication interface, memory and communication are total Line, wherein processor, communication interface, memory complete mutual communication by communication bus,

Memory, for storing computer program；

Processor when for executing the program stored on memory, realizes following steps:

By the first image conversion operation interface, the attribute information of column contained in targeted website, the attribute are obtained Information includes at least one of following information or a variety of: quantity, the title of column, the type of column of column；

The attribute information is saved to preset memory locations；

It is corresponding to obtain the column for each column of the targeted website by the second image conversion operation interface The template parameter of template file, and the template file is configured based on the template parameter；

The corresponding template file of each column of the targeted website is saved to the default storage position It sets；

When generating the page of the targeted website, the attribute information and the mould are extracted from the preset memory locations Plate file is based on the corresponding template file of each column, generates the corresponding Webpage of each column.

The communication bus that above-mentioned electronic equipment is mentioned can be divided into address bus, data/address bus, control bus etc..Communication connects Mouth is for the communication between above-mentioned electronic equipment and other equipment.

Above-mentioned processor can be general processor, including central processing unit, specific integrated circuit, field programmable gate Array etc..

It is above that certain exemplary embodiments of the invention are only described by way of explanation, undoubtedly, for ability The those of ordinary skill in domain without departing from the spirit and scope of the present invention can be with a variety of different modes to institute The embodiment of description is modified.Therefore, above-mentioned attached drawing and description are regarded as illustrative in nature, and should not be construed as to the present invention The limitation of claims.

It should be noted that, in this document, relational terms such as first and second and the like are used merely to a reality Body or operation are distinguished with another entity or operation.And each embodiment in this specification is all made of relevant side Formula description, the same or similar parts between the embodiments can be referred to each other.

Claims (21)

1. a kind of Website page generation method characterized by comprising

By the first image conversion operation interface, the attribute information of column contained in targeted website, the attribute information are obtained Including at least one of following information or a variety of: quantity, the title of column, the type of column of column；

The attribute information is saved to preset memory locations；

The corresponding template of the column is obtained for each column of the targeted website by the second image conversion operation interface The template parameter of file, and the template file is configured based on the template parameter；

The corresponding template file of each column of the targeted website is saved to the preset memory locations；

When generating the page of the targeted website, the attribute information and template text are extracted from the preset memory locations Part generates the corresponding Webpage of each described column based on the corresponding template file of each described column.

2. the method according to claim 1, wherein the first image operation interface includes: website selection List, column editing area or the column information area；

It is described by the first image conversion operation interface, obtain the attribute information of column contained in targeted website, comprising:

By the website selective listing, the targeted website is determined；

By the column information area, the quantity of the column is determined；

By the column editing area, the title of the column or the type of the column are determined.

3. according to the method described in claim 2, it is characterized in that, the column information area be tree, it is described each Child node of the column as different stage in the tree.

4. method according to any one of claim 1-3, which is characterized in that the method also includes:

By third image conversion operation interface, control information is obtained, the control information is used to carry out the control in widget library Setting, the control information include at least control type information and control setting information, and the widget library is stored in described default Storage location.

5. according to the method described in claim 4, it is characterized in that, the third image conversion operation interface includes: control management Interface and control type administration interface；

It is described to pass through third image conversion operation interface, acquisition control information, comprising:

By the control type administration interface, the control type information is obtained；

By the control administration interface, the control setting information is obtained.

6. method according to any one of claims 1-5, which is characterized in that the second image conversion operation interface, packet It includes: website selective listing, template servicing area, template file layout information area and template content editing area；

It is described that it is corresponding to be obtained for each column of the targeted website by the second image conversion operation interface for the column The template parameter of template file, comprising:

By the website selective listing, the targeted website is determined；

By template servicing area, the corresponding template file of each column of the targeted website is determined, and determine the template The type of file；

By template file layout information area, the first layout information of possessed container on the template file is obtained；

By template content editing area, the second layout information of the control on the template file in possessed container is obtained；

By first layout information and second layout information, as the template parameter.

7. according to the method described in claim 6, it is characterized in that, it is described based on the template parameter to the template file into Row setting, comprising:

For each described column, in the corresponding template file of the column, container is set by first layout information；

By second layout information, setting control in the above-described container.

8. method according to claim 6 or 7, which is characterized in that the method also includes:

By the second image conversion operation interface, increase or delete the corresponding template file of column of the targeted website.

9. method a method according to any one of claims 6-8, which is characterized in that with tree in the template servicing area Show the different types of template file；

Template file layout information area shows possessed container on the template file with tree structure.

10. method according to any one of claim 1 to 9, which is characterized in that described to be mentioned from the preset memory locations The attribute information and the template file are taken, based on the corresponding template file of each described column, generates institute State the corresponding Webpage of each column, comprising:

The attribute information and the template file are extracted from the preset memory locations, and extracts each column difference Corresponding preset content information, the preset content information are the content information being stored in advance in the preset memory locations；

Each column corresponding preset content information is separately added into the control of the corresponding template file of the column, and will The template file generates hypertext markup language html file.

11. a kind of Website page generating means characterized by comprising

Column maintenance module, for obtaining the attribute of column contained in targeted website by the first image conversion operation interface Information, the attribute information include at least one of following information or a variety of: the quantity of column, the title of column, column Type；

First memory module, for saving the attribute information to preset memory locations；

Template maintenance module, for being obtained by the second image conversion operation interface for each column of the targeted website The template parameter of the corresponding template file of the column, and the template file is configured based on the template parameter；

Second memory module, for saving the corresponding template file of each column of the targeted website extremely The preset memory locations；

Auto-building html files module, for extracting the category from the preset memory locations when generating the page of the targeted website Property the information and template file, based on the corresponding template file of each described column, generate it is described each The corresponding Webpage of column.

12. device according to claim 11, which is characterized in that the first image operation interface includes: website choosing Select list, column editing area or the column information area；

The column maintenance module is used for:

By the website selective listing, the targeted website is determined；

By the column information area, the quantity of the column is determined；

By the column editing area, the title of the column or the type of the column are determined.

13. device according to claim 12, which is characterized in that the column information area is tree, described each Child node of a column as different stage in the tree.

14. device described in any one of 1-13 according to claim 1, which is characterized in that described device further include:

Control maintenance module, for obtaining control information by third image conversion operation interface, the control information is used for control Control in part library is configured, and the control information includes at least control type information and control setting information, the control Library is stored in the preset memory locations.

15. device according to claim 14, which is characterized in that the third image conversion operation interface includes: control pipe Manage interface and control type administration interface；

The control maintenance module is used for:

By the control type administration interface, the control type information is obtained；

By the control administration interface, the control setting information is obtained.

16. device described in any one of 1-15 according to claim 1, which is characterized in that the second image conversion operation interface It include: website selective listing, template servicing area, template file layout information area and template content editing area；

The template maintenance module is used for:

By the website selective listing, the targeted website is determined；

By template servicing area, the corresponding template file of each column of the targeted website is determined, and determine the template The type of file；

By template file layout information area, the first layout information of possessed container on the template file is obtained；

By template content editing area, the second layout information of the control on the template file in possessed container is obtained；

By first layout information and second layout information, as the template parameter.

17. device according to claim 16, which is characterized in that the template maintenance module is also used to:

For each described column, in the corresponding template file of the column, container is set by first layout information；

By second layout information, setting control in the above-described container.

18. device according to claim 16 or 17, which is characterized in that the template maintenance module is also used to:

By the second image conversion operation interface, increase or delete the corresponding template file of column of the targeted website.

19. device described in any one of 6-18 according to claim 1, which is characterized in that with tree-shaped in the template servicing area Structure shows the different types of template file；Template file layout information area shows the template text with tree structure Possessed container on part.

20. device described in any one of 1 to 19 according to claim 1, which is characterized in that the auto-building html files module is used for:

The attribute information and the template file are extracted from the preset memory locations, and extracts each column difference Corresponding preset content information, the preset content information are the content information being stored in advance in the preset memory locations；

Each column corresponding preset content information is separately added into the control of the corresponding template file of the column, and will The template file generates hypertext markup language html file.

21. a kind of electronic equipment, which is characterized in that including processor, communication interface, memory and communication bus, wherein processing Device, communication interface, memory complete mutual communication by communication bus；

Memory, for storing computer program；

Processor when for executing the program stored on memory, realizes the described in any item method steps of claim 1-10 Suddenly.