webpart开发基础可视化开发图文教程
程序员文章站
2023-11-28 16:11:40
webpart开发基础可视化开发图文教程...
1、添加新项目,选择sharepoint 2013空项目 ,如下图:
当然,你也可以直接选择可视化web部件,这样会在项目里自动创建一个可视化webpart(如下图),不过我不喜欢它默认的命名方式,还要重命名或删除重建,所以我就创建空项目,而后自己添加。
2、选择部署为场解决方案,如下图:
3、添加新项,选择可视化webpart,如下图:
如上图,我们可以看到有两个可视化webpart,第一个可以使用沙盒部署方式,第二个仅能使用场解决方案。
4、修改feature文件,如下图:
5、修改customvisualwebpart.webpart文件,如下图:
6、为可视化webpart添加控件,如下图:
如上图,一般选择拆分视图,直接在工具箱拖动控件即可;
7、为可视化webpart编写代码,如下图:
因为测试,所以没写太复杂的代码,当然,可视化webpart可以添加复制的逻辑,但是更善于的是展示,方便我们对前台进行控制,仿佛写.net页面一样;
8、添加webpart,如下图:
9、可视化webpart效果,如下图:
当然,服务器控件交互的友好性,并不在本文讨论范围,只是举个简单的例子。
10、同样,我们可以参考上一篇webpart的方式,扩展右侧属性面板,如下图:
扩展的方式,和普通webpart是一样的,如下图:
特别的,可视化webpart同样可以使用和webpart相同的配置文件,将配置文件写在相关应用程序下的web.config,然后使用.net方式调用即可。
强烈建议把普通webpart和可视化webpart对比学习,测试开发,因为两者之间是息息相关的,只是前者更注重逻辑,后者更方便展示罢了。
推荐阅读
-
webpart开发基础可视化开发图文教程
-
windows phone 配置PhoneGap开发环境(wp7 phonegap 开发环境)图文教程
-
谷歌android apk开发工具Android Studio安装使用图文教程
-
谷歌android apk开发工具Android Studio安装使用图文教程
-
Win7下搭建python开发环境图文教程(安装Python、pip、解释器)
-
微信支付开发IOS图文教程案例
-
支付宝支付开发IOS图文教程案例
-
微信公众平台开发入门教程(图文详解)
-
html开发工具有哪些(html零基础入门教程)
-
SharePoint 2007图文开发教程(2) 使用SharePoint创建网站的步骤