SharePoint Framework 构建你的第一个web部件（一）

SharePoint Framework 构建你的第一个web部件（二）

博客地址:http://blog.csdn.net/FoxDave 本篇接上一讲,介绍一下web部件项目中的代码. 下面首先列举一下项目中的一些关键文件. Web部件类 HelloWorldWebPart.ts定义了web部件的主要入口.Web部件类HelloWorldWebPart继承了BaseClientSideWebPart类.任何一个客户端web部件都应该继承它来被定义为有效的web部件.构造函数如下所示: public constructor(context: IWebPartCont…

SharePoint Framework 构建你的第一个web部件（一）

博客地址:http://blog.csdn.net/FoxDave SharePoint客户端web部件是出现在SharePoint页面的控件,但却是在浏览器本地运行的.他们是SharePoint网站的页面上的一个个小块.你可以使用现代的脚本开发工具和SharePoint工作台(一个开发测试平台)来构建客户端web部件,可以部署客户端web部件到O365开发者租户中的的传统的web部件页.并且对于纯JavaScript脚本的项目来说,你可以利用通用的脚本框架构建web部件,如AngularJ…

SharePoint Framework 构建你的第一个web部件（三）

博客地址:http://blog.csdn.net/FoxDave 本篇接上一讲,我们一起来看一下如何部署和测试本地开发的web部件. 在SharePoint中预览web部件 SharePoint工作台在SharePoint中被承载,用来在开发环境预览和测试本地web部件.它的主要优势是运行在SharePoint上下文的,你可以跟SharePoint数据进行交互. 还记得之前配置的Office 365开发者租户吗?忘了的话点这里. 首先把workbench.aspx这个文件上传到你的Shar…

SharePoint每日小贴士Web部件

SharePoint每日小贴士Web部件项目描写叙述此Web部件从指定SP自己定义列表或一个选定的 RSS源选择一个随机项目.并显示一张图片.标题和一个Tip. 适用于WSS 3.0,MOSS 2007和SP2010. 属性配置包括Tip的SP列表: RSS源URL: 相应图片.标题和Tip的列表字段: 一张图片(可选): 刷新或每天显示新的Tip. 这同意你显示包括在不论什么SP列表的随机数据,仅仅需指定目标SP列表明和列表栏目名. 编辑W…

SharePoint Framework 企业向导（十）

博客地址:http://blog.csdn.net/FoxDave 接上一讲 SharePoint Framework部署范围对于SharePoint Framework解决方案,只有一个部署范围:租户级别.一旦添加并激活,应用程序目录中的SPFx解决方案会在所有网站集可用. SPF没有像SharePoint Add-ins一样的商店,因此在部署时需要租户管理员来手动添加并批准解决方案包. 备份和还原SPFx组件 SPFx解决方案没有专门的备份还原功能.从管理员的角度看,建议对所有安装的解决方…

SharePoint Framework 把你的客户端web部件连接到SharePoint

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

SharePoint Framework 在web部件中使用已存在的JavaScript库 - JavaScript库的格式

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

SharePoint Framework 在web部件中使用已存在的JavaScript库 - 捆绑打包和外部引用

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

SharePoint Framework 把你的客户端web部件部署到经典的SharePoint页面

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

SharePoint Framework 配置Office 365开发者租户

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

SharePoint Framework 概述

博客地址:http://blog.csdn.net/FoxDave 本文翻译自新出的SharePoint Framework概述介绍文章,原文地址:http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview 注意:SharePoint Framework目前是预览版,会随时更新,目前并不支持在生产环境使用SharePoint Framework 客户端Web部件. SharePoint Framework(…

SharePoint Framework 基于团队的开发（四）

博客地址:http://blog.csdn.net/FoxDave 确保代码一致性和质量软件开发团队常常同项目的一致性和高质量做斗争.不同的开发者有不同的编码风格和偏好.在每个团队都有技术优秀的独立开发者和相对经验较少的开发者.并且,许多组织都有特定的软件开发必须遵守的条例.所有的挑战都使得开发者难以一直关注,特别是当项目结束日期近在咫尺时,开发者往往通过牺牲质量而把任务尽快完成,长久来看这种做法危害更大. 选择JavaScript库并使用代码规范如果你的团队以前构建过SharePoint定…

SharePoint Framework 企业向导（一）

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

SharePoint Framework 简介

作者:陈希章发表于 2017年12月25日前言通过前面几篇文章,我相信大家对于SharePoint Online的开发有了更加全面的认识,上一篇介绍的SharePoint Add-in的开发,这种方式最开始是在2013年提出来的,目前仍然是受主流支持,不仅仅可用于SharePoint Server,也可以用于SharePoint Online. 与此同时,在2016年,一个新的开发框架浮出水面,它的名字叫做SharePoint Framework,也可以缩写为SPFx.产品组提出这套框架…

webParts与Web部件

web部件是ASP.NET WebForm里面的服务器控件,它涵盖的内容比较多,鉴于这种状况的话鄙人不打算深究下去了,只是局限于了解web.config配置里面的配置内容则可. 那么也得稍微说说啥是Web部件.引用MSDN的话:ASP.NET Web 部件是一组集成控件,用于创建网站使最终用户可以直接从浏览器修改网页的内容.外观和行为.这些修改可以应用于网站上的所有用户或个别用户.还有引用它上面的插图看了这个之后我就感觉就类似于QQ个人空间上的各个面板或者OA系统上的面板,可以按照每个用户的个…

SharePoint Framework 在web部件中使用第三方样式 - 将第三方样式打到包中

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

SharePoint Framework 配置你的SharePoint客户端web部件开发环境

博客地址: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…

Eclipse的maven构建一个web项目，以构建SpringMVC项目为例

http://www.cnblogs.com/javaTest/archive/2012/04/28/2589574.html springmvc demo实例教程源代码下载:http://zuidaima.com/share/kspringmvc-p1-s1.htm 一.直接建立Maven项目方法 1.建立Maven项目接下来使用Eclipse的maven构建一个web项目,以构建SpringMVC项目为例: 1.1 选择建立Maven Project 选择File -> New -> O…

SharePoint Framework 向web部件中添加外部库

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

使用maven构建一个web项目

使用maven构建一个web项目首先建立一个maven项目(关于环境配置上节有详细过程): 1)-->右键new,-->project,搜索maven,-->next 2)-->next,然后搜索web,-->然后选择org.apache.maven.archetypes maven-archetype-webapp 3)然后依此填写group Id,Artifact Id,点击Finish 4)到这里我们就建浩了一个we…

使用maven命令终端构建一个web项目及发布该项目

构建环境: maven版本:3.3.9 系统平台:Windows7 x64 JDK版本:1.7 构建步骤: 1.打开maven安装目录,在地址栏输入cmd进入命令窗口 2.输入命令mvn archetype:generate回车换行,我们可以看到有很多项目模板. 3.因为我们要创建一个web项目,所以继续输入关键字web进行查找过滤,经过过滤我们可以看到如下项目模板. 4.我们选择JEE7,它的对应代码是65,所以在命令行继续输入数字65,然后选择一个版本号:1.1,我们输入2 5.groupI…

SharePoint创建一个简单的Visio Web部件图

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

使用Flask构建一个Web应用

Flask是一个使用Python编写的轻量级Web应用框架. 一.安装Flask 以管理员身份,打开命令提示符窗口,输入下面命令 py -3 -m pip install flask 这个命令会连接到PyPI网站下载和安装Flask模块,以及Flask依赖的几个模块:Werkzeug.MarkupSafe.Jinja2.itsdangerous.click.安装完成后,在命令提示符窗口最后部分可以看到: Installing collected packages: Werkzeug, Marku…