Office 365 - SharePoint 2013 Online 之应用程序开发

  1、给站点添加完Napa后,在网站内容里点击Napa,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第1张图片

  2、创建一个新的app,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第2张图片

  3、可以在Napa里添加新的项目,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第3张图片

  4、添加新的文件,可以添加web页面、样式表、脚本,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第4张图片

  5、可以设置Napa,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第5张图片

  6、设置用Visual C#语言,这样vs打开可以用C#,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第6张图片

  7、可以点击左侧菜单,Open in Visual Studio,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第7张图片

  8、弹出菜单,选择Visual C#,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第8张图片

  9、可能会弹出菜单,安装Web Platform 5.0,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第9张图片

  10、Visual Studio打开应用程序,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第10张图片

  11、需要登录Office 365,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第11张图片

  12、在Visual Studio中打开,可以添加自定义列表,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第12张图片

  13、为列表实例添加测试数据,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第13张图片

  14、添加JS脚本,读取列表内容,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第14张图片

  15、在Default页面,添加HTML读取展示列表内容,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第15张图片

  16、可以部署应用程序,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第16张图片

  17、打开部署的开发人员站点,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第17张图片

  18、点击Custom Show,可以进入该应用程序,点击GetData获取数据,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第18张图片

  19、点击List可以进入列表,如下图:

Office 365 - SharePoint 2013 Online 之应用程序开发_第19张图片

总 结

  Office 365中使用VS打开App后,不会同步到Napa,所以在Napa中发布,会覆盖掉VS发布的,不过,SharePoint Online中开发App和Server中基本一样。

你可能感兴趣的:(Office 365 - SharePoint 2013 Online 之应用程序开发)