[发明专利]Web前端开发平台

说明书

技术领域

本发明实施例涉及互联网技术领域，尤其涉及一种Web前端开发平台。

背景技术

互联网显示页面(WorldWideWeb，Web)技术是随着Internet的普及使用而发展起来的一门技术，它的发明极大地方便了人们对互联网上资源的组织和访问。

现有技术中，对于Web前端技术的开发，一般采取直译式脚本语言JavaScript和轻量级的JavaScript脚本语言JQuery两种技术相混合的方法，这需要开发人员需要了解很多的前台技术内容，并且需要掌握大量JavaScript或JQuery的使用方法，而且在开发过程中需要编写大量的程序代码。

然而这两种技术混合使用存在着诸多弊端：(1)缺乏安全性，由于JavaScript的安全问题，黑客可以利用这些漏洞植入一些软件、劫持用户会话等。(2)缺乏维护性，需要开发人员了解大量的前台知识才能维护本系统，会增加维护成本。

发明内容

本发明实施例提供一种Web前端开发平台，提高Web前端开发的安全性，并降低维护成本。

本发明实施例提供了一种Web前端开发平台，包括：

页面模板提供模块，用于提供多种Web显示主页模板，所述主页模板中包含至少一个多级导航菜单项和/或至少一个树结构导航菜单项；

页面内容模板提供模块，用于为Web显示主页提供至少一种页面内容模板，所述页面内容模板包含至少一个文字内容导航选项和至少一个图标内容导航选项。

本发明实施例通过页面模板提供模块提供多种Web显示主页模板，所述主页模板中包含至少一个多级导航菜单项和/或至少一个数结构导航菜单项；通过页面内容模板提供模块为Web显示主页提供至少一种页面内容模板，所述页面内容模板包含至少一个文字内容导航选项和至少一个图标内容导航选项。本发明实施例能够提高Web前端开发的安全性，并降低维护成本。

附图说明

图1为本发明实施例提供的Web前端开发平台的结构示意图；

图2为本发明实施例提供的Web前端开发平台中的抽屉型导航菜单项的显示界面示意图；

图3为本发明实施例提供的Web前端开发平台中的图标内容导航选项的显示界面示意图；

图4为本发明实施例提供的Web前端开发平台中的将网页原始的提示信息改造成新的风格的示例示意图；

图5为本发明实施例提供的Web前端开发平台中的新增部分组件的示例示意图；

图6为本发明实施例提供的Web前端开发平台中的图标库的示例示意图；

图7为本发明实施例提供的Web前端开发平台中的组件与特效的分离版本的示例示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

图1为本发明实施例提供的Web前端开发平台的结构示意图，如图1所示，具体包括：页面模板提供模块11和页面内容模板提供模块12；

所述页面模板提供模块11用于提供多种Web显示主页模板，所述主页模板中包含至少一个多级导航菜单项和/或至少一个树结构导航菜单项；

其中，多级导航菜单项可为纵向或横向的多级导航菜单项，所述树结构导航菜单项也可为横向的树状导航菜单项。所述页面模板提供模块11可提供十多种甚至更多的Web显示主页模板。另外，所述主页模板中还包含至少一个抽屉型导航菜单项。

具体的，所述多级导航菜单项和所述树结构导航菜单项可为通过门户portal认证的导航菜单项，且每种导航结构支持的菜单层级也不尽相同。如图2所示，为本实施例提供的抽屉型导航菜单项的显示界面示意图。开发者可以根据自己的需要选择任意一种或多种，然后基于选定的Web显示主页模板进行开发。十多种主页模板足够应对各种各样的Web显示系统的需求。

所述页面内容模板提供模块12用于为Web显示主页提供至少一种页面内容模板，所述页面内容模板包含至少一个文字内容导航选项和至少一个图标内容导航选项。

具体的，如图3所示，为本实施例提供的图标内容导航选项的显示界面示意图。另外，所述页面内容模板提供模块12可提供非常多的页面内容模板，并可给出代码示例。开发者在制作一个页面时，可以根据自己的需要找到合适的页面内容模板，然后通过拷贝或者修改相关代码即可做出美观、兼容性好、用户体验良好的页面。