博客地址:http://blog.csdn.net/FoxDave 本节介绍如何把客户端web部件部署到SharePoint服务端页面.我们将继续使用之前的工程. 将HelloWorld的web部件打包 在命令行窗口中,跳转到web部件工程目录.跟在工作台不同,为了在SharePoint传统的服务端页面使用客户端web部件,你需要将web部件同SharePoint注册,首先要做的就是打包. 在命令行中输入命令"code .",用Visual Studio Code打开web部件工程…

博客地址:http://blog.csdn.net/FoxDave 把你的web部件连接到SharePoint来访问SharePoint中的功能和数据,为终端用户提供更完整的体验.本篇会基于之前构建的hello world的web部件继续改进. 运行gulp serve 不多数,这步还是首要的,否则没法进行调试的.确保你已经在命令行中运行了gulp serve这个命令. 访问页面上下文 当本地工作台被承载起来的时候,你是无法获得SharePoint页面上下文的,当然你仍然能用许多不同的方式测…

博客地址:http://blog.csdn.net/FoxDave 你可以使用Visual Studio或者是你自己的开发环境来构建SharePoint客户端web部件.你可以使用Mac.PC或是Linux. 安装开发工具 NodeJS 安装NodeJS的Long Term Support(LTS)版本. >如果你已经安装了NodeJS,请检查以确保你的是最新版本,使用命令node -v.该命令会返回当前的LTS version. 安装就正常下一步就可以了,现在官网推荐的最新版本是4.5.0…

SharePoint创建一个简单的Visio Web部件图 Visio有很多强大的Mash-up混聚功能,使它能够轻松集成到SharePoint 2010中. 1. 打开Visio 2010,创建新的ITIL图. 2. 画图例如以下: 3. 点击后台选项卡(左上角). 4. 点击另存为,选择位置,点击确定,输入Keyword.点击确定. 5. 在页面上加入Web部件. 6. 编辑Web部件,将上图的URL填上去.…

博客地址:http://blog.csdn.net/FoxDave 你需要一个Office 365开发者租户来使用预览版SharePoint Framework构建和发布客户端web部件.你的租户必须是一个开发者租户,不仅仅是一个网站集. 注册一个Office 365开发者租户 如果你已经有了一个Office 365开发者租户,请直接查看下一个部分. 如果你没有,到Office Developer Program去注册一个,你会收到一个欢迎邮件,邮件里面的链接可以注册一个Office 365…

博客地址:http://blog.csdn.net/FoxDave 简介 SharePoint Framework(SPFx)是一个新的SharePoint用户接口扩展的开发模型,它用来补充现有的用户接口模型如SharePoint Add-in模型.SPFx允许使用客户端框架来丰富SharePoint用户接口.基于现代Web技术标准,它提供了一个独特的功能集合,使开发者和企业能更灵活地自定义SharePoint,但同时也跟传统的SharePoint模型保持一致.本文将会介绍在SharePoi…

博客地址:http://blog.csdn.net/FoxDave 有许多第三方库可以帮助我们构建丰富的SharePoint Framework客户端web部件.并且这些JavaScript脚本常常包含一些资产如样式表.本文将介绍如何将第三方的CSS打包到你的Solution中.本示例将使用jQuery和jQuery UI来显示一个折叠样式. Note: 在此之前你需要先配置一下SPFx客户端web部件的开发环境. 准备项目 创建一个新的项目 首先打开命令行,在你喜欢的目录创建一个项目目录,如m…

博客地址:http://blog.csdn.net/FoxDave JavaScript库格式 不同的JavaScript库的编译和打包方式各不相同.一些是以模块的方式打包的,而另一些是以纯脚本运行在全局的方式.当从URL加载JavaScript库时,你要如何注册外部脚本取决于脚本的格式.脚本的格式有许多中:AMD.UMD或CommonJS,但只需要知道该脚本是不是一个模块即可. 在注册打包为模块的脚本时,唯一需要做的事情是指定特定脚本需要从哪个URL加载.另一方面,非模块化脚本需要最小范围脚本…

博客地址:http://blog.csdn.net/FoxDave 在构建SPFx客户端web部件时,你可以使用公网已有的JavaScript库来构建强大的解决方案.但是在使用的时候你需要考虑你引用的东西没有影响SharePoint页面的性能. 以包的形式引用已存在的库 引用已存在的JavaScript库的通常方式是以包的形式安装到项目中.拿Angular举例,首先在项目中安装它的包: npm install angular --save 接下来通过TypeScript使用Angular,需要安…

博客地址:http://blog.csdn.net/FoxDave 在进行开发的时候,你很可能会想要引用一些公开的JavaScript库到你的项目中,本文将会介绍如何打包和共享这些库. 打包脚本 默认情况下,web部件包会自动包含项目所依赖的库.这意味着库会随着你的web部件一起被部署.这对于非公用的规模较小的库来说是比较有益的. 例子 将字符串验证库validator包加入到web部件.从npm下载validator包,输入命令: npm install validator --save 注意…