SharePoint布局页建立（实战）

分享人：广州华软 极简

一. 前言

SharePoint有母版页及布局页，母版页控制页面头部、底部，而布局页则控制页面中间内容区域。经过布局页，能够快速修改页面内容区域。

SharePoint的页面布局，由DIV+CSS以及SharePoint的web部件组成。编写好布局页面后，使用到网站中，仅须要经过编辑页面，把相应的功能部件添加或移动到布局页面中相应的web部件区便可实现无代码修改页面。

本文适用于初学者。

二. 目录

1. 前言

2. 目录

3. 为什么须要布局页

4. 建立布局页

5. 总结

三. 为何须要布局页

在使用时，经过布局页，可让页面选择某个布局页，便可将布局页的内容添加进页面，而不须要代码去控制，简单快捷。

在开发、维护时，经过布局页，能够仅修改布局页，即可将全部使用布局页的页面统一修改，而不须要修改多个页面，大大下降了开发、维护时间。

四. 建立布局页

下面以某网站为例，描述一下建立布局页过程。

登陆Sharepoint网站后，找到右上角齿轮，选择“网站设置”

 

 

点击“母版页和页面布局”

 

 

在类型那里打个勾后左上角会出现文件、库等选项。而后按照图中所示顺序，依次点击“文件”—>“新建文档”—>“页面布局”

 

 

这里“内容类型组”为“页面布局内容类型”，“内容类型名称”为“欢迎页面”，而后在URL名称填写布局页面的名称点击“肯定”就能够了

 

 

保存后，经过SPD（SharePointDesigner）在“页面布局”中找到刚刚建立的布局页，右键“在高级模式下编辑文件”

 

 

将布局页内容添加进去，这里以前不写布局页内容，到这里来写也同样，不过推荐先在写html文件的时候，把布局页也作完，等到这一步的时候直接粘贴就能够了。这样的好处在于方便以前的调试。

 

 

在左上角有个插入的选项，以下图，选择好位置点击web部件区在想要添加web部件区的地方添加web部件区添加后保存。

 

 

保存后，记得签入跟发布，不然没有权限的人看不到最新版本。

未签入的文件名前方会有绿色勾，选中需签入的文件，点击上方“签入”

 

 

在弹出的窗口中，选择“发布主要版本”，点击“肯定”便可

 

 

签入并发布后，会在文件名前方有蓝色叹号，以下图

 

 

 

五. 总结

布局页是颇有必要的，若是有多个页面结构一致，可在后期维护时，只修改布局页便可，大大减小了工做量。但愿上面的操做过程可以帮你更清楚的知道如何建立布局页。