CN111177618A - 网站搭建方法、装置、设备及计算机可读存储介质 - Google Patents

网站搭建方法、装置、设备及计算机可读存储介质 Download PDF

Info

Publication number
CN111177618A
CN111177618A CN201911304937.7A CN201911304937A CN111177618A CN 111177618 A CN111177618 A CN 111177618A CN 201911304937 A CN201911304937 A CN 201911304937A CN 111177618 A CN111177618 A CN 111177618A
Authority
CN
China
Prior art keywords
data
configuration file
website
server
configuration
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.)
Granted
Application number
CN201911304937.7A
Other languages
English (en)
Other versions
CN111177618B (zh
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201911304937.7A priority Critical patent/CN111177618B/zh
Publication of CN111177618A publication Critical patent/CN111177618A/zh
Application granted granted Critical
Publication of CN111177618B publication Critical patent/CN111177618B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/02Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/2866Architectures; Arrangements
    • H04L67/30Profiles
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02DCLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (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)
  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例公开了一种网站搭建方法、装置、终端及计算机可读存储介质,其中方法包括:获取网站的配置文件;其中,所述配置文件为基于配置项数据转化而来的文件,所述配置项数据包括基于数据配置平台根据通过可视化操作输入的数据生成的用于实现所述网站搭建的数据;将所述配置文件挂载到第一服务器上;读取所述配置文件来实现网站页面的数据渲染;本发明实施例可以在使用前端的相关技术栈的基础上,快速完成网站的搭建,节省人力和物力。

Description

网站搭建方法、装置、设备及计算机可读存储介质
技术领域
本发明涉及互联网技术领域,尤其涉及一种网站搭建方法、装置、设备及计算机可读存储介质。
背景技术
对于网站的构建,需要从需求的剖解到产品经理完成需求说明书,再给到开发人员去开发制作这几方面来完成,而开发是需要前端开发和后端开发相结合来完成的。
现阶段几乎所有网站的构建都是基于java,是由后端开发人员作为主导去进行技术实现的,现有技术的方案必然涉及到数据库、接口的设计,而传统后端开发人员必须是满足这两块能力的,而大部分的前端开发并不一定拥有类似的技术认知;前端是负责页面切片、写超文本标记语言(Hyper Text Markup Language,HTML)和部分交互,对于数据方面感知偏弱;实现一个网站,除了要把网站做出来,还需要定制开发相应的内容管理系统(Content Management System,CMS),给到站点管理人员去配置网站内容。
对于现有技术而言,在技术方案实现的过程中,人力支出大、沟通成本大。可以看出,前端开发人员与后端开发人员必然存在技术壁垒,方案的实施过程必然存在很多的联调、沟通、不利于需求的快速实现交付。
发明内容
本发明实施例提供了一种网站搭建方法、装置以及计算机可读存储介质,可以实现快速完成网站的搭建,节省人力和物力。
第一方面,本发明实施例提供了一种网站搭建方法,包括:
获取网站的配置文件;其中,所述配置文件为基于配置项数据转化而来的文件,所述配置项数据包括基于数据配置平台根据通过可视化操作输入的数据生成的用于实现所述网站搭建的数据;
将所述配置文件挂载到第一服务器上;
读取所述配置文件来实现网站页面的数据渲染。
在一种可能的实现方式中,所述配置文件为基于配置项数据转化而来的文件包括:所述配置文件为通过PHP的Smarty语法将所述配置项数据转化而来的文件。。
在一种可能的实现方式中,所述可视化操作包括可视化建表和可视化数据关联。
在一种可能的实现方式中,所述将所述配置文件挂载到第一服务器上包括:通过Linux的文件挂载方式将所述配置文件挂载到所述第一服务器上。
在一种可能的实现方式中,所述读取所述配置文件来实现网站页面的数据渲染包括:基于Vue.js的Nuxt框架,通过AJAX方式读取挂载到所述第一服务器上的所述配置文件来实现数据渲染。
在一种可能的实现方式中,所述读取所述配置文件来实现网站页面的数据渲染包括:基于Vue.js的Nuxt框架,通过AJAX方式以HTTP协议请求接口的方式来读取挂载到所述第一服务器上的所述配置文件来实现数据渲染,其中,所述HTTP协议请求接口的方式由基于Node.js平台的下一代web开发框架Koa实现。
在一种可能的实现方式中,所述基于Node.js平台的下一代web开发框架Koa用于将挂载到所述第一服务器上的所述配置文件存储到第二服务器的变量中来实现API缓存能力。
第二方面,本发明实施例提供了一种网站搭建装置,包括:
获取单元,用于获取网站的配置文件;其中,所述配置文件为基于配置项数据转化而来的文件,所述配置项数据包括基于数据配置平台根据接收的数据生成的用于实现所述网站搭建的数据;
挂载单元,用于将所述配置文件挂载到第一服务器上;
读取单元,用于读取所述配置文件来实现网站页面的数据渲染。
在一种可能的实现方式中,所述获取单元还用于在所述数据配置平台中通过可视化操作输入的数据。
在一种可能的实现方式中,所述挂载单元还用于,所述将所述配置文件挂载到第一服务器上包括:通过Linux的文件挂载方式将所述配置文件挂载到所述第一服务器上。
在一种可能的实现方式中,所述读取单元还用于读取所述配置文件来实现网站页面的数据渲染包括:基于Vue.js的Nuxt框架,通过AJAX方式读取挂载到所述第一服务器上的所述配置文件来实现数据渲染。
在一种可能的实现方式中,所述读取单元还用于读取所述配置文件来实现网站页面的数据渲染包括:基于Vue.js的Nuxt框架,通过AJAX方式以HTTP协议请求接口的方式来读取挂载到所述第一服务器上的所述配置文件来实现数据渲染,其中,所述HTTP协议请求接口的方式由基于Node.js平台的下一代web开发框架Koa实现。
第三方面,本发明实施例提供了一种网站搭建设备,包括处理器,其中,所述处理器被配置用于调用存储的网站搭建程序,用于执行本发明实施例第一方面中的步骤的指令。
第四方面,本发明实施例提供了一种计算机可读存储介质,其中,上述计算机可读存储介质存储用于网站搭建的计算机程序,其中,上述计算机程序使得计算机执行如本发明实施例第一方面中所描述的部分或全部步骤。
实施本申请实施例,在网站的搭建过程中,所使用的技术(比如Vue.js,基于Node.js平台的下一代web开发框架Koa)都是前端相关的技术栈,前后端逻辑可以由一个前端完成,可以大大节省了网站搭建过程中所耗费的人力、物力,做到快速交付;在前端使用同构渲染可以更好的支撑网站的搜索引擎优化(Search Engine Optimization,SEO)能力,提高用户的体验。
附图说明
为了更清楚地说明本发明实施例或背景技术中的技术方案,下面将对本发明实施例或背景技术中所需要使用的附图进行说明。
图1是本发明实施例提供的网站搭建方法的实施环境的系统示意图;
图2是本发明实施例提供的网站搭建方法的流程示意图;
图3是本发明实施例提供的一种数据配置平台的界面示意图;
图4是本发明实施例提供的网站搭建方法的例子示意图;
图5是本发明实施例提供的网站搭建方法的技术架构图;
图6是本发明实施例提供的用户浏览网站的框架图;
图7是本发明实施例提供的网站搭建装置的功能单元示意图;
图8是本发明实施例提供的网站搭建设备的结构示意图。
具体实施方式
下面结合本发明实施例中的附图对本发明实施例进行描述。
本发明的说明书和权利要求书及所述附图中的术语“第一”、“第二”、“第三”和“第四”等是用于区别不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本发明的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
在本说明书中使用的术语“部件”、“模块”、“系统”等用于表示计算机相关的实体、硬件、固件、硬件和软件的组合、软件、或执行中的软件。例如,部件可以是但不限于,在处理器上运行的进程、处理器、对象、可执行文件、执行线程、程序和/或计算机。通过图示,在计算设备上运行的应用和计算设备都可以是部件。一个或多个部件可驻留在进程和/或执行线程中,部件可位于一个计算机上和/或分布在2个或更多个计算机之间。此外,这些部件可从在上面存储有各种数据结构的各种计算机可读介质执行。部件可例如根据具有一个或多个数据分组(例如来自与本地系统、分布式系统和/或网络间的另一部件交互的二个部件的数据,例如通过信号与其它系统交互的互联网)的信号通过本地和/或远程进程来通信。
因此,针对上述问题,本发明主要解决的问题为如何在网站搭建过程中,前后端逻辑都可以由一个前端开发完成,从而实现最快地把网站构建出来,节省人力和物力。
基于上述提出的技术问题以及本发明中对应的应用场景,也为了便于理解本发明实施例,下面先对本发明实施例提供的一种实施环境进行描述。如图1所示,其为本发明实施例提供的一种网站搭建方法的实施环境的系统示意图,该实施环境包括:设备101、设备102、第一服务器103、第二服务器104,第三服务器105,其中:
设备101可以包括但不限于任何一种基于智能操作系统的电子产品,其可以与用户通过键盘、虚拟键盘、触摸板、触摸屏以及声控设备等输入设备来进行人机交互,诸如智能手机、平板电脑、个人电脑等;设备102可以为软件负载均衡或/和硬件负载均衡,也可以为本地负载均衡或/和全局负载均衡。
第一服务器103可以是云服务器,例如腾讯云、阿里云、百度云等;第二服务器104可以是数据服务器,第三服务器105可以是物理服务器;第一服务器103、第二服务器104和第三服务器105均可以包括一个独立运行的服务器,或者分布式服务器,或者由多个服务器组成的服务器集群。
可以理解的是,图1中的实施环境的系统示意图只是本发明实施例中的一种示例性的实施方式,本发明实施例中的系统示意图包括但不仅限于以上系统示意图。
请参见图2,图2是本发明实施例提供的一种网站搭建方法,该方法包括但不限于如下步骤:
步骤S201:获取网站的配置文件;
具体地,所述配置文件为基于配置项数据转化而来的文件,所述配置项数据包括基于数据配置平台根据通过可视化操作输入的数据生成的用于实现所述网站搭建的数据;在实际应用中,开发人员在进行网站搭建的过程中,会先得到产品经理所提供的需求说明书,此需求说明书中包含网站搭建的数据,根据此需求说明来进行相应的网站搭建,可以基于数据配置平台根据通过可视化操作输入的将需求说明书中包含网站搭建的数据生成用于实现网站搭建的配置项数据,然后可以将配置项数据转化为用于网站搭建的配置文件,从而前端开发人员可以获得得到配置项数据。本申请实施例中的数据配置平台是一个可以使得前端开发人员快速便捷地生成用于实现网站搭建的配置文件的平台。也就是说,前端开发人员可以在该数据配置平台上便捷地输入用于搭建网站的数据源后,即可生成得到该配置文件。
在其中一种可能的实施方式中,所述可视化操作包括可视化建表和可视化数据关联。
具体地,请参见图3,图3是本发明实施例提供的一种数据配置平台的界面示意图,在所述数据配置平台300中通过可视化建表操作建立数据表,再通过可视化操作导入数据,最后通过可视化数据关联操作获取用于网站搭建的配置文件。其中数据表中可以包括一个或多个数据源,首先通过可视化操作新建数据源,进行编辑数据源名称、数据源KEY和数据源介绍,举例来说,对于网游类网站,可以对“网游”这个类别进行编辑,点击“新建数据源”按钮300a可以显示新建数据源界面301,在界面301可以对“网游”这个类别增加数据源,数据源名称可以是“api游戏字母分类”,数据源KEY可以是“vir_game_api_letter”,数据源介绍可以是“通过字母对游戏分类”,点击“保存”按钮301a可以保存该新建立的数据源,在数据配置平台300的左侧列表可以显示新建立的数据源“api游戏字母分类”在数据源建立完毕后,可以对该数据源进行新增字段操作,点击“字段管理”按钮301b可以显示出“新增字段”界面302,可以看出在数据源“api游戏字母分类”下未存在任何字段,点击“新增字段”按钮302a,可以显示出“新增字段”界面302b,在界面302b中需要编辑“字段KEY”,“字段前缀”、“字段后缀”和“字段类型”,其中“字段KEY”、“字段前缀”和“字段类型”是必填的,其中字段类型有很多种,有单行输入框、多行输入框、单复选框、多复选框、单选按钮和多选按钮。引用字段、下拉列表等等,举例来说,对于网游类网站来说,字段KEY可以是gamePicList,字段前缀可以是游戏列表,字段类型可以是单行输入框;当字段类型为引用字段时,可以在该数据源下增加子数据源;点击“保存”按钮302c可以显示字段信息界面302d,在界面302d可以对新增字段进行“编辑”和“删除”操作,当对数据源和字段说我编辑确认无误后,点击“保存”按钮302e完成了对数据表“api游戏字母分类”的建立。
在其中一种可能的实施方式中,所述配置文件为基于配置项数据转化而来的文件包括:所述配置文件为通过PHP的Smarty语法将所述配置项数据转化而来的文件。
具体地,可以进行可视化数据关联操作将数据批量导入建立的数据表中就可以得到配置项数据,其中对导入的数据会有格式的要求,要求为csv格式、数据的每一列要与每一列的内容一一对应以及数据的每一列与每一列之间要用逗号隔开;最后需要利用smarty语句将上述配置项数据生成配置项文件,而smarty语句是用来描述生成的配置项文件的结构,Smarty是一个使用PHP写出来的模板引擎,是业界最著名的PHP模板引擎之一。举例来说,假设smarty语法为下述内容:
Figure BDA0002322821680000071
则通过上述smarty语法可以得到的对应的配置文件,内容如下:
{"list":[{"page":"首页","page_path":"/","rowId":"3400000003"},
{"page":"应用平台","page_path":"/govpaas","rowId":"3400000004"},
{"page":"数据平台","page_path":"/datapaas","rowId":"3400000005"},
{"page":"解决方案","page_path":"/solution","rowId":"3400000006"},
{"page":"成功案例","page_path":"/case","rowId":"3400000007"}]}
而基于数据管理平台可以生成可交付、可控制、可管理、可靠的数据项配置,当网站的站点搭建完成后,网站的管理人员可以通过数据管理平台去配置网站内容。
可以理解的,上述导入的数据可以根据网站搭建的需求不同所不相同,在实际应用中,可以根据实际的需求进行导入数据。
在一种可能的实施方式中,所述配置文件可以为JSON格式文件,JSON(JavaScriptObject Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。
步骤S202:将所述配置文件挂载到第一服务器上;
在其中一种可能的实施方式中,所述将所述配置文件挂载到第一服务器上包括:通过Linux的文件挂载方式将所述配置文件挂载到所述第一服务器上。
具体地,在实际应用中,对于政务类门户网站的搭建,由于这类网站需要访问的数据是在政务内网里,通过Linux的文件挂载方式将该配置文件挂载到政务内网所在的业务服务器上,然后由Nuxt框架结合基于Node.js平台的下一代web开发框架Koa使用自动路由去读取对应的配置文件来实现数据渲染,而搭建的网站就可以获取政务内网里的数据。可以理解的是,上述业务服务器可以是图1所示中的第三服务器105。需要说明的是,Nuxt是一个基于Vue.js的轻量级应用框架,可用来创建服务端渲染(SSR)应用,也可充当静态站点引擎生成静态站点应用。
步骤S203:读取所述配置文件来实现网站页面的数据渲染;
具体地,在实际应用中,用户浏览网站时所得到的信息是呈现在网站页面上的数据,而这些数据无论是放在后台、数据库还是缓存,对用户而言都是不知情的,用户所可以感受到的就是呈现出来的,因此数据是需要渲染到页面上呈现出来给用户看的,如图4所示,图4是本发明实施例提供的网站搭建方法的例子示意图,为将步骤S201中的配置文件读取出来,从而实现网站页面的数据渲染,可以看出将“首页”、“应用平台”、“数据平台”、“解决方案”、“成功案例”这些数据渲染到网站页面上可以直观的呈现给用户。
在一种可能的实施方式中,所述读取所述配置文件来实现数据渲染包括:基于Vue.js的Nuxt框架,通过AJAX方式读取挂载到所述第一服务器上的所述配置文件来实现数据渲染。
在一种可能的实施方式中,所述读取所述配置文件来实现网站页面的数据渲染包括:基于Vue.js的Nuxt框架,通过AJAX方式以HTTP协议请求接口的方式来读取挂载到所述第一服务器上的所述配置文件来实现数据渲染,其中,所述HTTP协议请求接口的方式是由基于Node.js平台的下一代web开发框架Koa实现的。需要说明的是,Vue.js是一套用于构建用户界面的渐进式JavaScript框架。
具体地,前端展示层使用Vue.js同构渲染,可以通过两种方式去读取数据,第一种是通过AJAX方式去服务端读取挂载到第一服务器上的所述配置文件渲染成HTML页面,再将该HTML页面给到前端展示层进行显示,这样展示层页面上就可以显示出所述配置文件里用于实现网站的配置项数据;第二种是运用Nuxt框架结合基于Node.js平台的下一代web开发框架Koa去实现业务逻辑的接口,通过AJAX方式以HTTP协议请求接口的方式去服务端读取挂载到第一服务器上的所述配置文件渲染成HTML页面,再将该HTML页面给到前端展示层进行同构渲染,这样前端展示层页面上就可以显示出所述配置文件里用于实现网站的配置项数据。举例来说,对于一些网站来说,需要获取的某些数据可能是保密性较高的,需要通过更安全的方式去读取,比如身份信息数据,对于这类数据就可以通过第二种方式进行读取。
在一种可能的实施方式中,所述基于Node.js平台的下一代web开发框架Koa用于将挂载到所述第一服务器上的所述配置文件存储到第二服务器的变量中来实现API缓存能力。
具体地,在基于Node.js平台的下一代web开发框架Koa的controller通过将挂载到第一服务器上的配置文件存储到第二服务器的变量中来实现API缓存能力,通过这种方式可以实现若同一接口在30秒(可配置)内被识别为同一个统一标识符(Uniform ResourceIdentifier,URI)资源,则会返回本轮首次缓存好的接口数据;可以理解的是这里的第一服务器和第二服务器可以是同一个服务器也可以不是同一个服务器,可以为图1所示的第二服务器104。
步骤S204,生成应用程序文件和静态文件。
具体地,通过步骤S201、步骤S202和步骤S203之后,会生成应用程序文件和静态文件,而该应用程序文件和静态文件都可以快速部署在如图1所示的第一服务器、第二服务器或/和第三服务器上,可以使用PM2在服务器中进行部署,从而实现更新应用程序后然后直接重启服务器应用的能力,还可以将生成的静态文件拆分出来单独一个压缩包,再通过接口(可以是CDN接口)上传到对应的服务器进行静态资源的更新,而对生成的程序文件也实现了文件监听,若文件有更新,则会刷新对应接口的返回数据,达到秒级别的数据更新能力。
可以理解的是,应用程序是应用程序文件的另一种表现形式。
请参见图5,如图5所示,其为本发明实施例提供一种网站搭建方法的架构示意图,从图5可以看出在数据层501通过数据管理平台发布生成的配置文件可以直接存储在MySql数据库中,并且通过Linux的文件挂载方式挂载到服务器505,服务器505可以是图1所示的第二服务器104,而该配置文件包括用于网站搭建的配置项数据;另外在对网站进行后期维护的时候,如要增加新的需求则也可以通过数据管理发布平台去进行控制和管理,从而可以支撑整个网站站点数据的配置。
展示层503需要读取该配置项文件进行配置项数据的渲染,可以看出,数据层504可以直接将配置文件给到展示层503做配置项数据的渲染,也可以通过业务逻辑层502给到展示503做配置项数据的渲染;从图5可以看出,展示层503运行Nuxt框架结合Vue.js来实现的,Vue.js是一套用于构建用户界面的渐进式框架,使用Vue.js同构渲染也就是服务器渲染(Server Side Render,SSR),可以解决首屏加载缓慢和SEO的优化问题;在Vue.js中使用Scss来修饰网站页面结构,使用three.js可以用来在网站页面上实现三维效果,使用swipe插件可以用来实现网站页面中某些模块的轮播,而图片就是将图片加载到网站页面上,通过在Vue.js这个框架中引入Scss、three.js、swipe和图片等可以使网站页面达到更美观的效果,提升用户的使用感;展示层503是通过AJAX交互的方式(可以是POST和GET)向数据层505或者向业务逻辑层502读取数据并由同构渲染的方式在展示层503进行网站页面的渲染。
业务逻辑层502是运用Nuxt框架结合基于Node.js平台的下一代web开发框架Koa来实现的,基于Node.js平台的下一代web开发框架Koa是实现接口逻辑的一款应用开发框架,在业务逻辑层502配置PM2日志可以用来进行性能监控、自动启动、负载均衡等功能,;可以在基于Node.js平台的下一代web开发框架Koa中集成sentry,sentry作为业务日志监控工具,可以很好的用来监控分析在网站搭建完成上线后的异常日志,sentry会显示帮助我们调试的详细信息,比如堆栈跟踪、堆栈本地信息、前面的事件、可能导致问题的提交以及在错误发生时捕获的定制数据;MTA可以为上线后的网站提供实时数据统计分析服务;可以理解的是,集成在基于Node.js平台的下一代web开发框架Koa中的PM2、MTA和sentry这些工具可以实现埋点操作,可以帮助记录网站在运行时所产生的数据,进行数据采集,从而可以更好的管理和控制所搭建的网站。
在基于Vue.js的Nuxt框架中,添加了ESLINT、Prettier等工具可以帮助对代码进行质量检查和风格的统一,便于后续的迭代、交接等工作的开展
通过本发明实施例所生成的应用程序文件、配置文件等可以快速部署在基于云服务器CVM、内容分发网络CDN和CLB负载均衡设备等运行环境505上面,该运行环境505也可以理解为如图1所示的第一服务器103。
可以理解的是,在通过本发明实施例去进行网站的搭建过程时,要遵守一定的流程规范,可以是代码规范、接口规范、SEO规范、兼容性规范、代码管理规范、自测规范、部署规范和故障处理规范等。
请参见图6,如图6所示,其为本发明实施例提供的一种用户浏览网站的架构图,从图6可以看出601可以通过设备601中的浏览器浏览网站,其中设备601可以包括智能手机、平板电脑、个人电脑等,而该网站可以部署在运行环境605中,而上述浏览的网站是可以部署在基于云服务器CVM、内容分发网络CDN和CLB负载均衡设备等运行环境605上面,该运行环境605也可以理解为如图1所示的第一服务器103。首先,用户发送请求,展示层603响应给用户,当用户点击展示层603上的内容,再次提交请求时,请求到业务逻辑层602,业务逻辑层602通过分析请求,判断用户的需求,然后调用数据层604,数据层604可以提供接口支持,可以处理数据库的增删改查,或者可以调用服务器606上的数据,服务器606可以是图1所示的第二服务器,业务逻辑层602和数据层604可以进行数据交互;然后业务逻辑层602将数据驱动到展示层603的页面中,展示层603将页面响应给浏览器,用户看到内容。由于在展示层603使用的是同构渲染,所以当用户提交请求时,可以很快的得到响应从而用户可以很快看到内容。
实施本申请实施例,在网站的搭建过程中,所使用的技术(比如Vue.js,基于Node.js平台的下一代web开发框架Koa)都是前端相关的技术栈,前后端逻辑可以由一个前端完成,可以大大节省了网站搭建过程中所耗费的人力、物力,可以做到快速交付;在前端使用同构渲染可以更好的支撑网站的SEO能力。
如图7所示,本发明实施例提供一种网站搭建装置70的结构示意图,网站搭建装置70可以包括:获取单元701、挂载单元702以及读取单元703,其中,
获取单元701,用于获取网站的配置文件;其中,所述配置文件为基于配置项数据转化而来的文件,所述配置项数据包括基于数据配置平台根据通过可视化操作输入的数据生成的用于实现所述网站搭建的数据;
所述获取单元701,具体用于所述接收的数据包括在所述数据配置平台中通过可视化操作输入的数据。
挂载单元702,用于将所述配置文件挂载到第一服务器上;
所述挂载单元702,具体用于通过Linux的文件挂载方式将所述配置文件挂载到所述第一服务器上。
读取单元703,用于读取所述配置文件来实现网站页面的数据渲染。
所述读取单元703,具体用于基于Vue.js的Nuxt框架,通过AJAX方式读取挂载到所述第一服务器上的所述配置文件来实现数据渲染。
所述读取单元703,具体用于基于Vue.js的Nuxt框架,通过AJAX方式以HTTP协议请求接口来读取挂载到所述第一服务器上的所述配置文件来实现数据渲染,其中,所述接口是由基于Node.js平台的下一代web开发框架Koa实现的。
所述基于Node.js平台的下一代web开发框架Koa用于将挂载到所述第一服务器上的所述配置文件存储到第二服务器的变量中来实现API缓存能力。
需要说明的是,各个单元的实现还可以对应参照图2至图6所示的方法实施例的相应描述,此处不再赘述。
图8所示,为本发明的实施例提供的上述实施例中所涉及的电子设备的一种可能的硬件结构示意图。如图8所示,电子设备80可包括:一个或多个处理器801、一个或多个存储器802以及一个或多个通信接口803。这些部件可通过总线804或者其他方式连接。其中:
通信接口803可用于电子设备80与其他通信设备,例如其他电子设备,进行通信。具体的,通信接口803可以是有线接口。
存储器802可以和处理器801通过总线804或者输入输出端口耦合,存储器802也可以与处理器801集成在一起。存储器802用于存储各种软件程序和/或多组指令或者数据。具体的,存储器802可以是只读存储器(read-only memory,ROM)或可存储静态信息和指令的其他类型的静态存储设备,随机存取存储器(random access memory,RAM)或者可存储信息和指令的其他类型的动态存储设备,也可以是电可擦可编程只读存储器(ElectricallyErasable Programmable Read-Only Memory,EEPROM)、只读光盘(Compact Disc Read-Only Memory,CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。存储器802可包括高速随机存取的存储器,并且也可包括非易失性存储器,例如一个或多个磁盘存储设备、闪存设备或其他非易失性固态存储设备。存储器802可以存储操作系统(下述简称系统),例如uCOS、VxWorks、RTLinux等嵌入式操作系统。存储器802还可以存储网络通信程序,该网络通信程序可用于与一个或多个附加设备,一个或多个用户设备,一个或多个电子设备进行通信。存储器可以是独立存在,通过总线与处理器相连接。存储器也可以和处理器集成在一起。
其中,所述存储器802用于存储执行以上方案的应用程序代码,并由处理器801来控制执行。所述处理器801用于执行所述存储器802中存储的应用程序代码。
处理器801可以是中央处理器单元,通用处理器,数字信号处理器,专用集成电路,现场可编程门阵列或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本发明公开内容所描述的各种示例性的逻辑方框,模块和电路。所述处理器也可以是实现确定功能的组合,例如包含一个或多个微处理器组合,数字信号处理器和微处理器的组合等等。
本发明实施例中,处理器801可用于读取和执行计算机可读指令。具体的,处理器801可用于调用存储于存储器802中的程序,例如本发明的一个或多个实施例提供的网站搭建方法在电子设备80侧的实现程序,并执行该程序包含的指令。
需要说明的是,图8所示的电子设备80仅仅是本发明实施例的一种实现方式,实际应用中,电子设备80还可以包括更多或更少的部件,这里不作限制。关于电子设备80的具体实现可以参考前述图2至图6所示方法实施例中的相关描述,此处不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可能可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
在本发明所提供的几个实施例中,应该理解到,所揭露的装置,可通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如上述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性或其它的形式。
上述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
上述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以为个人计算机、服务端或者网络设备等,具体可以是计算机设备中的处理器)执行本发明各个实施例上述方法的全部或部分步骤。其中,而前述的存储介质可包括:U盘、移动硬盘、磁碟、光盘、只读存储器(Read-Only Memory,缩写:ROM)或者随机存取存储器(Random Access Memory,缩写:RAM)等各种可以存储程序代码的介质。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,该流程可以由计算机程序来指令相关的硬件完成,该程序可存储于计算机可读取存储介质中,该程序在执行时,可包括如上述各方法实施例的流程。而前述的存储介质包括:ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。

Claims (10)

1.一种网站搭建方法,其特征在于,所述方法包括:
获取网站的配置文件;其中,所述配置文件为基于配置项数据转化而来的文件,所述配置项数据包括基于数据配置平台根据通过可视化操作输入的数据生成的用于实现所述网站搭建的数据;
将所述配置文件挂载到第一服务器上;
读取所述配置文件来实现网站页面的数据渲染。
2.根据权利要求1所述的方法,其特征在于,所述配置文件为基于配置项数据转化而来的文件包括:所述配置文件为通过PHP的Smarty语法将所述配置项数据转化而来的文件。
3.根据权利要求1所述的方法,其特征在于,所述可视化操作包括可视化建表和可视化数据关联。
4.根据权利要求1所述的方法,其特征在于,所述将所述配置文件挂载到第一服务器上包括:通过Linux的文件挂载方式将所述配置文件挂载到所述第一服务器上。
5.根据权利要求1所述的方法,其特征在于,所述读取所述配置文件来实现网站页面的数据渲染包括:基于Vue.js的Nuxt框架,通过AJAX方式读取挂载到所述第一服务器上的所述配置文件来实现数据渲染。
6.根据权利要求1所述的方法,其特征在于,所述读取所述配置文件来实现网站页面的数据渲染包括:基于Vue.js的Nuxt框架,通过AJAX方式以HTTP协议请求接口的方式来读取挂载到所述第一服务器上的所述配置文件来实现数据渲染,其中,所述HTTP协议请求接口的方式由基于Node.js平台的下一代web开发框架Koa来实现。
7.根据权利要求6所述的方法,其特征在于,所述基于Node.js平台的下一代web开发框架Koa用于将挂载到所述第一服务器上的所述配置文件存储到第二服务器的变量中来实现API缓存能力。
8.一种网站搭建装置,其特征在于,包括:
获取单元,获取网站的配置文件;其中,所述配置文件为基于配置项数据转化而来的文件,所述配置项数据包括基于数据配置平台根据通过可视化操作输入的数据生成的用于实现所述网站搭建的数据;
挂载单元,用于将所述配置文件挂载到第一服务器上;
读取单元,用于读取所述配置文件来实现网站页面的数据渲染。
9.一种网站搭建设备,其特征在于,包括处理器,其中,所述处理器被配置用于调用存储的网站搭建程序,执行如权利要求1-7任一项所述的方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有程序指令,所述程序指令当被处理器执行时使所述处理器执行如权利要求1-7任一项所述的方法。
CN201911304937.7A 2019-12-17 2019-12-17 网站搭建方法、装置、设备及计算机可读存储介质 Active CN111177618B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911304937.7A CN111177618B (zh) 2019-12-17 2019-12-17 网站搭建方法、装置、设备及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911304937.7A CN111177618B (zh) 2019-12-17 2019-12-17 网站搭建方法、装置、设备及计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN111177618A true CN111177618A (zh) 2020-05-19
CN111177618B CN111177618B (zh) 2023-08-11

Family

ID=70653840

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911304937.7A Active CN111177618B (zh) 2019-12-17 2019-12-17 网站搭建方法、装置、设备及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN111177618B (zh)

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111695075A (zh) * 2020-06-12 2020-09-22 国网浙江省电力有限公司信息通信分公司 一种网站cms识别方法、安全漏洞检测方法及装置
CN111931103A (zh) * 2020-07-09 2020-11-13 北京皮尔布莱尼软件有限公司 一种网站部署方法
CN112069435A (zh) * 2020-07-27 2020-12-11 北京思特奇信息技术股份有限公司 一种通过脚本进行nginx配置文件切换的方法及系统
CN112073474A (zh) * 2020-08-19 2020-12-11 深圳市国鑫恒运信息安全有限公司 基于three.js的智慧数据中心管理方法及系统
CN112148263A (zh) * 2020-09-28 2020-12-29 建信金融科技有限责任公司 前端标准框架及其生成方法、装置、设备及存储介质
CN112882892A (zh) * 2021-02-05 2021-06-01 成都新希望金融信息有限公司 数据处理方法和装置、电子设备及存储介质
CN113297521A (zh) * 2021-04-30 2021-08-24 成都东方盛行电子有限责任公司 一种可视化建站方法及系统
CN116340405A (zh) * 2023-03-29 2023-06-27 北京科乐园网络科技有限公司 基于大数据的企业数据处理方法、装置、设备及存储介质
CN116521221A (zh) * 2023-05-22 2023-08-01 广州广电运通信息科技有限公司 web应用管理方法和装置
CN116521221B (zh) * 2023-05-22 2024-06-07 广州广电运通信息科技有限公司 web应用管理方法和装置

Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140310591A1 (en) * 2013-03-13 2014-10-16 Thong Nguyen Presentation layer software development kit for creation of dynamic webpages
US20150067474A1 (en) * 2013-08-30 2015-03-05 Wal-Mart Stores, Inc. Web Application Framework
US20150089377A1 (en) * 2013-09-21 2015-03-26 Oracle International Corporation Method and system for selection of user interface rendering artifacts in enterprise web applications using a manifest mechanism
US20150186119A1 (en) * 2013-12-31 2015-07-02 Rockwell Automation Technologies, Inc. Industrial automation device with editor and graphical object mobile visualization
CN105760159A (zh) * 2016-02-01 2016-07-13 四川长虹电器股份有限公司 网站开发方法及其系统
CN107729531A (zh) * 2017-10-27 2018-02-23 深圳市行云易通科技有限公司 一种动态渲染类网页优化方法
CN108334517A (zh) * 2017-01-20 2018-07-27 华为技术有限公司 一种网页渲染方法及相关设备
CN109343858A (zh) * 2018-11-01 2019-02-15 成都嗨翻屋科技有限公司 一种基于服务端渲染的自动建站容器部署系统及其工作方法
CN109491743A (zh) * 2018-11-05 2019-03-19 上海鋆创信息技术有限公司 可视化报表生成方法、装置、电子设备和存储介质
CN109918607A (zh) * 2019-03-20 2019-06-21 杭州网易再顾科技有限公司 页面搭建方法及装置、介质和计算设备
CN110059277A (zh) * 2019-03-12 2019-07-26 平安普惠企业管理有限公司 首页加载优化方法、服务器及计算机可读存储介质
CN110244955A (zh) * 2019-05-29 2019-09-17 广州至真信息科技有限公司 一种应用的处理方法、装置、服务器和介质
CN110442824A (zh) * 2019-08-12 2019-11-12 深圳市去约会信息技术有限公司 数据管理的实现方法、存储介质和设备
CN110489116A (zh) * 2018-05-15 2019-11-22 优酷网络技术(北京)有限公司 一种页面的渲染方法、装置及计算机存储介质

Patent Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140310591A1 (en) * 2013-03-13 2014-10-16 Thong Nguyen Presentation layer software development kit for creation of dynamic webpages
US20150067474A1 (en) * 2013-08-30 2015-03-05 Wal-Mart Stores, Inc. Web Application Framework
US20150089377A1 (en) * 2013-09-21 2015-03-26 Oracle International Corporation Method and system for selection of user interface rendering artifacts in enterprise web applications using a manifest mechanism
US20150186119A1 (en) * 2013-12-31 2015-07-02 Rockwell Automation Technologies, Inc. Industrial automation device with editor and graphical object mobile visualization
CN105760159A (zh) * 2016-02-01 2016-07-13 四川长虹电器股份有限公司 网站开发方法及其系统
CN108334517A (zh) * 2017-01-20 2018-07-27 华为技术有限公司 一种网页渲染方法及相关设备
CN107729531A (zh) * 2017-10-27 2018-02-23 深圳市行云易通科技有限公司 一种动态渲染类网页优化方法
CN110489116A (zh) * 2018-05-15 2019-11-22 优酷网络技术(北京)有限公司 一种页面的渲染方法、装置及计算机存储介质
CN109343858A (zh) * 2018-11-01 2019-02-15 成都嗨翻屋科技有限公司 一种基于服务端渲染的自动建站容器部署系统及其工作方法
CN109491743A (zh) * 2018-11-05 2019-03-19 上海鋆创信息技术有限公司 可视化报表生成方法、装置、电子设备和存储介质
CN110059277A (zh) * 2019-03-12 2019-07-26 平安普惠企业管理有限公司 首页加载优化方法、服务器及计算机可读存储介质
CN109918607A (zh) * 2019-03-20 2019-06-21 杭州网易再顾科技有限公司 页面搭建方法及装置、介质和计算设备
CN110244955A (zh) * 2019-05-29 2019-09-17 广州至真信息科技有限公司 一种应用的处理方法、装置、服务器和介质
CN110442824A (zh) * 2019-08-12 2019-11-12 深圳市去约会信息技术有限公司 数据管理的实现方法、存储介质和设备

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
Y. ZHAO; X. ZHAO; F. DONG; G. J. CLAPWORTHY; N. ERSOTELOS; E. LIU;: "WebGL-based interactive rendering of whole body anatomy for web-oriented visualisation of avatar-centered digital health data", 13TH IEEE INTERNATIONAL CONFERENCE ON BIOINFORMATICS AND BIOENGINEERING, pages 1 - 4 *
刘红卫: "利用Node.js开发前后端分离的系统——以图书馆地方文献系统为例", 天津科技, pages 67 - 70 *
王磊;高珏;金野;许华虎;: "基于Web3D无插件的三维模型展示的研究", 计算机技术与发展, no. 04, pages 217 - 220 *
高怀金;张玉艳;侯金奎;李晓龙;: "基于视图的Web工程设计框架", 计算机工程与设计, no. 06, pages 1480 - 1483 *

Cited By (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111695075A (zh) * 2020-06-12 2020-09-22 国网浙江省电力有限公司信息通信分公司 一种网站cms识别方法、安全漏洞检测方法及装置
CN111695075B (zh) * 2020-06-12 2023-04-18 国网浙江省电力有限公司信息通信分公司 一种网站cms识别方法、安全漏洞检测方法及装置
CN111931103A (zh) * 2020-07-09 2020-11-13 北京皮尔布莱尼软件有限公司 一种网站部署方法
CN112069435A (zh) * 2020-07-27 2020-12-11 北京思特奇信息技术股份有限公司 一种通过脚本进行nginx配置文件切换的方法及系统
CN112073474A (zh) * 2020-08-19 2020-12-11 深圳市国鑫恒运信息安全有限公司 基于three.js的智慧数据中心管理方法及系统
CN112148263B (zh) * 2020-09-28 2024-03-08 建信金融科技有限责任公司 前端标准框架及其生成方法、装置、设备及存储介质
CN112148263A (zh) * 2020-09-28 2020-12-29 建信金融科技有限责任公司 前端标准框架及其生成方法、装置、设备及存储介质
CN112882892A (zh) * 2021-02-05 2021-06-01 成都新希望金融信息有限公司 数据处理方法和装置、电子设备及存储介质
CN112882892B (zh) * 2021-02-05 2024-04-12 成都新希望金融信息有限公司 数据处理方法和装置、电子设备及存储介质
CN113297521A (zh) * 2021-04-30 2021-08-24 成都东方盛行电子有限责任公司 一种可视化建站方法及系统
CN113297521B (zh) * 2021-04-30 2022-10-14 成都东方盛行电子有限责任公司 一种可视化建站方法及系统
CN116340405B (zh) * 2023-03-29 2023-10-13 北京科乐园网络科技有限公司 基于大数据的企业数据处理方法、装置、设备及存储介质
CN116340405A (zh) * 2023-03-29 2023-06-27 北京科乐园网络科技有限公司 基于大数据的企业数据处理方法、装置、设备及存储介质
CN116521221A (zh) * 2023-05-22 2023-08-01 广州广电运通信息科技有限公司 web应用管理方法和装置
CN116521221B (zh) * 2023-05-22 2024-06-07 广州广电运通信息科技有限公司 web应用管理方法和装置

Also Published As

Publication number Publication date
CN111177618B (zh) 2023-08-11

Similar Documents

Publication Publication Date Title
CN111177618B (zh) 网站搭建方法、装置、设备及计算机可读存储介质
CN108279932B (zh) 一种移动终端动态配置用户界面方法和装置
US10331758B2 (en) Digital communications platform for webpage overlay
KR101824222B1 (ko) 동적 컨텐츠 및 스테일 컨텐츠를 포함하는 웹사이트들의 고속 렌더링
JP5821678B2 (ja) ウェブ・アプリケーションのブラウザに依存しない自動互換性チェックのためのウェブ・サービス
CN103617191B (zh) 使用硬件加速实现浏览器渲染的方法和浏览器
CN102789484B (zh) 一种网页信息处理方法和装置
US9652364B1 (en) Cloud service for mobile testing and debugging
US20140136944A1 (en) Real time web development testing and reporting system
CN111010364B (zh) 用于基于离线对象的存储和模拟rest响应的系统
CN110971655A (zh) 离线客户端重放和同步
CN103268319A (zh) 一种基于网页的云浏览器
US9323728B2 (en) Coordinating the management of the layout and design of portal pages with the management of its associated web content
CN110968314B (zh) 一种页面生成方法及装置
CN111125064B (zh) 一种生成数据库模式定义语句的方法和装置
CN110058854B (zh) 用于生成应用的方法、终端设备和计算机可读介质
CN110865834B (zh) 应用程序界面更新方法、装置、可读存储介质及终端设备
CN106294760A (zh) 表单处理方法及服务器、客户端
CN114116108A (zh) 动态渲染方法、装置、设备及存储介质
CN113485927A (zh) 一种测试数据生成方法、装置、设备及存储介质
CN116070049B (zh) 一种回溯页面数据的方法、装置、设备和可读存储介质
CN103139298A (zh) 一种传输网络数据的方法和装置
CN101772196A (zh) 处理移动终端发送的信息的方法和系统以及代理服务器
CN109558186A (zh) 一种页面显示方法和装置
CN114254232A (zh) 云产品页面生成方法、装置、计算机设备和存储介质

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