2010年10月3日,星期日

我的SP2010,AJAX和jQuery代码示例以及幻灯片

昨天在首个UK 双色球推荐一注 Saturday活动中演讲很有趣-大约有400位与会者,演讲嘉宾/主题和组织很棒。我的演讲好像参与了很多事情,所以很高兴我有一个宽敞的会议室,周围有很多人站着,然后得到了很多反馈(包括在Twitter上)。一世’d在jQuery,双色球推荐一注 Client OM(JavaScript版本)和AJAX请求中编写了大量代码示例–在接下来的几篇文章中,我’会详细发布这些内容,但是如果您’希望他们现在可以与我的卡座一起下载 http://db.tt/rUq5lm9

我想解决这个话题’重要的是我(可能还有您,如果您’一个双色球推荐一注开发人员)来转移我的技能,以便能够构建AJAX应用。显然,不同的人处于不同的阶段,但以我的经验’当然不是默认方法。如果您想知道为什么的证据’重要的是,一个有趣的练习是比较在这两个现成的双色球推荐一注页面上对项目重新排序时的用户体验:

  • 管理用户属性(在用户配置文件服务应用程序内)-[CentralAdminHost] / _ admin / ServiceApplications.aspx(糟糕的用户界面,我花了4个小时才对该页面上的某些属性重新排序!)
  • 管理导航(在发布站点上)–[PublishingSiteUrl] / _ layouts / AreaNavigationSettings.aspx(更好的用户界面,没有回发)

我演讲的核心主题是,虽然在双色球推荐一注 2010上构建AJAX样式的应用程序看起来很复杂,但可以将其归纳为3种核心技术。我演讲的全部议程是:

  • 在双色球推荐一注 2010上构建AJAX风格的应用程序的3种核心技术
    • 使用jQuery to manipulate the page – although jQuery的 is a large topic, my view is that there are 仅约7个关键方法/事件可为您提供所需的大部分信息
    • 使用JavaScript Client OM查询列表/添加列表项 –再次,尽管客户端OM可以执行许多操作,但是一旦您了解了使用列表的模式,其他所有操作都是相似的
    • 使用jQuery’带HTTP处理程序的3种AJAX方法 –对我来说,这种方法比WCF更简单,并且是一种关键技术,可为AJAX应用打开大门,因为您可以编写所需的任何服务器端代码并​​异步调用它
  • 技巧和窍门
    • 如何使用jQuery和客户端OM获取Intellisense
    • 如何调试JavaScript
    • 使用FireFinder磨练jQuery选择器
    • 如何轻松地从处理程序返回JSON格式的数据并在客户端上使用它
  • 将现有双色球推荐一注应用程序从回发迁移到jQuery / AJAX
    • 我在这里演示’d我将SP2010功能升级工具包中的应用程序页面迁移到jQuery / AJAX的步骤(由代码片段提供)

由于您从1小时的演讲中就不会完全掌握新的知识,因此有几位与会者问我是否’d扩展我博客中的内容,然后’正是我想做的。因此,我的下一个博客系列将详细介绍这一领域。正如我在演讲中提到的,我不’不要以为自己是这方面的专家,因此特别欢迎提出评论/建议!

再次链接到我的代码示例/甲板是 http://db.tt/rUq5lm9

10条评论:

匿名 said...

克里斯,这是最好的,对SP 2010很有帮助。尽管我仍然有一个要求,但您可以为此录制视频,很遗憾,我们不在英国,并且错过了聆听您的演讲的绝佳机会。如果您可以发布相同幻灯片的视频,那就太好了。

克里斯·奥'Brien说过...

你好

不幸的是场地没有'没有录音设备,现在我没有'要么。演示需要音频,我不知道'没有麦克风等。

但是,我知道发布视频很有意义,以后我可能会对此进行讨论。

对不起,我可以'暂时无法帮助您:(

克里斯。

匿名 said...

期待您的未来帖子!

关于jQuery:"仅约7个关键方法/事件可为您提供所需的大部分信息"-我可以同意。我们是否应该更进一步,说实际上我们需要的不是jQuery,而是一个20 kb的双色球推荐一注库?

克里斯·奥'Brien说过...

@克里斯托夫,

It'一个有趣的观点。但是,我们将在这里获得什么? jQuery的库一旦加载,就始终会从本地浏览器缓存中检索它(直到清除,但这不会'不会经常发生)。此外,对于高度优化的面向公众的网站,可以选择从Google / Microsoft进行引用'的CDN,因此即使是第一次点击也可能不是问题。

我想我的意思是 学习 jQuery的,您可以学习其中的10%并提高70%的生产力(因此不完全符合80/20规则!)。我绝对可以相信,在某些情况下,核心20Kb库会很有意义,但是我'我基本上对jQuery交易感到满意。

感谢评论。

克里斯。

史蒂文·苏蒙说过...

克里斯,您好,很高兴认识您,并在周六的Sharepoint(我的第一个双色球推荐一注活动)的Sharepint上与您聊天。我正在谈论powershell,所以我期待您的Ajax和jquery博客。您是一个非常谦虚的人,您为社区付出了很多。一世'我会建议您试用一下Twitter共享社区。

西风说过...

克里斯,

星期六好话。我肯定会更多地使用jQuery。

刚刚通过.FeatureUpgradeUpgradeKit解决方案将两个项目加载到示例中。我从vs2010中的错误中看到DummyFeatures项目丢失了。我们需要这个吗?快速自述可能涵盖测试部署。

克里斯·奥'Brien说过...

@westerdaled,

不,你不'特别需要DummyFeatures项目-它包含每个作用域的空Feature(无元素)。我在开发FeatureUpgradeKit时使用了它,所以我总是有一些需要升级的功能(这些是我最终演示中表中显示的行)。如果你'd想使用上一个演示中的FeatureUpgradeKit,那么我一定可以更新该软件包-否则需要5分钟才能创建一个类似的项目。

我没有'包括在内,因为我认为大多数人都会对jQuery / Client OM / AJAX示例感兴趣,也许还会对SPFeatureUpgradeKit感兴趣。让我知道您是否认为有用-上载引用了丢失项目的.sln文件的道歉。

谢谢!

克里斯。

西风说过...

克里斯

感谢您的回复。假设我不'不需要DummyFeatures项目。我尝试部署解决方案包...

不幸的是,我收到以下两个错误(每个错误都与demo和upgradekit projs中的软件包有关)。我认为这与我未使用的TFS有关。


"错误3指定的路径,文件名或两者都太长。完全限定的文件名必须少于260个字符,目录名称必须少于248个字符。 C:\ Users \ 丹尼尔 \ Documents \ Visual Studio 2010 \ Projects \ ChrisOBrien_SPS_jQuery_AJAX \ ChrisOBrien_SPS_Presentation \ SampleCode \ COB.双色球推荐一注.Utilities.FeatureUpgradeKit \ Package \ Package.package COB.双色球推荐一注.Utilities.FeatureUpgradeKit"

可能是涵盖了到SP2010 Foundation / Server部署的快速自述文件。

干杯

丹尼尔

克里斯·奥'Brien说过...

丹尼尔,您好

此消息不是'无论如何以任何方式连接到TFS,这实际上意味着它的意思-路径中的字母太多。建议通过将项目复制到比C:\ Users \ 丹尼尔 \ Documents \ Visual Studio 2010 \ Projects \ ChrisOBrien_SPS_jQuery_AJAX \ ChrisOBrien_SPS_Presentation \ SampleCode \短的项目来缩短路径的长度。 C:\ Dev。

HTH,

克里斯。

西风说过...

h ...我没有'意识到我已经嵌套了目录结构...现在部署了!

谢谢

丹尼尔