[发明专利]目录可视化维护方法和装置

说明书

技术领域

本发明涉及网站维护领域，具体而言，涉及一种目录可视化维护方法和装置。

背景技术

网站系统中经常需要在页面前端展示目录结构的内容，如商品分类、地区分类等，这些信息内容不固定，需要进行后台维护。

现有的维护方式如下：在后台利用文本框组件（textbox）将这些目录的代码直接展示出来，然后在textbox中修改代码，最后再在页面前端展示。

现有技术方案利用textbox的形式维护目录结构的代码，相当于在写程序，界面不友好且容易造成维护的高错误率，进而造成页面前端展示错误。此外，目录是页面前端使用量较大的模块，一旦出错对系统影响较大，不利于网站的推广。

如何改变这种面向代码的维护方式同时提高维护效率，是网站维护人员所面临的难题。

发明内容

为解决上述技术问题，本发明提供了一种目录可视化维护方法和装置，能在页面前端以目录展现样式的界面进行可视化的所见即所得的维护。

根据本发明的一种实施例，提供了一种目录可视化维护方法，包括：

页面前端调用源超文本标记语言（Hyper Text Mark-up Language，html）代码，将所述源html代码嵌入页面文件以展示出目录的结构；

为所述源html代码中的每一类html标签加载JavaScript事件函数；

通过所述事件函数捕捉用户对所述目录的结构的操作事件并根据所述操作事件对所述源html代码进行修改；

在所述页面前端根据修改后的html代码展示目录的结构。

根据本发明的一种实施例，提供了一种目录可视化维护装置，包括：

页面前端，用于调用源html代码，将所述源html代码嵌入页面文件以展示出目录的结构；

事件函数加载模块，用于为所述源html代码中的每一类html标签加载JavaScript事件函数；

事件函数处理模块，用于捕捉用户对所述目录的结构的操作事件并根据所述操作事件对所述源html代码进行修改；

所述页面前端还用于，根据修改后的html代码展示目录的结构。

实施本发明实施例所提供的目录可视化维护方法和装置，具有如下优点：不依赖于目录层级的多少以及每一层级上的类目数量的多少，能自适应的读取已有的目录结构，通过将目录的代码嵌入到页面文件并在页面前端展示，同时通过设置事件并利用JavaScript来控制该事件所触发的对于目录结构的增加、删除或修改操作（本质上即对这些目录结构的html代码的重新编辑），从而实现目录的可视化维护，有效提高维护效率。

附图说明

图1是根据本发明实施例的一种目录可视化维护方法的流程示意图；

图2是根据本发明实施例的一种目录可视化维护方法的流程示意图；

图3是根据本发明实施例的一种目录可视化维护装置的方块示意图；

图4是根据本发明实施例的一种目录可视化维护装置的方块示意图。

具体实施方式

为使本发明的实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步地详细描述。

图1是根据本发明实施例的一种目录可视化维护方法的流程示意图，参见图1，该方法包括：

100：页面前端调用源html代码，将所述源html代码嵌入页面文件以展示出目录的结构。其中，页面前端调用的源html代码可以是完整的源html代码，也可以是源html代码片段。

通过100可以在页面前端显示经过浏览器解析的图形化界面。

102：为所述源html代码中的每一类html标签加载JavaScript事件函数。

JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用JavaScript可以与html超文本标记语言、Java脚本语言一起实现在一个Web页面中连接多个对象、与Web客户交互等作用。JavaScript通过嵌入或调入到标准的html语言中实现。

104：通过所述事件函数捕捉用户对所述目录的结构的操作事件并根据所述操作事件对所述源html代码进行修改。

其中，所述用户的操作事件可以包括鼠标事件（例如：单击事件）、键盘事件等。

106：在所述页面前端根据修改后的html代码展示目录的结构。