SharePoint Online 之應用程序開發(fā) 案例圖文教程

1、給站點添加完Napa后，在網(wǎng)站內(nèi)容里點擊Napa，如下圖：

　　2、創(chuàng)建一個新的app，如下圖：

　　3、可以在Napa里添加新的項目，如下圖：

　　4、添加新的文件，可以添加web頁面、樣式表、腳本，如下圖：

　　5、可以設置Napa，如下圖：

　　6、設置用Visual C#語言，這樣vs打開可以用C#，如下圖：

　　7、可以點擊左側(cè)菜單，Open in Visual Studio，如下圖：

　　8、彈出菜單，選擇Visual C#，如下圖：

　　9、可能會彈出菜單，安裝Web Platform 5.0，如下圖：

　　10、Visual Studio打開應用程序，如下圖：

　　11、需要登錄Office 365，如下圖：

　　12、在Visual Studio中打開，可以添加自定義列表，如下圖：

　　13、為列表實例添加測試數(shù)據(jù)，如下圖：

　　14、添加JS腳本，讀取列表內(nèi)容，如下圖：

　　15、在Default頁面，添加HTML讀取展示列表內(nèi)容，如下圖：

　　16、可以部署應用程序，如下圖：

　　17、打開部署的開發(fā)人員站點，如下圖：

　　18、點擊Custom Show，可以進入該應用程序，點擊GetData獲取數(shù)據(jù)，如下圖：

　　19、點擊List可以進入列表，如下圖：

總 結(jié)

　　Office 365中使用VS打開App后，不會同步到Napa，所以在Napa中發(fā)布，會覆蓋掉VS發(fā)布的，不過，SharePoint Online中開發(fā)App和Server中基本一樣。