[go: up one dir, main page]

CN116821546B - Website construction method, system, electronic device and readable storage medium - Google Patents

Website construction method, system, electronic device and readable storage medium Download PDF

Info

Publication number
CN116821546B
CN116821546B CN202310743256.0A CN202310743256A CN116821546B CN 116821546 B CN116821546 B CN 116821546B CN 202310743256 A CN202310743256 A CN 202310743256A CN 116821546 B CN116821546 B CN 116821546B
Authority
CN
China
Prior art keywords
web page
page
configuration
target object
template
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202310743256.0A
Other languages
Chinese (zh)
Other versions
CN116821546A (en
Inventor
刘树魁
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hanya Star Culture Technology Co ltd
Original Assignee
Hanya Star Culture Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hanya Star Culture Technology Co ltd filed Critical Hanya Star Culture Technology Co ltd
Priority to CN202310743256.0A priority Critical patent/CN116821546B/en
Publication of CN116821546A publication Critical patent/CN116821546A/en
Application granted granted Critical
Publication of CN116821546B publication Critical patent/CN116821546B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/953Querying, e.g. by the use of web search engines
    • G06F16/9535Search customisation based on user profiles and personalisation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/954Navigation, e.g. using categorised browsing
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The embodiment of the application provides a website construction method, a website construction system, electronic equipment and a readable storage medium, and relates to the technical field of computers. Triggering the selection operation of a target object on a preset site template, displaying a configuration page corresponding to the site template, and displaying a plurality of management items by using a tree catalog through the configuration page, wherein each management item comprises a plurality of cultural service items; triggering configuration operation of a target object on a cultural service item, and displaying an initial webpage corresponding to the cultural service item; triggering configuration clicking operation of the initial webpage by the target object, configuring and laying out the initial webpage by using a preset component template, generating a target webpage, and forming static resource data; triggering the operation of the selected release site of the target object, rendering the static resource data, and displaying the target webpage. The embodiment of the application can meet the unit demands of each region and has simple station building operation.

Description

网站构建方法、系统、电子设备和可读存储介质Website construction method, system, electronic device and readable storage medium

技术领域Technical Field

本申请涉及计算机技术领域,具体涉及一种网站构建方法、系统、电子设备和可读存储介质。The present application relates to the field of computer technology, and in particular to a website construction method, system, electronic device and readable storage medium.

背景技术Background Art

基层文化数字建设和服务使得人民群众能够随时随地查看感兴趣的文化资源,该文化资源形式丰富多样,包括图片、音视频、期刊资讯、活动、场馆等;除此之外,还可以查看和预约各类线下的文化展馆、报名各种线上和线下的培训,丰富文化生活,提升文创技能。相关技术中,各地的文化云线上平台主要是各文化馆委托第三方软件公司进行系统建设,这些网站系统符合本地的文化数据建设和服务,对于各地区单位的需求,需要再次委托,重新梳理需求,操作较为复杂。Grassroots cultural digital construction and services enable the people to view cultural resources of interest anytime and anywhere. The cultural resources are rich and varied, including pictures, audio and video, journal information, activities, venues, etc. In addition, they can also view and make reservations for various offline cultural exhibition halls, sign up for various online and offline trainings, enrich cultural life, and improve cultural and creative skills. Among the related technologies, the online cultural cloud platforms in various places are mainly commissioned by cultural centers to third-party software companies for system construction. These website systems meet the needs of local cultural data construction and services. For the needs of units in various regions, they need to be commissioned again and the needs need to be re-sorted, which is relatively complicated to operate.

发明内容Summary of the invention

本申请提供了一种网站构建方法、系统、电子设备和可读存储介质,能够满足各个地区单位需求,建站操作简单。The present application provides a website construction method, system, electronic device and readable storage medium, which can meet the needs of units in various regions and the website construction operation is simple.

第一方面,本申请提供了一种网站构建方法,所述方法包括:In a first aspect, the present application provides a website construction method, the method comprising:

触发于目标对象对预设的站点模板的选择操作,展示所述站点模板对应的配置页面,所述配置页面以树形目录展示多个管理项,各个所述管理项包括多个文化服务项;Triggered by the target object's selection operation of a preset site template, a configuration page corresponding to the site template is displayed, wherein the configuration page displays multiple management items in a tree directory, each of which includes multiple cultural service items;

触发于目标对象对所述文化服务项的配置操作,展示所述文化服务项对应的初始网页页面;Triggering the configuration operation of the cultural service item by the target object, displaying the initial webpage corresponding to the cultural service item;

触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据;Triggered by the target object's click operation on configuring the initial web page, the initial web page is configured and laid out using a preset component template to generate a target web page and form static resource data;

触发于所述目标对象的选择发布站点操作,对所述静态资源数据进行渲染,展示所述目标网页页面。The operation of selecting a publishing site for the target object is triggered to render the static resource data and display the target web page.

上述技术方案中,触发于目标对象对预设的站点模板的选择操作,展示站点模板对应的配置页面,配置页面以树形目录展示多个管理项,各个管理项包括多个文化服务项,多个管理项和多个文化服务项形成多种模板,能够适用于不同的网站构建需求;触发于目标对象对文化服务项的配置操作,展示文化服务项对应的初始网页页面;触发于目标对象对初始网页页面的配置点击操作,利用预设的组件模板对初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据,采用组件模板填充初始网页页面,不仅能够快速布局网页,而且操作简单;触发于目标对象的选择发布站点操作,对静态资源数据进行渲染,展示目标网页页面,以便目标对象查看感兴趣的文化资源。通过上述设置的多个管理项、文化服务项和组件模板,能够满足不同的网站构建需求,并且操作简单。In the above technical scheme, the target object is triggered to select a preset site template, and the configuration page corresponding to the site template is displayed. The configuration page displays multiple management items in a tree directory, and each management item includes multiple cultural service items. Multiple management items and multiple cultural service items form multiple templates, which can be suitable for different website construction needs; the target object is triggered to configure the cultural service items, and the initial web page corresponding to the cultural service items is displayed; the target object is triggered to click on the configuration of the initial web page, and the initial web page is configured and laid out using the preset component template to generate the target web page, and static resource data is formed. The initial web page is filled with the component template, which can not only quickly layout the web page, but also is simple to operate; the target object is triggered to select the publishing site operation, and the static resource data is rendered to display the target web page so that the target object can view the cultural resources of interest. Through the multiple management items, cultural service items and component templates set as above, different website construction needs can be met, and the operation is simple.

在本申请的一些实施例中,所述初始网页页面包括多个栏目项;In some embodiments of the present application, the initial web page includes a plurality of column items;

所述触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,包括:The triggering of the target object's click operation on the configuration of the initial web page, configuring the layout of the initial web page using a preset component template to generate a target web page, includes:

触发于所述目标对象对所述初始网页页面的配置点击操作,对每一个所述栏目项进行样式配置,由多个所述栏目项形成导航栏;Triggered by the target object's click operation on the initial webpage, a style configuration is performed on each of the column items, and a navigation bar is formed by a plurality of the column items;

触发于对所述导航栏的所述栏目项的点击配置操作,展示所述栏目项对应的详情页面;Triggered by a click configuration operation on the column item of the navigation bar, a detail page corresponding to the column item is displayed;

利用所述组件模板对所述详情页面进行配置布局,生成所述目标网页页面。The component template is used to configure and layout the details page to generate the target web page.

上述技术方案中,对初始网页页面布局配置,由多个栏目项形成的导航栏具有指示作用,触发于对所述导航栏的所述栏目项的点击配置操作,展示所述栏目项对应的详情页面,实现对不同页面的设置,利用所述组件模板对所述详情页面进行配置布局,生成目标网页页面,方便显示给目标对象观看。In the above technical solution, for the initial web page layout configuration, the navigation bar formed by multiple column items has an indicative function, which is triggered by a click configuration operation on the column items of the navigation bar, and displays the details page corresponding to the column items, thereby realizing the setting of different pages. The component template is used to configure the layout of the details page, and a target web page is generated, which is convenient for displaying to the target object.

在本申请的一些实施例中,所述详情页面包括资讯推荐区域;In some embodiments of the present application, the details page includes an information recommendation area;

所述利用所述组件模板对所述详情页面进行配置布局,生成所述目标网页页面,包括:The configuring and laying out the details page using the component template to generate the target web page includes:

触发于对所述详情页面的资讯推荐区域的配置点击操作,在所述详情页面上显示图片配置页面;Triggered by a configuration click operation on the information recommendation area of the detail page, a picture configuration page is displayed on the detail page;

触发于对所述图片配置页面的切换箭头的选择操作,在所述详情页面上显示箭头指向的所述组件模板的图片组件,生成所述目标网页页面。Triggered by a selection operation on a switching arrow on the picture configuration page, the picture component of the component template pointed to by the arrow is displayed on the details page, and the target web page is generated.

上述技术方案中,触发于对所述详情页面的资讯推荐区域的配置点击操作,对详情页面上的资讯推荐区域进行配置布局,触发于对所述图片配置页面的切换箭头的选择操作,根据箭头能够快速进行切换,生成目标网页页面,方便显示给目标对象观看。In the above technical solution, the configuration click operation of the information recommendation area of the details page is triggered to configure the layout of the information recommendation area on the details page, and the selection operation of the switching arrow of the picture configuration page is triggered. According to the arrow, the switching can be quickly performed to generate the target web page, which is convenient for displaying to the target object.

在本申请的一些实施例中,所述详情页面还包括直播推荐区域;In some embodiments of the present application, the details page also includes a live broadcast recommendation area;

所述利用所述组件模板对所述详情页面进行配置布局,生成所述目标网页页面,包括:The configuring and laying out the details page using the component template to generate the target web page includes:

触发于对所述详情页面的直播推荐区域的配置点击操作,在所述详情页面上显示视频配置页面;Triggered by a configuration click operation on the live broadcast recommendation area of the detail page, a video configuration page is displayed on the detail page;

触发于对所述视频配置页面的直播资源类别的选择操作,在所述详情页面上轮播显示所述组件模板的视频组件,生成所述目标网页页面。Triggered by a selection operation on a live broadcast resource category on the video configuration page, the video components of the component template are displayed in a carousel on the detail page to generate the target web page.

上述技术方案中,触发于对所述详情页面的直播推荐区域的配置点击操作,对详情页面上的直播推荐区域进行配置布局,触发于对所述视频配置页面的直播资源类别的选择操作,选择直播资源类别为轮播,能够轮播视频组件,生成目标网页页面,方便展示观看。In the above technical solution, the configuration click operation of the live broadcast recommendation area on the details page is triggered to configure the layout of the live broadcast recommendation area on the details page, and the selection operation of the live broadcast resource category on the video configuration page is triggered. The live broadcast resource category is selected as carousel, which can carousel video components and generate a target web page for easy display and viewing.

在本申请的一些实施例中,所述初始网页页面还包括搜索栏;In some embodiments of the present application, the initial web page further includes a search bar;

所述触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,还包括:The triggering of the target object's click operation on the configuration of the initial web page, configuring the layout of the initial web page using a preset component template to generate a target web page, further includes:

触发于所述目标对象对所述搜索栏的配置点击操作,展示搜索配置页面;Triggered by the target object's click operation on the configuration of the search bar, a search configuration page is displayed;

触发于对所述搜索配置页面的选择操作,在所述初始网页页面上分页显示所述组件模板的搜索组件,生成所述目标网页页面。Triggered by a selection operation on the search configuration page, the search components of the component template are displayed in pages on the initial web page to generate the target web page.

上述技术方案中,触发于所述目标对象对所述搜索栏的配置点击操作,对搜索栏进行配置布局,触发于对所述搜索配置页面的选择操作,能够实现分页显示,通过分页能够展示更多的内容,以供目标对象选择,生成目标网页页面,使得网页页面内容较为丰富,更好地满足目标对象的观看需求。In the above technical solution, the search bar is configured and laid out by the target object's configuration click operation on the search bar, and is triggered by the selection operation on the search configuration page to achieve paginated display. More content can be displayed through pagination for the target object to select, and a target web page is generated, so that the content of the web page is richer and better meets the viewing needs of the target object.

在本申请的一些实施例中,在所述触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据之后,所述方法还包括:In some embodiments of the present application, after the triggering of the target object's click operation on the initial web page, configuring the initial web page using a preset component template, generating a target web page, and forming static resource data, the method further includes:

将所述静态资源数据上传至网站数据库中。The static resource data is uploaded to the website database.

上述技术方案中,将静态资源数据上传至网站数据库中,避免数据丢失。In the above technical solution, static resource data is uploaded to the website database to avoid data loss.

在本申请的一些实施例中,在所述触发于所述目标对象的选择发布站点操作,对所述静态资源数据进行渲染,展示所述目标网页页面之后,所述方法还包括:In some embodiments of the present application, after the triggering of the target object's selection of a publishing site operation, rendering the static resource data, and displaying the target web page, the method further includes:

在所述站点模板更新的情况下,更新所述静态资源数据,得到更新后的静态资源数据;When the site template is updated, the static resource data is updated to obtain updated static resource data;

触发于所述目标对象的选择发布站点操作,对所述更新后的静态资源数据进行渲染,展示所述目标网页页面。The operation of selecting a publishing site for the target object is triggered to render the updated static resource data and display the target web page.

上述技术方案中,在对站点模板发生更新的情况下,更新静态资源数据,以实现目标网页页面的更新,实现对网站的升级管理。In the above technical solution, when the site template is updated, the static resource data is updated to update the target web page and implement upgrade management of the website.

第二方面,本申请实施例提供了一种网站构建系统,所述系统包括:In a second aspect, an embodiment of the present application provides a website construction system, the system comprising:

配置展示模块,用于触发于目标对象对预设的站点模板的选择操作,展示所述站点模板对应的配置页面,所述配置页面以树形目录展示多个管理项,各个所述管理项包括多个文化服务项;A configuration display module, used to trigger the target object to select a preset site template, and display a configuration page corresponding to the site template, wherein the configuration page displays multiple management items in a tree directory, each of which includes multiple cultural service items;

网页展示模块,用于触发于目标对象对所述文化服务项的配置操作,展示所述文化服务项对应的初始网页页面;A web page display module, used to trigger the configuration operation of the cultural service item by the target object and display the initial web page corresponding to the cultural service item;

网页生成模块,用于触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据;A web page generation module, used to trigger the target object's configuration click operation on the initial web page, configure the initial web page using a preset component template, generate a target web page, and form static resource data;

发布模块,用于触发于所述目标对象的选择发布站点操作,对所述静态资源数据进行渲染,展示所述目标网页页面。The publishing module is used to trigger the operation of selecting a publishing site for the target object, render the static resource data, and display the target web page.

第三方面,本申请实施例提供了一种电子设备,包括处理器、存储器、用户接口及网络接口,所述存储器用于存储指令,所述用户接口和网络接口用于给其他设备通信,所述处理器用于执行所述存储器中存储的指令,以使所述电子设备执行上述第一方面提供的任意一项所述的方法。In a third aspect, an embodiment of the present application provides an electronic device, comprising a processor, a memory, a user interface and a network interface, wherein the memory is used to store instructions, the user interface and the network interface are used to communicate with other devices, and the processor is used to execute the instructions stored in the memory so that the electronic device executes any one of the methods provided in the first aspect above.

第四方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有指令,当所述指令被执行时,执行上述第一方面提供的任意一项所述的方法。In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores instructions, and when the instructions are executed, any one of the methods provided in the first aspect is executed.

综上所述,本申请实施例中提供的一个或多个技术方案,至少具有如下技术效果或优点:In summary, one or more technical solutions provided in the embodiments of the present application have at least the following technical effects or advantages:

1、由于采用了触发于目标对象对预设的站点模板的选择操作,展示站点模板对应的配置页面,以树形结构展示多个管理项和多个文化服务项,为建站提供多种模板,并采用组件模板填充初始网页页面的技术手段,所以,有效解决了相关技术中构建网站操作复杂的问题,能够满足不同需求的网站构建,简化了建站操作,实现一键建站。1. Since it uses the technology of triggering the target object's selection operation of the preset site template, displaying the configuration page corresponding to the site template, displaying multiple management items and multiple cultural service items in a tree structure, providing multiple templates for website construction, and using component templates to fill the initial web page, it effectively solves the problem of complex website construction operations in related technologies, can meet the website construction of different needs, simplifies website construction operations, and realizes one-click website construction.

2、使用组件模板填充网站页面的方式建站,支持自定义网站风格。2. Build a website by filling website pages with component templates, supporting customized website styles.

3、根据多种模板设置不同的网站,能够批量建站。3. Set up different websites based on a variety of templates and build websites in batches.

4、通过对站点模板的更新进行网站升级,实现一键网站升级。4. Upgrade the website by updating the site template to achieve one-click website upgrade.

附图说明BRIEF DESCRIPTION OF THE DRAWINGS

图1是本申请一个实施例提供的网站构建方法的流程示意图;FIG1 is a flow chart of a website construction method provided by an embodiment of the present application;

图2是图1中步骤S300的一个子步骤流程示意图;FIG2 is a schematic diagram of a sub-step flow chart of step S300 in FIG1 ;

图3是图2中步骤S330的一个子步骤流程示意图;FIG3 is a schematic diagram of a sub-step flow chart of step S330 in FIG2 ;

图4是图2中步骤S330的另一个子步骤流程示意图;FIG4 is a schematic diagram of another sub-step flow chart of step S330 in FIG2 ;

图5是图1中步骤S300的另一个子步骤流程示意图;FIG5 is a schematic diagram of another sub-step flow chart of step S300 in FIG1 ;

图6是本申请另一个实施例提供的网站构建方法的流程示意图;FIG6 is a flow chart of a website construction method provided by another embodiment of the present application;

图7是本申请一个实施例提供的网站构建方法的整体流程示意图;FIG7 is a schematic diagram of the overall process of a website construction method provided by an embodiment of the present application;

图8是本申请一个实施例提供的网站构建方法的树形结构示意图;FIG8 is a tree structure diagram of a website construction method provided by an embodiment of the present application;

图9是本申请一个实施例提供的网站构建方法的导航栏示意图;FIG9 is a schematic diagram of a navigation bar of a website construction method provided by an embodiment of the present application;

图10是本申请一个实施例提供的网站构建系统的结构示意图;FIG10 is a schematic diagram of the structure of a website construction system provided by one embodiment of the present application;

图11是本申请一个实施例的提供的电子设备的结构示意图。FIG. 11 is a schematic diagram of the structure of an electronic device provided in one embodiment of the present application.

具体实施方式DETAILED DESCRIPTION

为了使本领域的技术人员更好地理解本说明书中的技术方案,下面将结合本说明书实施例中的附图,对本说明书实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。In order to enable technicians in this field to better understand the technical solutions in this specification, the technical solutions in the embodiments of this specification will be clearly and completely described below in conjunction with the drawings in the embodiments of this specification. Obviously, the described embodiments are only part of the embodiments of this application, not all of the embodiments.

在本申请实施例的描述中,“例如”或者“举例来说”等词用于表示作例子、例证或说明。本申请实施例中被描述为“例如”或者“举例来说”的任何实施例或设计方案不应被解释为比其他实施例或设计方案更优选或更具优势。确切而言,使用“例如”或者“举例来说”等词旨在以具体方式呈现相关概念。In the description of the embodiments of the present application, words such as "for example" or "for example" are used to indicate examples, illustrations or explanations. Any embodiment or design described as "for example" or "for example" in the embodiments of the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "for example" or "for example" is intended to present related concepts in a specific way.

在本申请实施例的描述中,术语“多个”的含义是指两个或两个以上。例如,多个系统是指两个或两个以上的系统,多个屏幕终端是指两个或两个以上的屏幕终端。此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”,除非是以其他方式另外特别强调。In the description of the embodiments of the present application, the meaning of the term "multiple" refers to two or more. For example, multiple systems refer to two or more systems, and multiple screen terminals refer to two or more screen terminals. In addition, the terms "first" and "second" are used for descriptive purposes only and cannot be understood as indicating or implying relative importance or implicitly indicating the indicated technical features. Thus, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features. The terms "include", "comprise", "have" and their variations all mean "including but not limited to", unless otherwise specifically emphasized.

基层文化数字建设和服务使得人民群众能够随时随地查看感兴趣的文化资源,该文化资源形式丰富多样,包括图片、音视频、期刊资讯、活动、场馆等;除此之外,还可以查看和预约各类线下的文化展馆、报名各种线上和线下的培训,丰富文化生活,提升文创技能。Grassroots cultural digital construction and services enable the people to view cultural resources of interest anytime and anywhere. These cultural resources are rich in various forms, including pictures, audio and video, journal information, activities, venues, etc.; in addition, they can also view and make reservations for various offline cultural exhibition halls, sign up for various online and offline trainings, enrich cultural life, and improve cultural and creative skills.

相关技术中,基层文化馆数字化建设和服务能够丰富人民群众的生活,人民群众可以随时随地地查看感兴趣的文化资源,还可以查看和预约各类线下的文化展馆、报名各种线上和线下的培训,增长文化知识,扩宽群众视野。目前各地的文化云线上平台为委托第三方软件公司进行系统建设,建设成本高。除此之外,市面上一些其他的建站系统也可以达到建站的目的,但是不完全契合各地区单位的需求,需要重新梳理需求,搭建网站,操作复杂,并且没有实现对接到上级文化云平台。Among the related technologies, the digital construction and services of grassroots cultural centers can enrich the lives of the people. The people can view the cultural resources of interest anytime and anywhere, view and make reservations for various offline cultural exhibition halls, sign up for various online and offline trainings, increase cultural knowledge, and broaden the people's horizons. At present, the online cultural cloud platforms in various places are commissioned by third-party software companies to carry out system construction, which has high construction costs. In addition, some other website building systems on the market can also achieve the purpose of website building, but they do not fully meet the needs of various regional units. They need to re-sort out the needs and build websites. The operation is complicated and has not been connected to the superior cultural cloud platform.

基于此,本申请实施例提供一种网站构建方法、系统、电子设备和可读存储介质,该网站构建方法触发于目标对象对预设的站点模板的选择操作,展示站点模板对应的配置页面,配置页面以树形目录展示多个管理项,各个管理项包括多个文化服务项,多个管理项和多个文化服务项形成多种模板,能够适用于不同的网站构建需求;触发于目标对象对文化服务项的配置操作,展示文化服务项对应的初始网页页面;触发于目标对象对初始网页页面的配置点击操作,利用预设的组件模板对初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据,采用组件模板填充初始网页页面,不仅能够快速布局网页,而且操作简单;触发于目标对象的选择发布站点操作,对静态资源数据进行渲染,展示目标网页页面,以便目标对象查看感兴趣的文化资源。通过上述设置的多个管理项、文化服务项和组件模板,能够满足不同的网站构建需求,并且操作简单。Based on this, the embodiment of the present application provides a website construction method, system, electronic device and readable storage medium. The website construction method is triggered by the target object's selection operation of a preset site template, and the configuration page corresponding to the site template is displayed. The configuration page displays multiple management items in a tree directory, and each management item includes multiple cultural service items. Multiple management items and multiple cultural service items form multiple templates, which can be suitable for different website construction needs; triggered by the target object's configuration operation of the cultural service item, the initial web page corresponding to the cultural service item is displayed; triggered by the target object's configuration click operation on the initial web page, the initial web page is configured and laid out using the preset component template, the target web page is generated, and static resource data is formed. The initial web page is filled with the component template, which can not only quickly layout the web page, but also is simple to operate; triggered by the target object's selection and publishing site operation, the static resource data is rendered, and the target web page is displayed so that the target object can view the cultural resources of interest. Through the multiple management items, cultural service items and component templates set as above, different website construction needs can be met, and the operation is simple.

需要说明的是,该网站构建方法可以应用于对基层文化服务系统的网站构建,也可以应用于对上级文化服务系统的构建,还可以用于产品的推广建站,宣传公司企业文化等。通过上述构建智能服务端平台,避免找第三方构建网站,能够节省人力、物力和财力的投入,节约成本;从不同维度对站点的数据进行统计分析,减少了基层单位建站的难度,利于基层文化推广,丰富了群众文化生活,契合不同地方单位传播文化需求。It should be noted that the website construction method can be applied to the construction of websites for grassroots cultural service systems, the construction of superior cultural service systems, and the promotion of product websites, the promotion of corporate culture, etc. By building an intelligent service platform as described above, avoiding the need to find a third party to build a website, it can save manpower, material and financial resources and save costs; statistical analysis of site data from different dimensions reduces the difficulty of grassroots units in building websites, is conducive to grassroots cultural promotion, enriches the cultural life of the masses, and meets the cultural needs of different local units.

下面结合附图,对本申请实施例提供的技术方案作出进一步说明。The technical solution provided in the embodiments of the present application is further described below in conjunction with the accompanying drawings.

参照图1,图1是本申请实施例提供的网站构建方法的流程示意图。该网站构建方法包括步骤S100、步骤S200、步骤S300和步骤S400。Referring to Figure 1, Figure 1 is a flow chart of a website construction method provided in an embodiment of the present application. The website construction method includes steps S100, S200, S300 and S400.

步骤S100,触发于目标对象对预设的站点模板的选择操作,展示站点模板对应的配置页面,配置页面以树形目录展示多个管理项,各个管理项包括多个文化服务项。Step S100, triggering the target object to select a preset site template, displays a configuration page corresponding to the site template, and displays multiple management items in a tree directory, each of which includes multiple cultural service items.

在一实施例中,目标对象登录智能服务系统,选择要创建的站点模板,触发于目标对象对预设的站点模板的选择操作,展示站点模板的对应的配置页面,配置页面以树形目录展示多个管理项,各个管理项包括多个文化服务项,设置多个文化服务项能够适应于不同单位的构建需求。其中,站点模板包括PC网站模板和H5网站模板,目标对象选择PC网站模板或者H5网站模板,触发于对站点模板的选择操作展示配置页面。示例性地,目标对象选择PC网站模板,触发于选择的PC网站模板,展示PC网站模板对应的配置页面。In one embodiment, the target object logs in to the intelligent service system and selects a site template to be created, which is triggered by the target object's selection operation of the preset site template, and the corresponding configuration page of the site template is displayed. The configuration page displays multiple management items in a tree directory, and each management item includes multiple cultural service items. Setting multiple cultural service items can adapt to the construction needs of different units. Among them, the site template includes a PC website template and an H5 website template. The target object selects a PC website template or an H5 website template, which is triggered by the selection operation of the site template to display the configuration page. Exemplarily, the target object selects a PC website template, which is triggered by the selected PC website template and displays the configuration page corresponding to the PC website template.

步骤S200,触发于目标对象对文化服务项的配置操作,展示文化服务项对应的初始网页页面。Step S200, triggering the configuration operation of the target object on the cultural service item, and displaying the initial web page corresponding to the cultural service item.

在一实施例中,由于包括多个文化服务项,选择其中一个满足需求的文化服务项进行配置,触发于目标对象对文化服务项的配置操作,展示文化服务项对应的初始网页页面,以便后续利用组件模板对初始网页页面进行填充操作得到目标网页页面。In one embodiment, since multiple cultural service items are included, one of the cultural service items that meets the needs is selected for configuration, triggering the configuration operation of the cultural service item on the target object, and displaying the initial web page corresponding to the cultural service item, so that the initial web page can be subsequently filled in using the component template to obtain the target web page.

步骤S300,触发于目标对象对初始网页页面的配置点击操作,利用预设的组件模板对初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据。Step S300 , triggering a click operation on the configuration of the initial web page by the target object, configuring and laying out the initial web page using a preset component template, generating a target web page, and forming static resource data.

在一实施例中,目标对象能够对初始网页页面进行配置,触发于目标对象对初始网页页面的配置点击操作,利用组件模板对初始网页页面进行配置布局,具体为:可以是对组件模板中的模型框架的选择堆叠,也可以是对组件模板中组件内容的编辑修改,实现对初始网页页面的配置布局,生成目标网页页面。通过采用组件模板填充初始网页页面,不仅能够快速布局网页,而且操作简单,在将生成的目标网页页面形成静态资源数据,有利于后续网站发布时展示目标网页页面,以供查看。In one embodiment, the target object can configure the initial web page, which is triggered by the target object's click operation on the configuration of the initial web page, and the initial web page is configured and laid out using the component template, specifically: it can be the selection and stacking of the model frame in the component template, or it can be the editing and modification of the component content in the component template, to achieve the configuration and layout of the initial web page and generate the target web page. By using the component template to fill the initial web page, not only can the web page be laid out quickly, but the operation is simple, and the generated target web page is formed into static resource data, which is conducive to displaying the target web page for viewing when the subsequent website is published.

在另一实施例中,网页布局支持线上布局方式,通过页面布局引擎、样式设置引擎和页面静态化发布引擎,按照分行分列的方式对移动端和电脑端网页进行布局;将设计好的网页分别与栏目项、详情页进行绑定,并发布成静态页面。In another embodiment, the web page layout supports online layout methods, and the mobile and computer web pages are laid out in rows and columns through a page layout engine, a style setting engine, and a page static publishing engine; the designed web pages are respectively bound to column items and detail pages, and published as static pages.

在另一个实施例中,组件模板支持电脑端和移动端两个版式的组件,包括搜索栏、导航栏、图片轮播、资源列表、3D轮播、网站底部、问卷调查、推荐、个人中心以及各门类资源的详情页组件等,这里不作赘述,能够自定义网站风格。In another embodiment, the component template supports components in both computer and mobile formats, including search bar, navigation bar, image carousel, resource list, 3D carousel, website bottom, questionnaire, recommendation, personal center and detail page components of various categories of resources, etc., which are not elaborated here and can customize the website style.

在一实施例中,初始网页页面包括多个栏目项,如图2所示,触发于目标对象对初始网页页面的配置点击操作,利用预设的组件模板对初始网页页面进行配置布局,生成目标网页页面,包括但不限于有以下步骤:In one embodiment, the initial web page includes multiple column items, as shown in FIG2 , which are triggered by the target object's click operation on the configuration of the initial web page, and the initial web page is configured and laid out using a preset component template to generate a target web page, including but not limited to the following steps:

步骤S310,触发于目标对象对初始网页页面的配置点击操作,对每一个栏目项进行样式配置,由多个栏目项形成导航栏。Step S310, triggering the target object to click on the configuration of the initial web page, performing style configuration on each column item, and forming a navigation bar with multiple column items.

在本申请一个可能的实施例中,对于展示的初始网页页面,对初始网页页面进行配置点击操作,触发于目标对象对初始网页页面的配置点击操作,由于初始网页页面设置有多个栏目项,可以对每一个栏目项进行样式配置。并且,多个栏目项形成了导航栏,由于该导航栏由多个栏目项组成,每一个栏目项起到导航作用,可以跳转至不同的页面,方便后续对每一个栏目项对应的详情页面进行配置,丰富初始网页页面内容。In a possible embodiment of the present application, for the displayed initial web page, a configuration click operation is performed on the initial web page, which triggers the target object's configuration click operation on the initial web page. Since the initial web page is provided with multiple column items, the style of each column item can be configured. In addition, the multiple column items form a navigation bar. Since the navigation bar is composed of multiple column items, each column item plays a navigation role and can jump to different pages, which facilitates the subsequent configuration of the detail page corresponding to each column item and enriches the content of the initial web page.

示例性地,导航栏包括的多个栏目项可以为首页、新闻、直播、活动、场馆、点播和书刊等。该导航栏可以位于初始网页页面的上部、中部或者下部,或者在初始网页页面的左边或者右边显示,方便目标对象查看并点击进行页面跳转。还可以对导航栏进行配置,能够设置导航栏的栏目宽和高,以及设置导航栏中栏目项的字体样式,具体为:触发于目标对象对导航栏的配置点击操作,展示导航栏配置页面,触发于目标对象对栏目高和宽、字体样式、以及栏目项的跳转选择操作,完成导航栏的配置设置。其中,字体样式设置可以设置为微软雅黑,字体大小为25,字体颜色为黑色,以及每个字体之间的间距等;跳转设置可以设置跳转后的页面名称、网址地址、是否新窗口展示等。Exemplarily, the multiple column items included in the navigation bar can be home page, news, live broadcast, activities, venues, on-demand and books and periodicals, etc. The navigation bar can be located at the top, middle or bottom of the initial web page, or displayed on the left or right side of the initial web page, so that the target object can view and click to jump to the page. The navigation bar can also be configured, and the column width and height of the navigation bar can be set, as well as the font style of the column items in the navigation bar, specifically: triggering the target object to configure the navigation bar click operation, displaying the navigation bar configuration page, triggering the target object to jump to the column height and width, font style, and column item selection operation, and completing the configuration setting of the navigation bar. Among them, the font style setting can be set to Microsoft Yahei, the font size is 25, the font color is black, and the spacing between each font, etc.; the jump setting can set the page name after the jump, the website address, whether to display in a new window, etc.

步骤S320,触发于对导航栏的栏目项的点击配置操作,展示栏目项对应的详情页面。Step S320, triggered by a click configuration operation on a column item of the navigation bar, displays a detail page corresponding to the column item.

在本申请一个可能的实施例中,根据步骤S310形成了导航栏,对导航栏的栏目项的点击操作,触发于对导航栏的栏目项的点击配置操作,展示栏目项对应的详情页面,以便实现对栏目项对应的详情页面进行配置。In a possible embodiment of the present application, a navigation bar is formed according to step S310, and a click operation on a column item of the navigation bar triggers a click configuration operation on the column item of the navigation bar, displaying a detail page corresponding to the column item, so as to configure the detail page corresponding to the column item.

步骤S330,利用组件模板对详情页面进行配置布局,生成目标网页页面。Step S330: Use the component template to configure and layout the details page to generate a target web page.

在本申请一个可能的实施例中,利用组件模板对详情页面进行配置布局,生成目标网页页面,以便得到网站发布时的显示页面。组件模板为专家根据先验知识设置的多种样式模板,通过组件模板的选择操作可以实现不同样式的网页内容展现形式。In a possible embodiment of the present application, a component template is used to configure and layout the detail page to generate a target web page so as to obtain a display page when the website is published. The component template is a variety of style templates set by experts based on prior knowledge, and different styles of web page content display forms can be achieved through the selection operation of the component template.

在一实施例中,详情页面包括资讯推荐区域,如图3所示,利用组件模板对详情页面进行配置布局,生成目标网页页面,包括但不限于有以下步骤:In one embodiment, the details page includes an information recommendation area, as shown in FIG3 , and the component template is used to configure and layout the details page to generate a target web page, including but not limited to the following steps:

步骤S331,触发于对详情页面的资讯推荐区域的配置点击操作,在详情页面上显示图片配置页面。Step S331, triggering a configuration click operation on the information recommendation area of the detail page, and displaying a picture configuration page on the detail page.

在本申请一个可能的实施例中,资讯推荐区域为目标对象推荐新闻资讯,可以对新闻资讯的展示形式进行设置,触发于对详情页面的资讯推荐区域的配置点击操作,对资讯推荐区域进行配置,在详情页面上显示图片配置页面,以便后续能够响应于目标对象对资讯推荐区域的具体配置。In a possible embodiment of the present application, the information recommendation area recommends news information to the target object, and the display format of the news information can be set, which is triggered by a configuration click operation on the information recommendation area of the details page, so that the information recommendation area is configured and a picture configuration page is displayed on the details page, so that it can subsequently respond to the specific configuration of the information recommendation area by the target object.

步骤S332,触发于对图片配置页面的切换箭头的选择操作,在详情页面上显示箭头指向的组件模板的图片组件,生成目标网页页面。Step S332, triggered by the selection operation of the switching arrow on the picture configuration page, displays the picture component of the component template pointed by the arrow on the details page, and generates a target web page.

在本申请一个可能的实施例中,当新闻资讯以图片的形式展示的情况下,目标对象对图片展示形式进行设置,设置图片的切换方式,触发于对图片配置页面的切换箭头的选择操作,在详情页面上显示箭头指向的组件模板的图片组件,生成目标网页页面,以便网站发布时展示目标网页页面以供查看。在展示的网页页面上,目标对象对箭头点击,能够切换图片。其中,组件模板的图片组件可以是预先保存的,也可以为通过爬虫技术从网络上实时获取的。对于显示的图片而言,还可以设置背景颜色和图片描述等,展示形式丰富,能够满足不同的展示需求。In a possible embodiment of the present application, when news information is displayed in the form of pictures, the target object sets the picture display form and the picture switching mode, which is triggered by the selection operation of the switching arrow on the picture configuration page, and the picture component of the component template pointed by the arrow is displayed on the details page, and the target web page is generated so that the target web page can be displayed for viewing when the website is published. On the displayed web page, the target object can switch the picture by clicking on the arrow. Among them, the picture component of the component template can be pre-saved or obtained from the Internet in real time through crawler technology. For the displayed pictures, the background color and picture description can also be set, and the display form is rich to meet different display needs.

在本申请另一个可能的实施例中,新闻资讯除了以图片的形式展示之外,还可以通过文字形式展示,通过对展示的资源类型的选择操作,能够实现图片或者文字的显示。在以文字形式展示的情况下,通过对新闻资讯的名称和显示形式进行设置,详情页面的资讯推荐区域以列表的形式展示各个新闻资讯的名称。还可以以图文混合的形式展示新闻资讯,示例性地,在资讯推荐区域的左边显示图片,右边显示新闻名称列表,也可以为在资讯推荐区域的上边显示图片,下边显示新闻名称列表,还可以为其他混合显示形式,均可以通过配置进行展示,这里不作赘述。通过组件模板提供的各种各样的组件,能够设置不同的网页内容显示形式,快速建站,还能够满足不同单位对网站内容展示的需求。In another possible embodiment of the present application, in addition to being displayed in the form of pictures, news information can also be displayed in the form of text. By selecting the type of resource to be displayed, the display of pictures or text can be achieved. In the case of displaying in the form of text, by setting the name and display form of the news information, the information recommendation area of the details page displays the names of each news information in the form of a list. News information can also be displayed in the form of a mixture of pictures and texts. For example, pictures are displayed on the left side of the information recommendation area, and a list of news names is displayed on the right. It can also be displayed on the top of the information recommendation area and a list of news names is displayed on the bottom. Other mixed display forms can also be used, all of which can be displayed through configuration, which will not be repeated here. Through the various components provided by the component template, different web page content display forms can be set, and websites can be quickly built, and the needs of different units for website content display can also be met.

在一实施例中,详情页面还包括直播推荐区域,如图4所示,利用组件模板对详情页面进行配置布局,生成目标网页页面,包括但不限于有以下步骤:In one embodiment, the details page also includes a live broadcast recommendation area, as shown in FIG4 , and the component template is used to configure and layout the details page to generate a target web page, including but not limited to the following steps:

步骤S333,触发于对详情页面的直播推荐区域的配置点击操作,在详情页面上显示视频配置页面。Step S333, triggering a configuration click operation on the live broadcast recommendation area of the details page, and displaying a video configuration page on the details page.

在本申请另一个可能的实施例中,直播推荐区域为目标对象以直播视频的形式推荐新闻和文化内容,可以对直播视频的展示形式进行设置,触发于对详情页面的直播推荐区域的配置点击操作,对直播推荐区域进行配置,在详情页面上显示视频配置页面,以便后续能够响应于目标对象对直播推荐区域的具体配置。In another possible embodiment of the present application, the live broadcast recommendation area recommends news and cultural content to the target object in the form of live video. The display format of the live video can be set, triggered by a configuration click operation on the live broadcast recommendation area on the details page, to configure the live broadcast recommendation area, and display the video configuration page on the details page, so that it can subsequently respond to the specific configuration of the live broadcast recommendation area by the target object.

步骤S334,触发于对视频配置页面的直播资源类别的选择操作,在详情页面上轮播显示组件模板的视频组件,生成目标网页页面。Step S334, triggered by the selection operation of the live resource category on the video configuration page, displays the video components of the component template in a carousel on the details page, and generates a target web page.

在本申请一个可能的实施例中,目标对象可以对直播视频的显示形式进行配置,触发于对视频配置页面的直播资源类别的选择操作,在详情页面上轮播显示组件模板的视频组件,轮播的形式包括单个直播视频的轮播和多个直播视频的轮播,生成目标网页页面。通过组件模板提供的各种各样的组件,能够设置不同的网页内容显示形式,快速建站,还能够满足各种单位对网站内容展示的需求。其中,单个直播视频的轮播表示为显示一个直播视频,对该直播视频不断地循环播放;多个直播视频的轮播为表示为显示多个视频,对上述多直播视频不断地循环播放。In a possible embodiment of the present application, the target object can configure the display format of the live video, which is triggered by the selection operation of the live resource category on the video configuration page, and the video components of the component template are displayed in a carousel on the details page. The carousel format includes a carousel of a single live video and a carousel of multiple live videos to generate a target web page. Through the various components provided by the component template, different web content display formats can be set, the website can be quickly built, and the needs of various units for website content display can be met. Among them, the carousel of a single live video is represented by displaying a live video, and the live video is continuously looped; the carousel of multiple live videos is represented by displaying multiple videos, and the above-mentioned multiple live videos are continuously looped.

在本申请另一个可能的实施例中,目标对象还可以对直播视频的显示个数、显示边距、背景颜色和是否显示切换箭头等进行配置,触发于目标对象对播视频的显示个数、背景颜色和是否显示切换箭头的点击配置操作,展示设置的背景颜色和切换箭头,生成目标网页页面。In another possible embodiment of the present application, the target object can also configure the number of live video displays, display margins, background color, and whether to display switching arrows, etc., which is triggered by the target object's click configuration operation on the number of live video displays, background color, and whether to display switching arrows, displaying the set background color and switching arrows, and generating a target web page.

需要说明的是,栏目项对应的详情页面还包括活动推荐页面、场馆推荐页面、点播推荐页面、书刊推荐页面和艺课推荐页面,可以对上述活动推荐页面、场馆推荐页面、点播推荐页面、书刊推荐页面和艺课推荐页面进行配置,从而形成最后的目标网页页面。It should be noted that the details page corresponding to the column item also includes an activity recommendation page, a venue recommendation page, a on-demand recommendation page, a book recommendation page and an art course recommendation page. The above-mentioned activity recommendation page, venue recommendation page, on-demand recommendation page, book recommendation page and art course recommendation page can be configured to form the final target web page.

在一实施例中,初始网页页面还包括搜索栏,如图5所示,触发于目标对象对初始网页页面的配置点击操作,利用预设的组件模板对初始网页页面进行配置布局,生成目标网页页面,还包括但不限于有以下步骤:In one embodiment, the initial web page further includes a search bar, as shown in FIG5 , which is triggered by the target object's click operation on the configuration of the initial web page, and the initial web page is configured and laid out using a preset component template to generate a target web page, and further includes but is not limited to the following steps:

步骤S340,触发于目标对象对搜索栏的配置点击操作,展示搜索配置页面。Step S340, triggering the target object to click on the configuration of the search bar, and displaying the search configuration page.

在本申请一个可能的实施例中,初始网页页面还包括搜索栏,该搜索栏可以设置于初始网页页面的右上方,也可以为左上方,还可以为其他位置,能够起到搜索作用即可,这里不作赘述。可以对搜索栏进行配置,触发于目标对象对搜索栏的配置点击操作,展示搜索配置页面,方便后续进行显示样式和显示模式的配置。In a possible embodiment of the present application, the initial web page also includes a search bar, which can be set in the upper right corner of the initial web page, or in the upper left corner, or in other locations, as long as it can play a search role, which will not be described in detail here. The search bar can be configured to trigger the target object to click on the configuration of the search bar, and display the search configuration page, which is convenient for subsequent configuration of the display style and display mode.

步骤S350,触发于对搜索配置页面的选择操作,在初始网页页面上分页显示组件模板的搜索组件,生成目标网页页面。Step S350, triggered by the selection operation of the search configuration page, displays the search components of the component template in pages on the initial web page, and generates a target web page.

在本申请一个可能的实施例中,可以对搜索栏进行是否分页和是否排序配置,触发于对搜索配置页面的选择操作,在初始网页页面上分页显示组件模板的搜索组件,生成目标网页页面,以便网站发布时展示目标网页页面以供查看。还可以对搜索栏进行文本框的显示设置。其中,是否排序配置为对搜索的结果进行相关性排序,相关性越大排序越靠前;分页配置将搜索框和搜索结果进行分页展示,方便目标对象查看。In a possible embodiment of the present application, the search bar can be configured for paging and sorting, which is triggered by the selection operation of the search configuration page. The search component of the component template is displayed in pages on the initial web page to generate a target web page so that the target web page can be displayed for viewing when the website is published. The search bar can also be set to display a text box. Among them, the sorting configuration is to sort the search results by relevance, and the greater the relevance, the higher the ranking; the paging configuration displays the search box and search results in pages for easy viewing by the target object.

在一实施例中,在触发于目标对象对初始网页页面的配置点击操作,利用预设的组件模板对初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据之后,网站构建方法还包括将静态资源数据上传至网站数据库中,通过上传至数据库中,能够避免数据丢失。其中,保存网站模板的数据库可以是mysql数据库,也可以为其他数据库,这里不作赘述。In one embodiment, after the target object clicks on the configuration of the initial web page, the initial web page is configured and laid out using a preset component template, the target web page is generated, and static resource data is formed, the website construction method further includes uploading the static resource data to the website database. By uploading to the database, data loss can be avoided. The database storing the website template can be a MySQL database or other databases, which will not be described in detail here.

需要说明的是,组件模板还包括Banner组件和网站底部信息组件,Banner组件提供Banner图片角标大小的设置,选择是否放大等,触发于目标对象对首页Banner图片的点击配置操作,显示满足需求的首页角标。网站底部信息组件提供底部区域的网页底部信息样式的设置,以展示不同的风格,还可以设置底部信息内容的宽度和间距,触发于目标对象对底部区域的点击配置操作,在初始网页页面上显示底部信息。It should be noted that the component template also includes the Banner component and the website bottom information component. The Banner component provides the setting of the size of the Banner image superscript, and the selection of whether to enlarge it, etc. It is triggered by the target object's click configuration operation on the home page Banner image, and the home page superscript that meets the requirements is displayed. The website bottom information component provides the setting of the style of the web page bottom information in the bottom area to display different styles. It can also set the width and spacing of the bottom information content, and is triggered by the target object's click configuration operation on the bottom area to display the bottom information on the initial web page.

步骤S400,触发于目标对象的选择发布站点操作,对静态资源数据进行渲染,展示目标网页页面。Step S400, triggering the operation of selecting a publishing site for a target object, rendering static resource data, and displaying a target web page.

在一实施例中,根据上述步骤S100至步骤S300得到的目标网页页面,并形成了静态资源数据进行保存,在目标对象的选择站点操作之后,可以对网站名称进行编辑,还可以上传网站logo图片,并进行保存发布,触发于目标对象的选择发布站点操作,根据对站点模板的选择,对静态资源数据进行渲染,显示目标网页页面,一键建站。示例性地,如果选择的站点模板为PC网站模板,经过上述对网页页面的构建,渲染生成PC网站模板对应的类型;若果选择的站点模板为小程序模板,经过上述对网页页面的构建,渲染生成小程序模板对应的类型,提供不同的网站模板,可以生成不同页面前端所对应的网站页面,一键建站,方便快捷。In one embodiment, the target web page is obtained according to the above steps S100 to S300, and static resource data is formed and saved. After the target object selects the site operation, the website name can be edited, and the website logo image can be uploaded and saved and published. The target object selects and publishes the site operation, and the static resource data is rendered according to the selection of the site template, and the target web page is displayed, and the website is built with one click. Exemplarily, if the selected site template is a PC website template, after the above construction of the web page, the type corresponding to the PC website template is rendered and generated; if the selected site template is a mini-program template, after the above construction of the web page, the type corresponding to the mini-program template is rendered and generated, different website templates are provided, and website pages corresponding to different page front ends can be generated, and the website is built with one click, which is convenient and fast.

如图6所示,在触发于目标对象的选择发布站点操作,对静态资源数据进行渲染,展示目标网页页面之后,网站构建方法还包括但不限于有以下步骤:As shown in FIG. 6 , after the target object is triggered to select and publish a site, the static resource data is rendered, and the target web page is displayed, the website construction method further includes but is not limited to the following steps:

步骤S500,在站点模板更新的情况下,更新静态资源数据,得到更新后的静态资源数据。Step S500: when the site template is updated, the static resource data is updated to obtain updated static resource data.

在一实施例中,根据步骤S100选择的站点模板,当站点模板更新的情况下,需要对使用这个站点模板的站点进行升级。在站点模板更新配置项的情况下,首先对原数据进行备份,再更新,避免操作不当能够回退恢复。在进行更新升级的过程中,更新静态资源数据,进而更新数据库,得到更新后的静态资源数据。示例性地,在站点模板更新栏目项的情况下,在数据库中新增栏目项相关的配置模板数据,或者更新静态资源数据。示例性地,更新目标网页页面的主体颜色,会对静态资源数据进行更新。In one embodiment, according to the site template selected in step S100, when the site template is updated, the site using this site template needs to be upgraded. In the case of updating the configuration item of the site template, the original data is first backed up and then updated to avoid improper operation and be able to roll back and restore. In the process of updating and upgrading, the static resource data is updated, and then the database is updated to obtain the updated static resource data. Exemplarily, in the case of updating the column item of the site template, the configuration template data related to the column item is added to the database, or the static resource data is updated. Exemplarily, updating the main color of the target web page will update the static resource data.

步骤S600,触发于目标对象的选择发布站点操作,对更新后的静态资源数据进行渲染,展示目标网页页面。Step S600, triggering the operation of selecting a publishing site for the target object, rendering the updated static resource data, and displaying the target web page.

在一实施例中,根据上述更新操作,得到更新后的静态资源数据,触发于目标对象的选择站点操作,对更新后的静态资源数据进行渲染,展示目标网页页面,该更新操作无需编写代码即可进行更新升级,能够实现一键升级。In one embodiment, according to the above-mentioned update operation, updated static resource data is obtained, and the site selection operation of the target object is triggered to render the updated static resource data and display the target web page. The update operation can be updated and upgraded without writing code, and can achieve one-click upgrade.

需要说明的是,该网站构建方法设置了9套电脑端模板和9套移动端模板,支持目标对象选择站点模板后,一键开通电脑端站点和移动端站点,根据多种模板设置不同的网站,能够批量建站。It should be noted that this website building method sets up 9 sets of PC templates and 9 sets of mobile templates. After the target object selects the site template, it supports one-click activation of the PC site and the mobile site, and sets up different websites according to multiple templates, which can build websites in batches.

还需要说明的是,该网站构建方法还包括对网站管理、资源管理、运营管理、数据统计和系统管理等。网站管理支持在浏览器上对网站的首页、栏目页、详情页进行在线设计;资源管理设置有图片、音频、视频和文档4类资源库,支持图文资源、直播资源、场馆资源、活动资源、视频资源、剧集资源、书刊资源、专题资源、展览资源和旅游资源10类资源的管理,支持资源发布后,可以在资源列表和资源轮播组建的页面中动态展示;运营管理设置有资源初始化、资源批量导入、评论管理、友情链接配置、底部页配置、推荐位配置、建站统计等;数据统计设置有页面埋点、资源统计、PV统计、UV统计;系统管理设置有组织管理、菜单管理、字典管理和登录日志管理等。还设置了接口,能够对接到其他文化云平台,实现信息共享。It should also be noted that the website construction method also includes website management, resource management, operation management, data statistics and system management. Website management supports online design of the website's homepage, column page and detail page on the browser; resource management has four types of resource libraries: pictures, audio, video and documents, and supports the management of 10 types of resources: graphic resources, live broadcast resources, venue resources, event resources, video resources, drama resources, book resources, special resources, exhibition resources and tourism resources. After the resources are released, they can be dynamically displayed in the pages of resource lists and resource carousels; operation management settings include resource initialization, resource batch import, comment management, friendly link configuration, bottom page configuration, recommended position configuration, website statistics, etc.; data statistics settings include page embedding, resource statistics, PV statistics, UV statistics; system management settings include organization management, menu management, dictionary management and login log management, etc. An interface is also set up to connect to other cultural cloud platforms to achieve information sharing.

示例性地,下面以PC端网页页面配置进行详细说明。Exemplarily, the following is a detailed description using a PC web page configuration.

如图7所示,首先目标对象进行注册登录,可以选择PC网站模板或者小程序网站模板,在选择PC网站模板的情况下,触发于目标对象对预设的站点模板的选择操作,展示所述站点模板对应的配置页面。如图8所示,所述配置页面以树形目录展示多个管理项,各个所述管理项包括多个文化服务项;触发于目标对象对所述文化服务项的配置操作,展示所述文化服务项对应的初始网页页面,初始网页页面包括多个栏目项,多个栏目项形成导航栏,其中,导航栏、栏目项和详情页面关系如图9所示。还可以对导航栏进行配置,能够设置导航栏的栏目宽和高,设置导航栏中栏目项的字体样式。触发于目标对象对栏目高和宽、字体样式、以及栏目项的跳转的选择操作,完成导航栏的配置设置。栏目项可以为首页、新闻、直播、活动、场馆、点播和书刊等,触发于对首页的点击配置操作,展示所述首页对应的详情页面,为首页详情页面,利用所述组件模板对首页详情页面进行配置布局,首页详情页面包括资讯推荐区域、直播推荐区域、底部信息区域、banner区域,分别对各个区域进行配置,以形成目标网页页面。初始网页页面还包括搜索栏,触发于目标对象对搜索栏的配置点击操作,展示搜索配置页面,触发于对搜索配置页面的选择操作,在初始网页页面上分页显示组件模板的搜索组件,生成目标网页页面,以便网站发布时展示目标网页页面以供查看。该搜索栏可以设置于初始网页页面的右上方。触发于目标对象的选择发布站点操作,对静态资源数据进行渲染,展示目标网页页面,以便目标对象查看感兴趣的文化资源,实现一键建站。通过上述设置的多个管理项、文化服务项和组件模板,能够构建满足不同的网站构建需求,并且操作简单。As shown in Figure 7, the target object first registers and logs in, and can choose a PC website template or a mini-program website template. When the PC website template is selected, the target object is triggered to select the preset site template, and the configuration page corresponding to the site template is displayed. As shown in Figure 8, the configuration page displays multiple management items in a tree directory, and each of the management items includes multiple cultural service items; the target object is triggered to configure the cultural service items, and the initial web page corresponding to the cultural service items is displayed. The initial web page includes multiple column items, and the multiple column items form a navigation bar, wherein the relationship between the navigation bar, column items and details page is shown in Figure 9. The navigation bar can also be configured, and the column width and height of the navigation bar can be set, and the font style of the column items in the navigation bar can be set. Triggered by the target object's selection operation on the column height and width, font style, and column item jump, the configuration settings of the navigation bar are completed. The column items can be home page, news, live broadcast, activities, venues, on-demand and books, etc., which are triggered by the click configuration operation on the home page, and the details page corresponding to the home page is displayed, which is the home page details page. The component template is used to configure the layout of the home page details page. The home page details page includes an information recommendation area, a live broadcast recommendation area, a bottom information area, and a banner area. Each area is configured separately to form a target web page. The initial web page also includes a search bar, which is triggered by the target object's configuration click operation on the search bar to display the search configuration page. It is triggered by the selection operation on the search configuration page, and the search component of the component template is displayed in pages on the initial web page to generate a target web page so that the target web page can be displayed for viewing when the website is published. The search bar can be set in the upper right corner of the initial web page. Triggered by the target object's selection of the publishing site operation, the static resource data is rendered and the target web page is displayed so that the target object can view the cultural resources of interest and realize one-click website building. Through the above-mentioned multiple management items, cultural service items and component templates, it is possible to build a website that meets different website construction needs and is simple to operate.

如图10所示,本申请还提供了一种网站构建系统100,网站构建系统100首先通过配置展示模块110触发于目标对象对预设的站点模板的选择操作,展示站点模板对应的配置页面,配置页面以树形目录展示多个管理项,各个管理项包括多个文化服务项,多个管理项和多个文化服务项形成多种模板,能够适用于不同的网站构建需求;网页展示模块120触发于目标对象对文化服务项的配置操作,展示文化服务项对应的初始网页页面;网页生成模块130触发于目标对象对初始网页页面的配置点击操作,利用预设的组件模板对初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据,采用组件模板填充初始网页页面,不仅能够快速布局网页,而且操作简单;发布模块140触发于目标对象的选择发布站点操作,对静态资源数据进行渲染,展示目标网页页面,以便目标对象查看感兴趣的文化资源。通过上述设置的多个管理项、文化服务项和组件模板,能够满足不同的网站构建需求,并且操作简单。As shown in Figure 10, the present application also provides a website construction system 100. The website construction system 100 first triggers the target object to select a preset site template through the configuration display module 110, and displays the configuration page corresponding to the site template. The configuration page displays multiple management items in a tree directory, and each management item includes multiple cultural service items. Multiple management items and multiple cultural service items form multiple templates, which can be suitable for different website construction needs; the web page display module 120 triggers the target object to configure the cultural service item, and displays the initial web page corresponding to the cultural service item; the web page generation module 130 triggers the target object to configure the initial web page and clicks on the initial web page, and uses the preset component template to configure and layout the initial web page, generate the target web page, and form static resource data. The component template is used to fill the initial web page, which can not only quickly layout the web page, but also is simple to operate; the publishing module 140 triggers the target object to select the publishing site operation, renders the static resource data, and displays the target web page so that the target object can view the cultural resources of interest. Through the above-mentioned multiple management items, cultural service items and component templates, different website construction needs can be met, and the operation is simple.

需要说明的是,配置展示模块110与网页展示模块120连接,网页展示模块120与网页生成模块130连接,网页生成模块130与发布模块140连接。上述网站构建方法应用于网站构建系统100,网站构建系统100通过触发于目标对象对预设的站点模板的选择操作,展示站点模板对应的配置页面,以树形结构展示多个管理项和多个文化服务项,为建站提供多种模板,并采用组件模板填充初始网页页面,能够满足不同需求的网站构建,简化了建站操作,实现一键建站。It should be noted that the configuration display module 110 is connected to the web page display module 120, the web page display module 120 is connected to the web page generation module 130, and the web page generation module 130 is connected to the publishing module 140. The above website construction method is applied to the website construction system 100, which triggers the target object to select a preset site template, displays the configuration page corresponding to the site template, displays multiple management items and multiple cultural service items in a tree structure, provides multiple templates for website construction, and uses component templates to fill the initial web page, which can meet the website construction of different needs, simplify the website construction operation, and realize one-click website construction.

还需要说明的是:上述实施例提供的装置在实现其功能时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的装置和方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。It should also be noted that: when the device provided in the above embodiment realizes its function, only the division of the above functional modules is used as an example. In actual application, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the device and method embodiments provided in the above embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.

本申请还公开一种电子设备。参照图11,图11是本申请实施例的公开的一种电子设备的结构示意图。该电子设备500可以包括:至少一个处理器501,至少一个网络接口504,用户接口503,存储器505,至少一个通信总线502。The present application also discloses an electronic device. Referring to FIG11 , FIG11 is a schematic diagram of the structure of an electronic device disclosed in an embodiment of the present application. The electronic device 500 may include: at least one processor 501 , at least one network interface 504 , a user interface 503 , a memory 505 , and at least one communication bus 502 .

其中,通信总线502用于实现这些组件之间的连接通信。The communication bus 502 is used to realize the connection and communication between these components.

其中,用户接口503可以包括显示屏(Display)、摄像头(Camera),可选用户接口503还可以包括标准的有线接口、无线接口。The user interface 503 may include a display screen (Display) and a camera (Camera). Optionally, the user interface 503 may also include a standard wired interface and a wireless interface.

其中,网络接口504可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。The network interface 504 may optionally include a standard wired interface or a wireless interface (such as a WI-FI interface).

其中,处理器501可以包括一个或者多个处理核心。处理器501利用各种接口和线路连接整个服务器内的各个部分,通过运行或执行存储在存储器505内的指令、程序、代码集或指令集,以及调用存储在存储器505内的数据,执行服务器的各种功能和处理数据。可选的,处理器501可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable LogicArray,PLA)中的至少一种硬件形式来实现。处理器501可集成中央处理器(CentralProcessing Unit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责显示屏所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器501中,单独通过一块芯片进行实现。Among them, the processor 501 may include one or more processing cores. The processor 501 uses various interfaces and lines to connect various parts in the entire server, and executes various functions of the server and processes data by running or executing instructions, programs, code sets or instruction sets stored in the memory 505, and calling data stored in the memory 505. Optionally, the processor 501 can be implemented in at least one hardware form of digital signal processing (Digital Signal Processing, DSP), field programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programmable Logic Array, PLA). The processor 501 can integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processing unit (Graphics Processing Unit, GPU) and a modem. Among them, the CPU mainly processes the operating system, user interface and application programs; the GPU is responsible for rendering and drawing the content to be displayed on the display screen; the modem is used to process wireless communications. It can be understood that the above-mentioned modem may not be integrated into the processor 501, and it can be implemented separately through a chip.

其中,存储器505可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。可选的,该存储器505包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器505可用于存储指令、程序、代码、代码集或指令集。存储器505可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等;存储数据区可存储上面各个方法实施例中涉及的数据等。存储器505可选的还可以是至少一个位于远离前述处理器501的存储装置。参照图11,作为一种计算机存储介质的存储器505中可以包括操作系统、网络通信模块、用户接口模块以及一种网站构建方法的应用程序。Among them, the memory 505 may include a random access memory (RAM) or a read-only memory (Read-Only Memory). Optionally, the memory 505 includes a non-transitory computer-readable storage medium. The memory 505 can be used to store instructions, programs, codes, code sets or instruction sets. The memory 505 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playback function, an image playback function, etc.), instructions for implementing the above-mentioned various method embodiments, etc.; the data storage area may store data involved in the above-mentioned various method embodiments, etc. The memory 505 may also be at least one storage device located away from the aforementioned processor 501. Referring to Figure 11, the memory 505 as a computer storage medium may include an operating system, a network communication module, a user interface module, and an application program for a website construction method.

在图11所示的电子设备500中,用户接口503主要用于为用户提供输入的接口,获取用户输入的数据;而处理器501可以用于调用存储器505中存储一种网站构建方法的应用程序,当由一个或多个处理器501执行时,使得电子设备500执行如上述实施例中一个或多个的方法。需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本申请所必需的。In the electronic device 500 shown in FIG11 , the user interface 503 is mainly used to provide an input interface for the user and obtain the data input by the user; and the processor 501 can be used to call an application program storing a website construction method in the memory 505, and when executed by one or more processors 501, the electronic device 500 executes one or more methods in the above-mentioned embodiments. It should be noted that for the aforementioned method embodiments, for the sake of simple description, they are all expressed as a series of action combinations, but those skilled in the art should be aware that the present application is not limited by the described order of actions, because according to the present application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required for the present application.

在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。In the above embodiments, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

在本申请所提供的几种实施方式中,应该理解到,所披露的装置,可通过其他的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些服务接口,装置或单元的间接耦合或通信连接,可以是电性或其他的形式。In the several embodiments provided in this application, it should be understood that the disclosed devices can be implemented in other ways. For example, the device embodiments described above are only schematic, such as the division of units, which is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some service interfaces, and the indirect coupling or communication connection of devices or units can be electrical or other forms.

作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储器中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储器中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储器包括:U盘、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable memory. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, or all or part of the technical solution can be embodied in the form of a software product, which is stored in a memory and includes several instructions for a computer device (which can be a personal computer, server or network device, etc.) to execute all or part of the steps of the various embodiments of the present application. The aforementioned memory includes: various media that can store program codes, such as USB flash drives, mobile hard drives, magnetic disks or optical disks.

以上者,仅为本公开的示例性实施例,不能以此限定本公开的范围。即但凡依本公开教导所作的等效变化与修饰,皆仍属本公开涵盖的范围内。本领域技术人员在考虑说明书及实践真理的公开后,将容易想到本公开的其他实施方案。The above are only exemplary embodiments of the present disclosure and cannot be used to limit the scope of the present disclosure. That is, any equivalent changes and modifications made according to the teachings of the present disclosure are still within the scope of the present disclosure. After considering the disclosure of the specification and the truth of practice, those skilled in the art will easily think of other embodiments of the present disclosure.

本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未记载的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的范围和精神由权利要求限定。This application is intended to cover any variation, use or adaptation of the present disclosure, which follows the general principles of the present disclosure and includes common knowledge or customary technical means in the art not described in the present disclosure. The description and examples are to be regarded as exemplary only, and the scope and spirit of the present disclosure are defined by the claims.

Claims (9)

1.一种网站构建方法,其特征在于,所述方法包括:1. A website construction method, characterized in that the method comprises: 触发于目标对象对预设的站点模板的选择操作,展示所述站点模板对应的配置页面,所述配置页面以树形目录展示多个管理项,各个所述管理项包括多个文化服务项,多个所述文化服务项用于适应不同的构建需求,其中,所述站点模板包括PC网站模板和H5网站模板;Triggered by the target object's selection operation of a preset site template, a configuration page corresponding to the site template is displayed, the configuration page displays multiple management items in a tree directory, each of the management items includes multiple cultural service items, and the multiple cultural service items are used to adapt to different construction requirements, wherein the site template includes a PC website template and an H5 website template; 触发于目标对象对所述文化服务项的配置操作,展示所述文化服务项对应的初始网页页面;Triggering the configuration operation of the cultural service item by the target object, displaying the initial webpage corresponding to the cultural service item; 触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据;Triggered by the target object's click operation on configuring the initial web page, the initial web page is configured and laid out using a preset component template to generate a target web page and form static resource data; 触发于所述目标对象的选择发布站点操作,对所述静态资源数据进行渲染,展示所述目标网页页面;Triggering the operation of selecting a publishing site for the target object, rendering the static resource data, and displaying the target web page; 其中,所述初始网页页面还包括搜索栏;Wherein, the initial web page also includes a search bar; 所述触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,还包括:The triggering of the target object's click operation on the configuration of the initial web page, configuring the layout of the initial web page using a preset component template to generate a target web page, further includes: 触发于所述目标对象对所述搜索栏的配置点击操作,展示搜索配置页面;Triggered by the target object's click operation on the configuration of the search bar, a search configuration page is displayed; 触发于对所述搜索配置页面的选择操作,在所述初始网页页面上分页显示所述组件模板的搜索组件,生成所述目标网页页面。Triggered by a selection operation on the search configuration page, the search components of the component template are displayed in pages on the initial web page to generate the target web page. 2.根据权利要求1所述的方法,其特征在于,所述初始网页页面包括多个栏目项;2. The method according to claim 1, characterized in that the initial web page includes a plurality of column items; 所述触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,包括:The triggering of the target object's click operation on the configuration of the initial web page, configuring the layout of the initial web page using a preset component template to generate a target web page, includes: 触发于所述目标对象对所述初始网页页面的配置点击操作,对每一个所述栏目项进行样式配置,由多个所述栏目项形成导航栏;Triggered by the target object's click operation on the initial webpage, a style configuration is performed on each of the column items, and a navigation bar is formed by a plurality of the column items; 触发于对所述导航栏的所述栏目项的点击配置操作,展示所述栏目项对应的详情页面;Triggered by a click configuration operation on the column item of the navigation bar, a detail page corresponding to the column item is displayed; 利用所述组件模板对所述详情页面进行配置布局,生成所述目标网页页面。The component template is used to configure and layout the details page to generate the target web page. 3.根据权利要求2所述的方法,其特征在于,所述详情页面包括资讯推荐区域;3. The method according to claim 2, characterized in that the detail page includes an information recommendation area; 所述利用所述组件模板对所述详情页面进行配置布局,生成所述目标网页页面,包括:The configuring and laying out the details page using the component template to generate the target web page includes: 触发于对所述详情页面的资讯推荐区域的配置点击操作,在所述详情页面上显示图片配置页面;Triggered by a configuration click operation on the information recommendation area of the detail page, a picture configuration page is displayed on the detail page; 触发于对所述图片配置页面的切换箭头的选择操作,在所述详情页面上显示箭头指向的所述组件模板的图片组件,生成所述目标网页页面。Triggered by a selection operation on a switching arrow on the picture configuration page, the picture component of the component template pointed to by the arrow is displayed on the details page, and the target web page is generated. 4.根据权利要求2所述的方法,其特征在于,所述详情页面还包括直播推荐区域;4. The method according to claim 2, characterized in that the details page also includes a live broadcast recommendation area; 所述利用所述组件模板对所述详情页面进行配置布局,生成所述目标网页页面,包括:The configuring and laying out the details page using the component template to generate the target web page includes: 触发于对所述详情页面的直播推荐区域的配置点击操作,在所述详情页面上显示视频配置页面;Triggered by a configuration click operation on the live broadcast recommendation area of the detail page, a video configuration page is displayed on the detail page; 触发于对所述视频配置页面的直播资源类别的选择操作,在所述详情页面上轮播显示所述组件模板的视频组件,生成所述目标网页页面。Triggered by a selection operation on a live broadcast resource category on the video configuration page, the video components of the component template are displayed in a carousel on the details page to generate the target web page. 5.根据权利要求1所述的方法,其特征在于,在所述触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据之后,所述方法还包括:5. The method according to claim 1, characterized in that after the triggering of the target object's configuration click operation on the initial web page, configuring the initial web page using a preset component template, generating a target web page, and forming static resource data, the method further comprises: 将所述静态资源数据上传至网站数据库中。The static resource data is uploaded to the website database. 6.根据权利要求1所述的方法,其特征在于,在所述触发于所述目标对象的选择发布站点操作,对所述静态资源数据进行渲染,展示所述目标网页页面之后,所述方法还包括:6. The method according to claim 1, characterized in that after the triggering of the target object's selection of a publishing site operation, rendering the static resource data, and displaying the target web page, the method further comprises: 在所述站点模板更新的情况下,更新所述静态资源数据,得到更新后的静态资源数据;When the site template is updated, the static resource data is updated to obtain updated static resource data; 触发于所述目标对象的选择发布站点操作,对所述更新后的静态资源数据进行渲染,展示所述目标网页页面。The operation of selecting a publishing site for the target object is triggered to render the updated static resource data and display the target web page. 7.一种网站构建系统,其特征在于,所述系统包括:7. A website construction system, characterized in that the system comprises: 配置展示模块,用于触发于目标对象对预设的站点模板的选择操作,展示所述站点模板对应的配置页面,所述配置页面以树形目录展示多个管理项,各个所述管理项包括多个文化服务项,多个所述文化服务项用于适应不同的构建需求,其中,所述站点模板包括PC网站模板和H5网站模板;A configuration display module is used to trigger the target object to select a preset site template, and display the configuration page corresponding to the site template. The configuration page displays multiple management items in a tree directory. Each of the management items includes multiple cultural service items. The multiple cultural service items are used to adapt to different construction requirements. The site template includes a PC website template and an H5 website template. 网页展示模块,用于触发于目标对象对所述文化服务项的配置操作,展示所述文化服务项对应的初始网页页面;A web page display module, used to trigger the configuration operation of the cultural service item by the target object and display the initial web page corresponding to the cultural service item; 网页生成模块,用于触发于所述目标对象对所述初始网页页面的配置点击操作,利用预设的组件模板对所述初始网页页面进行配置布局,生成目标网页页面,并形成静态资源数据;A web page generation module, used to trigger the target object's configuration click operation on the initial web page, configure the initial web page using a preset component template, generate a target web page, and form static resource data; 发布模块,用于触发于所述目标对象的选择发布站点操作,对所述静态资源数据进行渲染,展示所述目标网页页面;A publishing module, used to trigger the operation of selecting a publishing site for the target object, render the static resource data, and display the target web page; 其中,所述初始网页页面还包括搜索栏;Wherein, the initial web page also includes a search bar; 所述网页生成模块,具体用于触发于所述目标对象对所述搜索栏的配置点击操作,展示搜索配置页面;触发于对所述搜索配置页面的选择操作,在所述初始网页页面上分页显示所述组件模板的搜索组件,生成所述目标网页页面。The web page generation module is specifically used to trigger the target object's configuration click operation on the search bar to display the search configuration page; triggered by the selection operation on the search configuration page, the search components of the component template are displayed in pages on the initial web page to generate the target web page. 8.一种电子设备,其特征在于,包括处理器、存储器、用户接口及网络接口,所述存储器用于存储指令,所述用户接口和网络接口用于给其他设备通信,所述处理器用于执行所述存储器中存储的指令,以使所述电子设备执行如权利要求1-6任意一项所述的方法。8. An electronic device, characterized in that it includes a processor, a memory, a user interface and a network interface, the memory is used to store instructions, the user interface and the network interface are used to communicate with other devices, and the processor is used to execute the instructions stored in the memory so that the electronic device executes the method according to any one of claims 1 to 6. 9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有指令,当所述指令被执行时,执行如权利要求1-6任意一项所述的方法。9. A computer-readable storage medium, characterized in that the computer-readable storage medium stores instructions, and when the instructions are executed, the method according to any one of claims 1 to 6 is executed.
CN202310743256.0A 2023-06-21 2023-06-21 Website construction method, system, electronic device and readable storage medium Active CN116821546B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310743256.0A CN116821546B (en) 2023-06-21 2023-06-21 Website construction method, system, electronic device and readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310743256.0A CN116821546B (en) 2023-06-21 2023-06-21 Website construction method, system, electronic device and readable storage medium

Publications (2)

Publication Number Publication Date
CN116821546A CN116821546A (en) 2023-09-29
CN116821546B true CN116821546B (en) 2024-11-01

Family

ID=88117876

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310743256.0A Active CN116821546B (en) 2023-06-21 2023-06-21 Website construction method, system, electronic device and readable storage medium

Country Status (1)

Country Link
CN (1) CN116821546B (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112433728A (en) * 2020-12-09 2021-03-02 中国建设银行股份有限公司 Website construction method and device, electronic equipment and storage medium
CN114968228A (en) * 2022-05-31 2022-08-30 上海识致信息科技有限责任公司 Page construction method and device, electronic equipment and computer readable storage medium

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7076742B1 (en) * 2001-08-13 2006-07-11 The Hive Group Generation engine for a treemap display page
CN101286120A (en) * 2008-05-28 2008-10-15 北京中企开源信息技术有限公司 Website page manufacture method and system
CN111552473B (en) * 2020-04-27 2024-02-09 腾讯科技(深圳)有限公司 Application processing method, device and equipment
CN113239299A (en) * 2021-04-13 2021-08-10 深圳市腾讯网络信息技术有限公司 Page updating method and device, electronic equipment and storage medium
CN115640476A (en) * 2022-07-25 2023-01-24 深圳市永兴元科技股份有限公司 Site column management method, terminal and computer readable storage medium
CN115221448A (en) * 2022-08-01 2022-10-21 北京美迪康信息咨询有限公司 Webpage configuration method and device, electronic equipment and storage medium
CN115373673A (en) * 2022-09-14 2022-11-22 康键信息技术(深圳)有限公司 Application page construction method and device, computer equipment and readable storage medium
CN115686678B (en) * 2022-11-11 2023-08-22 北京安怀信科技股份有限公司 Interface information display and interaction definition system and method based on objects

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112433728A (en) * 2020-12-09 2021-03-02 中国建设银行股份有限公司 Website construction method and device, electronic equipment and storage medium
CN114968228A (en) * 2022-05-31 2022-08-30 上海识致信息科技有限责任公司 Page construction method and device, electronic equipment and computer readable storage medium

Also Published As

Publication number Publication date
CN116821546A (en) 2023-09-29

Similar Documents

Publication Publication Date Title
US9910830B2 (en) Edition grid layout
KR101934614B1 (en) Edition designer
US20180095734A1 (en) System and method for creating a universally compatible application development system
CN103631865B (en) Webpage generating method and equipment
WO2014145665A2 (en) Mobile social content-creation application and integrated website
CN108008871A (en) A kind of page generation method and device
US20130198636A1 (en) Dynamic Content Presentations
CN111079047A (en) Web-oriented page construction system
CN110096276A (en) Source of houses displayed page configuration method, equipment, storage medium and device
CN114679621A (en) Video display method and device and terminal equipment
CN113239299A (en) Page updating method and device, electronic equipment and storage medium
CN110647374A (en) Interaction method and device for holographic display window and electronic equipment
CN116821546B (en) Website construction method, system, electronic device and readable storage medium
CN106951405A (en) Data processing method and device based on typesetting engine
JP6735140B2 (en) Video generation/transmission method, video generation/transmission system, and video playback program
CN112528204B (en) Method and device for manufacturing thematic webpage
JP5695781B1 (en) Program, system, and method for introducing digital content
CN114579908A (en) Content distribution method, device, electronic device and storage medium
CN104049836A (en) Sandwich-laminating content advertisement mixing type web user interface display method
JP2016024809A (en) Program for introducing digital contents, system, and method
Hakiki et al. CREATIVE LANDING PAGE DESIGN TO SHOW PROGRESS OF “PETANI SEJAHTERA “APPLICATION
CN117951409A (en) Page nested relation element processing method, device, equipment and storage medium
CN119494916A (en) A digital exhibition hall server based on 3D scene editing and its application method
CN118277018A (en) Client page layout display method and device, electronic device, and storage medium
CN116627407A (en) Website implementation method and device and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant