当前位置:主页 > Office办公 > SharePoint托管导航

SharePoint托管导航

SharePoint 托管导航及相关配置实例教程
SharePoint 托管导航及相关配置实例教程

设计完善的导航可告诉您网站的用户大量有关网站所提供业务、产品和服务的信息。通过更新导航背后的分类法,可以推动业务并保持更新,而不必在过程中重新创建其网站导航。在 SharePoint 2013 中,可以使用托管导航功能来设计由托管元数据驱动的网站导航以及创建源自于托管导航结构的 SEO 友好 URL。  托管导航可以代替基于 SharePoint 结构的传统 SharePoint 导航功能(结构化导航)。因为托管导航由分类驱动,所以您可以用它来设计围绕重要业务理念的网站导航,而无需更改网站或网站组件的结构。一、效果展示:1、全局导航以及当前导航,如下图:  如上图,全局导航是最上面横向显示的,当前导航是右侧竖向显示的(类似之前版本的左侧导航),而且,显示内容是不相同的。2、友好的URL访问,如下图:  如上图,大家可以看出来,上图是文档库的AllItems.aspx页面,本来访问的URL链接应该为“http://URL/PPT_Transfer/Forms/AllItems.aspx”这样的结构,现在变成友好的URL访问,看起来更加舒服了吧?  同样,这样友好的URL访问方式,也适用于DispFrom.aspx页面,接下来,我们就尝试配置一下。

281 次浏览
SharePoint 托管导航及相关配置教程
SharePoint 托管导航及相关配置教程

本文的思路是使用JQuery重写SharePoint自带托管导航的样式,其实思路和脚本都非常简单,引用一下JQuery脚本,然后重写导航的样式,把脚本放到母版页中,即可。当然,使用JQuery可以做很炫的导航,还是要看你的JQuery功底了,笔者前台比较弱,JQuery也不经常使用,只是简单例子介绍使用方法,还请勿见笑。  之前看到一篇类似的博客,是使用Asp.net读取当前导航,然后解析html用JQuery重写的,看到里面的代码也不是很完整,实践起来比较有难度,不如在页面上直接操作DOM对象,来实现我们想要的效果。特别要说的是,SharePoint默认只支持三级导航,暂时我还没有发现,如何继续扩展,下面,进入图文描述。  1、 用SPD(SharePoint Designer 2013)打开网站,找到母版页,在高级模式下编辑文件;  2、 将脚本拷贝到服务器目录,在Layouts目录下创建一个MyScript文件夹;  如下图,两个JQuery库的文件,一个是脚本文件(当然,你可以直接将脚本放到母版页中,也没问题,但是需要SPD打开母版页,才能编辑脚本,这样记事本就可以了);  3、 在母版页中添加脚本引用,我添加到了head节点里面了,如下图;  4、 找到顶部导航,在外面套一个div标签,写上一定要不重复的id,方便JQuery获取;

267 次浏览