前言

  上一篇文章,我们简单介绍了如何个性化O365的SharePoint站点,本文我们演示一下如何使用SharePoint自带的列表应用程序,定制一个公司新闻的栏目。

  其间,用到的主要工具是SharePoint Designer 2013,免费下载使用的。

  1、打开我们的站点,点击右上角小齿轮,点击添加应用程序,如下图:

  2、选择自定义列表,用来保存和编辑我们的新闻,里面保存的是我们的新闻的内容,如下图:

  3、填写列表名称,点击创建,稍等片刻即可;

  4、进入我们创建好的列表,点击列表设置,修改一下列表的基本设置;

  5、我们首先进入版本控制设置,如下图:

  6、根据我们的需要开启版本控制,为了草稿不被显示出去,也为了有发布问题,方便快速的找到之前的版本和草稿,如下图:

  7、我的设置如下图,大家可以根据自己的需要进行设置,节省资源也可以设置版本数量;

  8、然后创建栏,也就是我们的字段,如下图:

  9、建议创建栏先英文,后改名为中文的做法,否则中文会被编码(比如“内容”会被编码为“_x5185__x5bb9_”),然后设置非必填,不显示在默认视图;

  10、插入几条测试文档,因为站点就是demo使用,从北方网上摘录的几条新闻;

  11、点进去查看新闻,这个页面我们需要定制的,默认的不太美观;

  12、首先在首页上添加“公司新闻”的应用程序,如下图:

  13、编辑这个公司新闻的web部件,如下图:

  14、主要就是选中符合我们条件的视图,如下图:

  15、我们手动创建一个视图,为了首页展示,如下图:

  16、选中视图类型(大家不一定遵循例子的视图类型,可以多试试),如下图:

  17、填写视图名称和地址,如下图:

  18、修改默认的排序,我们选择按照修改时间排序,让最新的显示在最上面;

  19、选中筛选条件,我们这里让首页显示审批状态是已批准的(已批准状态符号为0,其他 1为已拒绝 2为待定 3为草稿)如下图:

  20、设置显示的项目数,首页不能显示太多项目,如下图:

  21、去掉单个项复选框,就是列表前面勾选的框,如下图:

  22、再次回到首页,可以选择我们的视图了,如下图:

  23、显示正常多了,更符合内网的样式,如下图:

  24、定制列表项的显示页面,这里需要Designer,如下图打开并找到列表位置:

  25、双击DispForm页面,打开要编辑的页面,如下图:

  26、可能进入的时候,是锁定编辑模式,我们需要点击菜单上的高级模式进行编辑;

  27、插入,插入一个公司新闻的DispForm页,如下图:

  28、找到页面如下位置的HTML进行修改,如下图:

  29、修改完毕的HTML,如下图:

<table border="0" cellspacing="0" width="100%">
<tr>
<td style="font-size:20px;font-weight:bold">
<xsl:value-of select="@Title"/>
</td>
</tr>
<tr>
<td style="font-size:12px;padding-top:20px;">
创建者:<xsl:value-of disable-output-escaping="yes" select="@Author"/> 创建时间:<xsl:value-of disable-output-escaping="yes" select="@Created"/>
<hr/>
</td>
</tr>
<tr>
<td>
<xsl:value-of disable-output-escaping="yes" select="@NewsContent"/>
</td>
</tr>
<xsl:if test="$dvt_1_automode = '1'" ddwrt:cf_ignore="1">
<tr>
<td colspan="99" class="ms-vb">
<span ddwrt:amkeyfield="ID" ddwrt:amkeyvalue="ddwrt:EscapeDelims(string(@ID))" ddwrt:ammode="view"></span>
</td>
</tr>
</xsl:if>
</table>

  30、预览一下我们修改的效果,是不是更好看了呢?如下图:

  31、我们会发现,无论点击那一条项目,都会显示ID为1的那条项目,所以还要定制筛选,如下图:

  32、Field Name选择ID,Value新建变量,如下图:

  33、参数的Name输入ID,参数源输入查询字符串,变量还输入ID;

  意思就是URL上的参数ID做查询字符串,传给我们的表单;

  34、我们字段里面的ID等于URL上查询字符串的ID的值的时候,显示,如下图:

  35、删掉原来位置网站源WebPart,否则不太协调了,如下图:

  36、至此,首页添加公司新闻栏目已经完成了,有兴趣的大家自己动手试一下吧,如下图:

总结

  SharePoint Online的优点也在于此,方便的使用和快速定制,一个小小的栏目就这样半小时时间搞定;当然,这样的能力也是需要积累的,不过,确实蛮好用的哦。

  好了,这次的文章就介绍到这里,休息。。休息一下。。

O365(世纪互联)SharePoint 之使用列表库发布新闻的更多相关文章

  1. SharePoint Online 创建列表库

    前言 本文介绍如何在Office 365中创建列表库,以及列表库的一些基本设置. 正文 通过登录地址登录到Office 365的SharePoint Online站点中,我们可以在右上角的设置菜单中, ...

  2. O365(世纪互联)SharePoint 之调查列表简单介绍

    前言 SharePoint中为了提供了很多开箱即用的应用程序,比如调查列表就是其中之一,同样,在O365版本里(国际版和世纪互联版本均可),也有这样的调查列表可以供我们使用,而使用起来非常方便和快速, ...

  3. O365(世纪互联)SharePoint 之文档库使用小记

    前言 当O365越来越流行的时候,大家往往更多使用的是传统的Office功能,有太少订阅用户能触及到O365的一个非常棒的功能,叫做SharePoint online. 下面,我们就以图文并茂的方式, ...

  4. O365(世纪互联)SharePoint 之使用Designer报错

    前言 在SharePoint Online中使用Designer报错,错误为:This Feature has been disabled by your administrator.找了好久发现原因 ...

  5. O365(世纪互联)SharePoint 之站点个性化

    前言 上一篇文章中,我们简单介绍了如何使用O365中SharePoint Online文档库,SharePoint Online的优点就是提供给我们很多非常方便开箱即用的功能,让我们快速的搭建站点,方 ...

  6. [SharePoint Online]SharePoint Designer无法打开世纪互联版sp online站点得解决方法,报错信息:请安装更新后再重新打开

    现象描述: 装了个x64版SharePoint designer 2013, 没有装SP1,在打开国际版得office 365 online得时候完全没有问题,但是在打开世纪互联版得时候就打不开,让安 ...

  7. SharePoint 2010 新列表模板列表

    SharePoint 2010 新列表模板列表 项目描述叙事 发展环境创造了良好的名单为模板.然后使用列表模板将其复制到生产环境. 脚步 1. 打开"列表设置",找到"将 ...

  8. SharePoint Online 创建资产库

    前言 本文介绍如何在Office 365中创建资产库库,以及资产库的一些基本设置. 正文 通过登录地址登录到Office 365的SharePoint Online站点中,我们可以在右上角的设置菜单中 ...

  9. SQL通过ContentTypeID找使用了内容类型的列表库

    DECLARE) SET @ContentTypeID='0x1B452DB25E92A34DA3E35FC8731278D2' SELECT w.Title AS [Web Site], w.Ful ...

随机推荐

  1. Selenium-java-获取当前时间

    1 获取当前时间 // 获取当前时分秒 Calendar now = Calendar.getInstance(); int is = now.get(Calendar.HOUR_OF_DAY); i ...

  2. hadoop 笔记(zookeeper)

    1.安装 需要提前安装java环境,本文下载zookeeper-3.3.6.tar.gz包. 1.1 tar -zxvf zookeeper-3.3.6.tar.gz 1.2 修改conf中的zoo_ ...

  3. 说说DOM的那些事儿

    引子 先来一颗栗子: <img src="/sub/123.jpg" alt="test" /> <script type="tex ...

  4. egret调用页面js的方法。

    参考文献: http://bbs.egret-labs.org/thread-267-3-1.html http://docs.egret-labs.org/post/manual/threelibs ...

  5. MySQL对时间戳的转换处理

    开发中很多时候在数据库里都会存储Long类型的时间戳,而时间戳做比对会相对麻烦 我的绝决方案: SELECT FROM_UNIXTIME(LEFT(create_time,10), '%Y-%m-%d ...

  6. 版本控制工具比较-CVS,SVN,GIT

    首先介绍几个版本控制软件相互比较的重要依据: a.版本库模型(Repository model):描述了多个源码版本库副本间的关系,有客户端/服务器和分布式两种模式.在客户端/服务器模式下,每一用户通 ...

  7. java自定义注解类

    一.前言 今天阅读帆哥代码的时候,看到了之前没有见过的新东西, 比如java自定义注解类,如何获取注解,如何反射内部类,this$0是什么意思? 于是乎,学习并整理了一下. 二.代码示例 import ...

  8. Android okHttp网络请求之Json解析

    前言: 前面两篇文章介绍了基于okHttp的post.get请求,以及文件的上传下载,今天主要介绍一下如何和Json解析一起使用?如何才能提高开发效率? okHttp相关文章地址: Android o ...

  9. AngularJS开发指南11:AngularJS的model,controller,view详解

    model model这个词在AngularJS中,既可以表示一个(比如,一个叫做phones的model,它的值是一个包含多个phone的数组)对象,也可以表示应用中的整个数据模型,这取决于我们所讨 ...

  10. AngularJS之指令

    紧接上篇博客“初探AngularJS” 一.前言 在AngularJS中指令尤为重要且内容庞多,固单独提炼出来,梳理一番.如有错误,请不吝讲解. 好了,言归正传,让我们一起走进Angular指令的世界 ...