前言

  上一篇文章,我们简单介绍了如何个性化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. SpringMVC 数据校验

    1.引入jar包 2.配置验证器 <!-- 配置验证器 --> <bean id="myvalidator" class="org.springfram ...

  2. MyBatis6:MyBatis集成Spring事物管理(下篇)

    前言 前一篇文章<MyBatis5:MyBatis集成Spring事物管理(上篇)>复习了MyBatis的基本使用以及使用Spring管理MyBatis的事物的做法,本文的目的是在这个的基 ...

  3. [转载]大型网站应用中 MySQL 的架构演变史

    没有什么东西是一成不变的,包含我们的理想和生活!MySQL作为一个免费的开源的关系型数据库,深受大家喜爱,从最初的无人问津到当下的去IOE,都体现出了MySQL举足轻重的作用.今天我们就从淘宝的发展来 ...

  4. 实现ABP中Person类的权限功能

    菜单项的显示功能已经完全OK了.那么我们就开始制作视图功能吧. 首先测试接口是否正常 我们通过代码生成器将权限和application中大部分功能已经实现了.那么我们来测试下这些接口ok不. 浏览/a ...

  5. AngularJs之三

    一.angularJs的指令模型ng-model指令 ng-model 指令 绑定 HTML 元素 到应用程序数据. 为应用程序数据提供类型验证(number.email.required).为应用程 ...

  6. PHP扩展-如何使用文件config.m4

    config.m4文件用于指定正在开发的扩展在类unix系统下构建时支持的选项,指定此扩展需要哪些库以及哪些源文件:使用 GNU autoconf 语法编写.注意需要重新执行phpize,config ...

  7. Redis之AOF备份

    redis在进行备份的时候有2种方式:1.RDB:2.AOF:现在主要讲哈AOF的备份 1.找到redis.config配置文件,大部分下载下来和redis-service同目录: 2.打开redie ...

  8. Java–cvc-complex-type.4:Attribut ‘version’ must appear on element ‘web-app’

    问题解析: 在web.xml中的以下代码中 <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi=" ...

  9. linux tree 命令

    使用cmder确实是方便了很多,想看命令帮助信息: $ help tree 以图形显示驱动器或路径的文件夹结构. TREE [drive:][path] [/F] [/A] /F 显示每个文件夹中文件 ...

  10. C#制作、打包、签名、发布Activex全过程

    一.前言 最近有这样一个需求,需要在网页上面启动客户端的软件,软件之间的通信.调用,单单依靠HTML是无法实现了,因此必须借用Activex来实现.由于本人主要擅长C#,自然本文给出了用C#实现的范例 ...