zoukankan      html  css  js  c++  java
  • SharePoint布局页创建(实战)

    分享人:广州华软 极简

    一. 前言

    SharePoint有母版页及布局页,母版页控制页面头部、底部,而布局页则控制页面中间内容区域。通过布局页,可以快速修改页面内容区域。

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

    本文适用于初学者。

    二. 目录

    1. 前言

    2. 目录

    3. 为何需要布局页

    4. 创建布局页

    5. 总结

    三. 何需要布局页

    在使用时,通过布局页,可以让页面选择某个布局页,即可将布局页的内容添加进页面,而不需要代码去控制,简单快捷。

    在开发、维护时,通过布局页,可以仅修改布局页,便可将所有使用布局页的页面统一修改,而不需要修改多个页面,大大降低了开发、维护时间。

    四. 创建布局

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

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

     

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

     

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

     

    这里“内容类型组”为“页面布局内容类型”,“内容类型名称”为“欢迎页面”,然后在URL名称填写布局页面的名称点击“确定”就可以了

     

    保存后,通过SPD(SharePointDesigner)在“页面布局”中找到刚刚创建的布局页,右键“在高级模式下编辑文件”

     

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

     

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

     

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

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

     

    在弹出的窗口中,选择“发布主要版本”,点击“确定”即可

     

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

     

     

    五. 总结

    布局页是很有必要的,如果有多个页面结构一致,可在后期维护时,只修改布局页即可,大大减少了工作量。希望上面的操作过程能够帮你更清楚的知道如何创建布局页。

  • 相关阅读:
    nginx能访问html静态文件但无法访问php文件
    LeetCode "498. Diagonal Traverse"
    LeetCode "Teemo Attacking"
    LeetCode "501. Find Mode in Binary Search Tree"
    LeetCode "483. Smallest Good Base" !!
    LeetCode "467. Unique Substrings in Wraparound String" !!
    LeetCode "437. Path Sum III"
    LeetCode "454. 4Sum II"
    LeetCode "445. Add Two Numbers II"
    LeetCode "486. Predict the Winner" !!
  • 原文地址:https://www.cnblogs.com/gzhr/p/10675407.html
Copyright © 2011-2022 走看看