天天看點

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中基本一樣。

繼續閱讀