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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总 结

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

上一篇:Office 365 – SharePoint 2013 Online 与Office相关的应用


下一篇:Office 365 – SharePoint 2013 Online 之WebPart开发、部署教程