首页 技术 正文
技术 2022年11月23日
0 收藏 382 点赞 2,963 浏览 1351 个字

  SharePoint Online的栏目,简单描述即显示在首页上的各个模块信息,这里,我们主要介绍我们首页上的栏目,包括简介类型、新闻列表类型、图片类型;

  下面,让我们开始在SharePoint Online的门户网站中创建栏目吧 。

一、 SharePoint Online 为栏目创建列表

  创建新闻中心列表,如下图:

  我们创建一个内容(多行文本)字段,用来保存新闻的内容:

SharePoint Online 创建门户网站系列之创建栏目

  创建联系我们列表,如下图:

  字段:联系人、电话、手机、邮编、网址,类型均为单行文本;

SharePoint Online 创建门户网站系列之创建栏目

二、 SharePoint Online 在首页显示栏目

  首先,在首页上各个模块的位置上,插入WebPartZone,将来插入WebPart使用,特表要说,先保存页面然后才能添加WebPartZone,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  公司简介 – 内容编辑器

  打开首页,在页面上WebPartZone上添加内容编辑器部件,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  选中公司简介的WebPart,点击Ribbon菜单上面的编辑源,添加HTML代码,因为是静态文本,修改频率非常小,所以这里添加静态内容,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  添加完毕HTML效果,如果将来有需要修改,编辑页面,修改HTML代码即可以所见即所得的方式,进行编辑,效果如下图:

SharePoint Online 创建门户网站系列之创建栏目

  新闻中心 – 部件

  在新闻中心处添加web部件,选择新闻中心,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  在新闻中心列表创建一个视图,当做新闻中心应用程序的数据源;

SharePoint Online 创建门户网站系列之创建栏目

  选择基于所有项目创建,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  视图里面的栏选择我们要展示的标题(这里截图不当,后来改为链接到项目的标题了,因为需要点击)、创建时间,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  修改排序为按照创建时间排序,当然我们需要的话,可以修改为其他排序,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  项目限制选择5条,按照需要限制即可,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  表格视图去掉复选框,这样就不会有选择项目前面的复选框了,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  修改新闻中心web部件的属性,修改视图为我们刚刚创建的首页展示,修改工具栏类型为没有工具栏,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  修改完毕后,新闻中心效果如下图:

  我们还需要隐藏标题栏和翻页,然后使用Css或者JavaScript对样式进行调整,这里都是前台的内容了,我们就不多介绍了。

SharePoint Online 创建门户网站系列之创建栏目

  联系我们 – JavaScript

  首先需要编写读取列表信息的脚本,具体脚本如下:

SharePoint Online 创建门户网站系列之创建栏目

  然后在页面上添加脚本的调用,下图红框中所示:

SharePoint Online 创建门户网站系列之创建栏目

  使用JavaScript读取的联系我们,内容已经来自列表了,如下图:

SharePoint Online 创建门户网站系列之创建栏目

  至此,首页上的四个栏目,通过不同方式添加进行展示已经介绍完了;

  Ø 公司简介通过内容编辑器直接填写在页面上,修改的时候直接编辑即可;

  Ø 新闻中心用的自带应用程序,读取自定义好的视图,用Css方式去修饰;

  Ø 联系我们使用JavaScript对象模型读取自列表,进行展示;

  Ø 产品展示,之前的博客已经介绍了,通过沙盒解决方案部署WebPart进行展示;

SharePoint Online 创建门户网站系列之创建栏目

  其实,SharePoint Online中导航的添加和Server版本非常类似,要么使用自带导航修改样式,要么使用自定义导航,数据保存列表或者以Xml形式保存在文档库,然后在前台通过JavaScript方式或者沙河解决方案读取导航进行展示。

  好了,SharePoint Online的自定义导航,我们就介绍到这里,下一篇,我们将介绍入户为门户网站创建栏目。

微信扫一扫

支付宝扫一扫

本文网址:https://www.zhankr.net/140792.html

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:876 阅读:5,464
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:806 阅读:3,688
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:565 阅读:4,503
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:731 阅读:4,468
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:5,379
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:3,263
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站