Web前端开发平台的制作方法
【技术领域】
[0001]本发明实施例涉及互联网技术领域,尤其涉及一种Web前端开发平台。
【背景技术】
[0002]互联网显示页面(World Wide Web, Web)技术是随着Internet的普及使用而发展起来的一门技术,它的发明极大地方便了人们对互联网上资源的组织和访问。
[0003]现有技术中,对于Web前端技术的开发,一般采取直译式脚本语言JavaScript和轻量级的JavaScript脚本语言JQuery两种技术相混合的方法,这需要开发人员需要了解很多的前台技术内容,并且需要掌握大量JavaScript或JQuery的使用方法,而且在开发过程中需要编写大量的程序代码。
[0004]然而这两种技术混合使用存在着诸多弊端:(1)缺乏安全性,由于JavaScript的安全问题,黑客可以利用这些漏洞植入一些软件、劫持用户会话等。(2)缺乏维护性,需要开发人员了解大量的前台知识才能维护本系统,会增加维护成本。
【发明内容】
[0005]本发明实施例提供一种Web前端开发平台,提高Web前端开发的安全性,并降低维护成本。
[0006]本发明实施例提供了一种Web前端开发平台,包括:
[0007]页面模板提供模块,用于提供多种Web显示主页模板,所述主页模板中包含至少一个多级导航菜单项和/或至少一个树结构导航菜单项;
[0008]页面内容模板提供模块,用于为Web显示主页提供至少一种页面内容模板,所述页面内容模板包含至少一个文字内容导航选项和至少一个图标内容导航选项。
[0009]本发明实施例通过页面模板提供模块提供多种Web显示主页模板,所述主页模板中包含至少一个多级导航菜单项和/或至少一个数结构导航菜单项;通过页面内容模板提供模块为Web显示主页提供至少一种页面内容模板,所述页面内容模板包含至少一个文字内容导航选项和至少一个图标内容导航选项。本发明实施例能够提高Web前端开发的安全性,并降低维护成本。
【附图说明】
[0010]图1为本发明实施例提供的Web前端开发平台的结构示意图;
[0011]图2为本发明实施例提供的Web前端开发平台中的抽屉型导航菜单项的显示界面示意图;
[0012]图3为本发明实施例提供的Web前端开发平台中的图标内容导航选项的显示界面示意图;
[0013]图4为本发明实施例提供的Web前端开发平台中的将网页原始的提示信息改造成新的风格的示例示意图;
[0014]图5为本发明实施例提供的Web前端开发平台中的新增部分组件的示例示意图;
[0015]图6为本发明实施例提供的Web前端开发平台中的图标库的示例示意图;
[0016]图7为本发明实施例提供的Web前端开发平台中的组件与特效的分离版本的示例示意图。
【具体实施方式】
[0017]下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
[0018]图1为本发明实施例提供的Web前端开发平台的结构示意图,如图1所示,具体包括:页面模板提供模块11和页面内容模板提供模块12 ;
[0019]所述页面模板提供模块11用于提供多种Web显示主页模板,所述主页模板中包含至少一个多级导航菜单项和/或至少一个树结构导航菜单项;
[0020]其中,多级导航菜单项可为纵向或横向的多级导航菜单项,所述树结构导航菜单项也可为横向的树状导航菜单项。所述页面模板提供模块11可提供十多种甚至更多的Web显示主页模板。另外,所述主页模板中还包含至少一个抽屉型导航菜单项。
[0021]具体的,所述多级导航菜单项和所述树结构导航菜单项可为通过门户portal认证的导航菜单项,且每种导航结构支持的菜单层级也不尽相同。如图2所示,为本实施例提供的抽屉型导航菜单项的显示界面示意图。开发者可以根据自己的需要选择任意一种或多种,然后基于选定的Web显示主页模板进行开发。十多种主页模板足够应对各种各样的Web显示系统的需求。
[0022]所述页面内容模板提供模块12用于为Web显示主页提供至少一种页面内容模板,所述页面内容模板包含至少一个文字内容导航选项和至少一个图标内容导航选项。
[0023]具体的,如图3所不,为本实施例提供的图标内容导航选项的显不界面不意图。另夕卜,所述页面内容模板提供模块12可提供非常多的页面内容模板,并可给出代码示例。开发者在制作一个页面时,可以根据自己的需要找到合适的页面内容模板,然后通过拷贝或者修改相关代码即可做出美观、兼容性好、用户体验良好的页面。
[0024]本实施例通过页面模板提供模块提供多种Web显示主页模板,所述主页模板中包含至少一个多级导航菜单项和/或至少一个数结构导航菜单项;通过页面内容模板提供模块为Web显示主页提供至少一种页面内容模板,所述页面内容模板包含至少一个文字内容导航选项和至少一个图标内容导航选项。本实施例提供的Web前端开发平台包含了大量主页模板和页面内容模板,开发人员在开发时只需要调用这些模板即可,而无需编写大量的程序代码进行实现,可以提高开发效率,并且本实施例提供的Web前端开发平台还能够提高Web前端开发的安全性,并降低维护成本。
[0025]示例性的,在上述实施例的基础上,所述Web前端开发平台还包括:
[0026]组件修改模块,用于对平台中的已有模板或组件进行修改,以Web显示出不同的风格。
[0027]具体的,所述组件修改模块可对已有的网页原有组件或模板进行改进,一方面可以提高组件或模板的美观和扩展性,另一方面还不影响开发者的开发习惯,有助于开发效率的进一步提升。如图4所示,为将网页原始的提示信息改造成新的风格的示例。
[0028]示例性的,在上述实施例的基础上,所述Web前端开发平台还包括:
[0029]项目添加模块,用于添加新开发出的具有特效功能的模板或组件。
[0030]具体的,当开发人员开发了具备新功能的组件或模板后,可通过项目添加模块将其添加到开发平台中,为开发者提供更为强大的组件和特效使用,可极大地提高开发效率和用户的体验度。如图5所示,为新增的部分组件的示例。
[0031]示例性的,在上述实施例的基础上,所述Web前端开发平台还包括:
[0032]样式模板模块,用于提供基本布局、控制展现方式、创建图标、创建按钮、创建菜单选项和创建工具条中的至少一种功能。
[0033]具体的,所述样式模板模块就是一些已经写好的显示样式,要实现主页外观上的调整,只要使用命令(例如class =“XXX”)就可以了,不必再写相关的程序代码,能够很大程度地提高开发效率。其中,所述样式模板模块可包含控制基本布局(例如,浮动、对齐和