CN109086342B - 批量化生产和运维网站模板的方法、介质和终端 - Google Patents

Abstract

本发明提供的批量化生产和运维网站模板的方法、终端及介质，方法包括以下步骤：UI制作入库步骤：制作多个UI，并在制作完成后，利用PHP开发的UI管理模块调试上线到服务器，对UI进行封装入库；模板拼装步骤：利用PHP开发的模板制作模块在预设的模板页面上添加多个UI，拼装成完整的模板文件；模板自动生成步骤：上线对完成的模板文件进行配置。该方法将网站模板按照模块化思维，从设计、生产、安装、运行、设置、升级、维护等多个方面将网站模板分割为独立的区块，通过PHP开发的软件将各种独立的区块拼装为各式各样的完整网站模板，从而实现网站模板生产的标准化和批量化。

Description

批量化生产和运维网站模板的方法、介质和终端

技术领域

本发明属于软件技术领域，具体涉及批量化生产和运维网站模板的方法、介质和终端。

背景技术

互联网快速发展的今天，大部分企业都需要搭建企业官网，随着人工成本的上升和整个社会对高端产品需求的增加，越来越多的中小企业已开始使用快速化、标准化、高品质的模板建站。模板建站是使用统一的建站程序(一般俗称后台)，网站前台展示根据不同的行业和用户要求调用不同的网站模板，从而快速搭建一个功能完善、网站风格多样化的高品质企业网站，模板建站是网站建设领域的精品“成衣店”。

但是现有的网站模板都是通过人工一套一套的开发制作，一套模板的源代码是一个整体，不能按单个区块进行升级和维护。现有网站模板大都是CSS/JS/HTML文件结构，网站模板的区块无法彻底独立，网站模板的某个页面(如网站主页)不是由若干个单独封装代码的独立区块组成。在建站企业实际生产使用中，一般都会有一定数量的基础模板，然后根据基础模板修改部分区块样式满足用户的个性化需求，譬如由基础网站模板A修改派生出网站模板B、网站模板C等，而A\B\C三套模板制作完成上线后就是完全独立的源码，如果用户想要一个B和C的风格组合体，那么就只能再重新开发；网站模板的各个区块代码没有独立，无法重复利用和批量生产，也无法标准化。

其次，通过基础模板A派生出大量独立模板并部署到网站运行后，如果发现基础模板A存在某个漏洞或BUG或某个功能需要优化，那么就只能将所有派生模板一一修改后才能完成漏洞、BUG的修复或功能的优化升级，无法通过统一的方法或服务器进行批量维护和升级。

发明内容

针对现有技术中的缺陷，本发明提供批量化生产和运维网站模板的方法、介质和终端，使得网站模板生产和运维的批量化、标准化。

第一方面，一种批量化生产和运维网站模板的方法，包括以下步骤：

UI制作入库步骤：制作多个UI，并在制作完成后，利用PHP开发的UI管理模块调试上线到服务器，对UI进行封装入库；

模板拼装步骤：利用PHP开发的模板制作模块在预设的模板页面上添加多个UI，拼装成完整的模板文件；

模板自动生成步骤：上线对完成的模板文件进行配置。

进一步地，所述UI包括代码文件和UI数据库；

代码文件包括index.php代码文件、index.css文件、index.js文件和config.json文件；其中所述index.php代码文件用于存放UI区块布局及调用网站后台数据；所述index.css文件用于控制UI样式；所述index.js文件用于控制显示特效；所述config.json文件用于系统内置样式配置和特效调用配置；

所述UI数据库包括UI配置表和UI参数表；其中UI配置表用于配置UI的基本信息；UI参数表用于配置UI的参数信息。

进一步地，所述基本信息包括UI的名称、类别、版本号、适合页面和功能描述；

所述参数信息包括背景颜色、文字颜色、文字大小、图片长宽、数据调用选择参数、功能切换开关和区块显示开关。

进一步地，所述UI制作入库步骤在调试上线到服务器进行封装入库之后，还包括：

自动生成安装和升级使用的install.json数据库配置文件。

进一步地，所述模板页面包括页面文件和页面数据库；所述页面数据库包括UI数据列表；

所述模板拼装步骤中添加UI具体包括：

通过UI数据列表进行UI使用注册，在页面文件中添加UI注册信息；

自动生成模板安装配置文件；

从服务器中自动下载最新的UI。

进一步地，所述模板自动生成步骤具体包括：

使用PHP开发的模板管理模块添加一套模板文件后，模板管理模块会根据模板文件夹中的模板安装配置文件自动插入数据表及数据结构；

根据UI数据列表连接服务器下载对应的UI文件；

UI安装完成后，当访问或通过后台配置网站时，模板管理模块调用模板解析打包模块，按照页面文件自动注册UI，具体包括：

配置UI的代码文件；

将配置后的代码文件合并解析，生成页面html缓存文件。

第二方面，一种终端，包括处理器、输入设备、输出设备和存储器，所述处理器、输入设备、输出设备和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行第一方面所述的方法。

第三方面，一种计算机可读存储介质，其特征在于，所述计算机存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行第一方面所述的方法。

由上述技术方案可知，本发明提供的批量化生产和运维网站模板的方法、介质和终端，将网站模板按照模块化思维，从设计、生产、安装、运行、设置、升级、维护等多个方面将网站模板分割为独立的区块，通过PHP开发的软件将各种独立的区块拼装为各式各样的完整网站模板，从而实现网站模板生产的标准化和批量化；通过服务器统一管理独立区块，从而实现网站模板上线安装到用户服务器搭建网站后的升级运维批量化、标准化。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍。在所有附图中，类似的元件或部分一般由类似的附图标记标识。附图中，各元件或部分并不一定按照实际的比例绘制。

图1为实施例一提供的方法的原理图。

图2为实施例三提供的mui025的网站页面。

图3为实施例三提供的mui001的网站页面。

图4为实施例三中，根据install.json文件注册的UI信息表。

图5为实施例三中，UI参数表插入的UI配置数据结构。

图6为实施例四中提供的终端的模块示意图。

具体实施方式

下面将结合附图对本发明技术方案的实施例进行详细的描述。以下实施例仅用于更加清楚地说明本发明的技术方案，因此只作为示例，而不能以此来限制本发明的保护范围。需要注意的是，除非另有说明，本申请使用的技术术语或者科学术语应当为本发明所属领域技术人员所理解的通常意义。

需要注意的是，除非另有说明，本申请使用的技术术语或者科学术语应当为本发明所属领域技术人员所理解的通常意义。

应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

如在本说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。

具体实现中，本发明实施例中描述的终端包括但不限于诸如具有触摸敏感表面(例如，触摸屏显示器和/或触摸板)的移动电话、膝上型计算机或平板计算机之类的其它便携式设备。还应当理解的是，在某些实施例中，所述设备并非便携式通信设备，而是具有触摸敏感表面(例如，触摸屏显示器和/或触摸板)的台式计算机。

在接下来的讨论中，描述了包括显示器和触摸敏感表面的终端。然而，应当理解的是，终端可以包括诸如物理键盘、鼠标和/或控制杆的一个或多个其它物理用户接口设备。

终端支持各种应用程序，例如以下中的一个或多个：绘图应用程序、演示应用程序、文字处理应用程序、网站创建应用程序、盘刻录应用程序、电子表格应用程序、游戏应用程序、电话应用程序、视频会议应用程序、电子邮件应用程序、即时消息收发应用程序、锻炼支持应用程序、照片管理应用程序、数码相机应用程序、数字摄影机应用程序、web浏览应用程序、数字音乐播放器应用程序和/或数字视频播放器应用程序。

可以在终端上执行的各种应用程序可以使用诸如触摸敏感表面的至少一个公共物理用户接口设备。可以在应用程序之间和/或相应应用程序内调整和/或改变触摸敏感表面的一个或多个功能以及终端上显示的相应信息。这样，终端的公共物理架构(例如，触摸敏感表面)可以支持具有对用户而言直观且透明的用户界面的各种应用程序。

实施例一：

一种批量化生产和运维网站模板的方法，参见图1，包括以下步骤：

UI制作入库步骤：制作多个UI，并在制作完成后，利用PHP开发的UI管理模块调试上线到服务器，对UI进行封装入库；

具体地，UI可采用现有方法制作。本发明的核心设计思路是将网站模板所有页面模块化，称之为UI区块(以下简称为“UI”)，网站模板以UI为基础，通过人工制作若干个UI，并不断丰富和完善UI库，然后通过组合UI批量化生产各种样式的网站模板，网站上线后再通过单独升级UI，实现所有使用该UI的所有模板批量升级。

模板拼装步骤：利用PHP开发的模板制作模块在预设的模板页面上添加多个UI，拼装成完整的模板文件；

模板自动生成步骤：上线对完成的模板文件进行配置。

具体地，现有的网站模板制作是按套生产，设计制作一套样式控制css文件、特效控制JS文件和若干个页面html代码，页面的区块共用一套html/css/js文件，无法独立。本实施例通过PHP编程和MYSQL数据库技术，将模板制作过程划分为UI制作入库、模板拼装、模板自动生成三个独立的步骤，使得原本人工制作的网站模板html/css/js整体文件通过PHP软件按照各个模板页面调用的UI自动打包生成。

该方法将网站模板按照模块化思维，从设计、生产、安装、运行、设置、升级、维护等多个方面将网站模板分割为独立的区块，通过PHP开发的软件将各种独立的区块拼装为各式各样的完整网站模板，从而实现网站模板生产的标准化和批量化；通过服务器统一管理独立区块，从而实现网站模板上线安装到用户服务器搭建网站后的升级运维批量化、标准化。

实施例二：

实施例二的方法，在实施例一的基础上增加了以下内容：

在UI制作入库步骤中，所述UI包括代码文件和UI数据库；

代码文件包括index.php代码文件、index.css文件、index.js文件和config.json文件；其中所述index.php代码文件用于存放UI区块布局及调用网站后台数据；所述index.css文件用于控制UI样式；所述index.js文件用于控制显示特效；所述config.json文件用于系统内置样式配置和特效调用配置；

所述UI数据库包括UI配置表(例如命名为met_ui表)和UI参数表(例如命名为met_ui_config表)；其中UI配置表用于配置UI的基本信息；UI参数表用于配置UI的参数信息。

其中，所述基本信息包括UI的名称、类别、版本号、适合页面和功能描述；所述参数信息包括背景颜色、文字颜色、文字大小、图片长宽、数据调用选择参数、功能切换开关和区块显示开关。

具体地，UI数据库使用MYSQL数据库。

进一步地，所述UI制作入库步骤在调试上线到服务器进行封装入库之后，还包括：

自动生成安装和升级使用的install.json数据库配置文件。

这样将可以区块的参数动态化了，例如颜色、样式、文字。本实施例在制作UI的过程中，固态化的内容就只有区位(位置)。

在模板拼装步骤中，所述模板页面包括页面文件和页面数据库；所述页面数据库包括UI数据列表(例如命名为met_ui_list表)；

所述模板拼装步骤中添加UI具体包括：

通过UI数据列表进行UI使用注册，在页面文件(如index.php)中添加UI注册信息；

自动生成模板安装配置文件：例如：ui.josn文件；

从服务器中自动下载最新的UI。

在模板自动生成步骤中，具体包括：

使用PHP开发的模板管理模块添加一套模板文件后，模板管理模块会根据模板文件夹中的模板安装配置文件自动插入数据表及数据结构；

根据UI数据列表连接服务器下载对应的UI文件；

UI安装完成后，当访问或通过后台配置网站时，模板管理模块调用模板解析打包模块，按照页面文件自动注册UI，具体包括：

配置UI的代码文件；

将配置后的代码文件合并解析，生成页面html缓存文件。

具体地，可以先读取UI的CSS和JS文件，并将文件中的动态参数解析为网站使用者设置的数值(如将网站主要风格颜色参数$firstcolor$解析为#000000,黑色)，合并解析后进行自动打包生成统一的CSS和JS缓存文件(如index.css、index.js)，然后再读取所有UI的index文件，并将文件中的动态参数解析为网站使用者设置的数值和网站文字内容、图片等，合并解析后自动打包生成统一的页面html缓存文件，浏览者访问网站时就能浏览到完整的网站页面，通过浏览器查看html源代码就是本发明实施例技术批量生成解析后的网站模板源码。

现有技术开发的网站模板上线后，当模板出现BUG或其他需要优化的时候，只能修改模板的文件，尤其当若干套不同的模板有同样一个区块内容，且这个区块内容需要优化升级时，就不得不将所有模板文件手动修复后再进行模板文件升级。

本发明实施例将模板拆分为若干个独立UI区块后，将所有UI封装入库在线管理，当发现模板的某个区块需要优化升级时，就可以人工修改UI文件，更改UI配置表中的UI版本号，重新打包上线到服务器，然后使用本UI区块的所有模板就会通过模板管理模块自动比对网站当前使用的UI版本号和UI库服务器的最新版本号，并提升用户升级，用户点击升级模板管理模块就会自动下载UI服务器中的最新UI文件，文件下载完毕后，软件会根据网站当前数据库中此UI的配置数据和模板安装配置文件的进行比对，将模板安装配置文件新增或修改的数据参数进行自动插入或修改，然后自动清空网站已生成的html/css/js缓存文件，浏览者再次访问网站时便可以重新生成模板的最新html源码文件，从而完成若干套不同模板的统一升级维护。

本发明实施例所提供的方法，为简要描述，实施例部分未提及之处，可参考前述方法实施例中相应内容。

实施例三：

为了让本领域技术人员更加理解本发明的上述实施例，下面以我们已上线的模板https://show.metinfo.cn/m/mui001/323/(以下简称mui001，参见图3)和https://show.metinfo.cn/m/mui025/328/(以下简称mui025，参见图2)为例进行说明。为了简化篇幅，达到简单易懂的目的，这里仅以网站首页及首页的部分UI进行举例。

mui001和mui005从外观上看无论是色调还是区块，都有非常大的差别，但实际上这两天模板使用了很多相同的UI区块。

1、首页及公共文件(head.php、index.php、foot.php)和所用UI对比如表1所示。

表1：

从以上表格可以看出，两套模板的首页都使用的UI有head_nav|met_16_1，banner|met_16_1，service_list|met_16_1，product_list|met_16_1，foot_nav|met_16_1，foot_info|met_16_1。

2、以service_list|met_16_1、mui001首页为例说明本发明实施例的技术实现方法：

首先：制作人员根据统一的命名规则对UI进行分类和编号命名后，制作UI的基础代码文件index.php\index.css\index.js\config.json，然后打包自动生成intall,提交入库到UI在线服务器。其中install.json文件为系统根据UI数据表自动生成的数据库配置文件，包含UI的版本号("ui_version":"1.5")及UI区块的数据调用和颜色参数等。

然后：工作人员使用模板制作模块选用添加UI，批量制作网站模板，如在首页index.php中添加service_list|met_16_1，系统就会自动下载UI文件至模板目录，如templates\mui001\ui\service_list\met_16_1\，然后安装模块根据install.json文件在数据库的met_ui_list表中注册UI，如图4所示，注册ID为47，注册后再在index.php中添加一行UI注册使用代码<ui name＝"service_list"style＝"met_16_1"id＝"47"/>。

并在UI参数表中插入UI配置数据结构，如图5所示：

最后：模板制作完成后就可以打包上线，访问网站首页时，系统就会根据首页所有的注册UI，自动解析打包生成html网页展示所需要的css\js和展示的html文件，当以上示例中的service_list|met_16_1在线UI库版本升级为1.6时，mui001\mui025变为提示用户升级，从而实现批量升级，批量维护。

实施例四：

一种终端，参见图6，包括处理器801、输入设备802、输出设备803和存储器804，所述处理器801、输入设备802、输出设备803和存储器804通过总线805相互连接，其中，所述存储器804用于存储计算机程序，所述计算机程序包括程序指令，所述处理器801被配置用于调用所述程序指令，执行实施例一至二所述的方法。

应当理解，在本发明实施例中，所称处理器801可以是中央处理单元(CentralProcessing Unit，CPU)，该处理器还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

输入设备802可以包括触控板、指纹采传感器(用于采集用户的指纹信息和指纹的方向信息)、麦克风等，输出设备803可以包括显示器(LCD等)、扬声器等。

该存储器804可以包括只读存储器和随机存取存储器，并向处理器801提供指令和数据。存储器804的一部分还可以包括非易失性随机存取存储器。例如，存储器804还可以存储设备类型的信息。

具体实现中，本发明实施例中所描述的处理器801可执行第一实施例和第二实施例中所描述的实现方式，在此不再赘述。

实施例五：

一种计算机可读存储介质，其特征在于，所述计算机存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行实施例一至二所述的方法。

所述计算机可读存储介质可以是前述任一实施例所述的终端的内部存储单元，例如终端的硬盘或内存。所述计算机可读存储介质也可以是所述终端的外部存储设备，例如所述终端上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(SecureDigital,SD)卡，闪存卡(Flash Card)等。进一步地，所述计算机可读存储介质还可以既包括所述终端的内部存储单元也包括外部存储设备。所述计算机可读存储介质用于存储所述计算机程序以及所述终端所需的其他程序和数据。所述计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的数据。

具体实现中，本发明实施例中所描述的处理器可执行第一实施例和第二实施例中所描述的实现方式，在此不再赘述。

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围，其均应涵盖在本发明的权利要求和说明书的范围当中。

Claims (6)

1.一种批量化生产和运维网站模板的方法，其特征在于，包括以下步骤：

UI制作入库步骤：制作多个UI，并在制作完成后，利用PHP开发的UI管理模块调试上线到服务器，对UI进行封装入库；所述UI包括代码文件和UI数据库；所述UI数据库包括UI配置表和UI参数表；其中UI配置表用于配置UI的基本信息；UI参数表用于配置UI的参数信息；代码文件包括index.php代码文件、index.css文件、index.js文件和config.json文件；其中所述index.php代码文件用于存放UI区块布局及调用网站后台数据；所述index.css文件用于控制UI样式；所述index.js文件用于控制显示特效；所述config.json文件用于系统内置样式配置和特效调用配置；

模板拼装步骤：利用PHP开发的模板制作模块在预设的模板页面上添加多个UI，拼装成完整的模板文件；

模板自动生成步骤：上线对完成的模板文件进行配置；

所述模板页面包括页面文件和页面数据库；所述页面数据库包括UI数据列表；

所述模板拼装步骤中添加UI具体包括：

通过UI数据列表进行UI使用注册，在页面文件中添加UI注册信息；

自动生成模板安装配置文件；

从服务器中自动下载最新的UI。

2.根据权利要求1所述批量化生产和运维网站模板的方法，其特征在于，

所述基本信息包括UI的名称、类别、版本号、适合页面和功能描述；

所述参数信息包括背景颜色、文字颜色、文字大小、图片长宽、数据调用选择参数、功能切换开关和区块显示开关。

3.根据权利要求2所述批量化生产和运维网站模板的方法，其特征在于，

所述UI制作入库步骤在调试上线到服务器进行封装入库之后，还包括：

自动生成安装和升级使用的install.json数据库配置文件。

4.根据权利要求3所述批量化生产和运维网站模板的方法，其特征在于，

所述模板自动生成步骤具体包括：

使用PHP开发的模板管理模块添加一套模板文件后，模板管理模块会根据模板文件夹中的模板安装配置文件自动插入数据表及数据结构；

根据UI数据列表连接服务器下载对应的UI文件；

UI安装完成后，当访问或通过后台配置网站时，模板管理模块调用模板解析打包模块，按照页面文件自动注册UI，具体包括：

配置UI的代码文件；

将配置后的代码文件合并解析，生成页面html缓存文件。

5.一种终端，其特征在于，包括处理器、输入设备、输出设备和存储器，所述处理器、输入设备、输出设备和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如权利要求1-4任一项所述的方法。

6.一种计算机可读存储介质，其特征在于，所述计算机存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行如权利要求1-4任一项所述的方法。

Images