第一个SharePoint APP详解

虽然开发第一个SharePoint APP很简单，但是要想开发出大型复杂的APP还不是那么容易。在这之前，需要先了解基本的APP结构。

首先在左上角，显示整个APP包含的所有资源(文件),如下图所示：

 

                     

四个地方分别为：

1. Content，实际上存的是层叠样式表，这里控制页面的样式。

2. Images, 存的是图片

3. Pages，存的是aspx页面

4. Scripts, 存的是JS文件

这里也看出，要想开发出好的SharePoint APP，JS和CSS是必不可缺的了。

右键点击任何一个项，可以做添加，上传，创建文件夹，改名和删除功能。

 

详细看一下已经存在的文件。

1.      Default.aspx 

ContentPlaceHolderId="PlaceHolderAdditionalPageHead" ,表示这部分用浏览器打开的时候，将被解析成html文件的head部分。

这里可以看出，微软引用了1.6.2版本的jquery .确实，现在开发网页程序，哪里还离得开jquery。

同时这里还引用了App.css和App.js 。

这个和我们用Visual Studio 的时候，没有任何区别。 

 

ContentPlaceHolderId="PlaceHolderMain" ,表示这些是。用浏览器打开的时候，这个将被解析成html文件的body部分。

这里什么都没做，只是加了一个<P>标签,并且赋了一个id。

 

2.      App.js 

第7行，$(document).ready(function(){…}); 表示，页面全部加载完之后，自动运行里面的内容。

那么这里为什么要用SP.SOD.executeFunc，而不是直接调用SharePointReady呢？

SP.SOD.executeFunc表示，先确认要执行的函数所在的文件被加载完毕，然后再执行函数，如果还没有被加载，那么就先加载再执行。这里就是说，先保证SP.ClinetContext所在的文件sp.js先被加载，然后再执行sharepointReady函数。 

sharePointReady函数获取了当前的username，并显示到default.aspx的<p>上。

 

这里涉及了一些client object model API的用法。当然，要想做出好的APP，学习client API是必不可少的。