Your SlideShare is downloading. ×
0
Developing Ajax Applications
   with ColdFusion 8

   Tim Buntel
   Adobe Systems Incorporated




Copyright 2007 Adobe Sy...
We’ll cover

§     A ColdFusion primer
§     ColdFusion AJAX Features
         §    Binding
         §    JSON support
   ...
What is ColdFusion

§     An easy way to create Internet applications
§     Pure Java
§     Very productive
§     From Ado...
Out of the box: ColdFusion Integrated Services

§       Database connectivity                §   Java and .NET Object Invo...
How ColdFusion Works

                                                                    Web Browser



                 ...
How ColdFusion Works - with Flex 2 applications (RPC)

                   Flex Builder IDE
                   Flex Builder...
ColdFusion 8 Ajax Features

§     Basic data binding
§     CFAJAXPROXY tag
§     JSON support
§     UI Controls
§     Spry...
Binding




 §      Display Regions                                  §   ColdFusion
                                      ...
Demo




Copyright 2007 Adobe Systems Incorporated.
AJAX Proxy


§     CFAJAXPROXY
         §    Creates a JavaScript proxy for a ColdFusion component
         §    Generates...
Proxy built-in functions

§     setHTTPMethod
§     setAsyncMode, setSyncMode
§     setCallBackHandler
§     setErrorHandl...
Demo




Copyright 2007 Adobe Systems Incorporated.
What is JSON?

§     JavaScript Object Notation
         §    Representation of data in JavaScript
         §    JavaScrip...
JSON Support in ColdFusion 8

§     SerializeJSON ()
         §    Converts ColdFusion objects into their JSON data format...
CFMLßà JSON type mapping

§     Simple types
      String: "Adobe"
      Number: 1982.0

§     Array
      Array: ["Adobe"...
Demo




Copyright 2007 Adobe Systems Incorporated.
UI Controls

§     Layout
         §    cfdiv
         §    cflayout
         §    cfpod
         §    Cfwindow

§     Men...
Demo




Copyright 2007 Adobe Systems Incorporated.
Debugging


§     Pop-up display window
§     Javascript functions
         §    ColdFusion.Log.debug
         §    ColdFu...
Demo




Copyright 2007 Adobe Systems Incorporated.
Next Steps

§     www.adobe.com/coldfusion
§     http://www.adobe.com/devnet/coldfusion


§     Tim Buntel buntel@adobe.co...
Upcoming SlideShare
Loading in...5
×

Developing Ajax Applications with ColdFusion 8

779

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
779
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Developing Ajax Applications with ColdFusion 8"

  1. 1. Developing Ajax Applications with ColdFusion 8 Tim Buntel Adobe Systems Incorporated Copyright 2007 Adobe Systems Incorporated.
  2. 2. We’ll cover § A ColdFusion primer § ColdFusion AJAX Features § Binding § JSON support § AJAX Proxy § UI Controls § Debugging Copyright 2007 Adobe Systems Incorporated.
  3. 3. What is ColdFusion § An easy way to create Internet applications § Pure Java § Very productive § From Adobe Copyright 2007 Adobe Systems Incorporated.
  4. 4. Out of the box: ColdFusion Integrated Services § Database connectivity § Java and .NET Object Invocation § Full text searching (Verity) § Flash Remoting § PDF Creation & Manipulation § Server-side HTTP and FTP § Structured Reporting § LDAP client § Graphing and charting § Windows NT/AD authentication § E-Mail (POP and SMTP) § Debugging § Internationalization § Java, COM, CORBA client § XML manipulation § … and more § Including XSL and XPath § SOAP client and server Copyright 2007 Adobe Systems Incorporated.
  5. 5. How ColdFusion Works Web Browser Web server Web server Presentation Presentation Logic (CFM) J2EE Tier Application ColdFusion Server Server Business, Integration, and Business Tier Transaction Logic (CFC) Resource Tier DB Java/.NET File sys Web data Svcs. Copyright 2007 Adobe Systems Incorporated.
  6. 6. How ColdFusion Works - with Flex 2 applications (RPC) Flex Builder IDE Flex Builder IDE Flex SDK Flex SDK Compile ActionScript MXML Flex Application (swf in browser) ActionScript MXML Flex Class Library Flex Class Library Flash Remoting J2EE Application ColdFusion Business Tier Business, Integration, and Server Server Transaction Logic (CFC) Resource Tier DBMS LDAP File sys Web data Svcs. Copyright 2007 Adobe Systems Incorporated.
  7. 7. ColdFusion 8 Ajax Features § Basic data binding § CFAJAXPROXY tag § JSON support § UI Controls § Spry support § Debugging Copyright 2007 Adobe Systems Incorporated.
  8. 8. Binding § Display Regions § ColdFusion Bound to: Component § Form Controls § Javascript function § URL § String Copyright 2007 Adobe Systems Incorporated.
  9. 9. Demo Copyright 2007 Adobe Systems Incorporated.
  10. 10. AJAX Proxy § CFAJAXPROXY § Creates a JavaScript proxy for a ColdFusion component § Generates a proxy function for every remote function on the cfc § Specify asynchronous result and error handler callbacks Copyright 2007 Adobe Systems Incorporated.
  11. 11. Proxy built-in functions § setHTTPMethod § setAsyncMode, setSyncMode § setCallBackHandler § setErrorHandler § setrQueryFormat § setReturnFormat § setForm Copyright 2007 Adobe Systems Incorporated.
  12. 12. Demo Copyright 2007 Adobe Systems Incorporated.
  13. 13. What is JSON? § JavaScript Object Notation § Representation of data in JavaScript § JavaScript can understand JSON, it’s a native data format § Based on array and object literals of JavaScript Array: [“Benjamin”, “Michael”, “Scott”] Object: {“color” : “red”, “doors” : 4} Copyright 2007 Adobe Systems Incorporated.
  14. 14. JSON Support in ColdFusion 8 § SerializeJSON () § Converts ColdFusion objects into their JSON data format § DeserializeJSON () § Converts JSON data into ColdFusion objects § IsJSON() § Checks if the data passed to the function is in the JSON format HTTP User JavaScript Interface JSO N Data CF Server JavaScript Call Copyright 2007 Adobe Systems Incorporated.
  15. 15. CFMLßà JSON type mapping § Simple types String: "Adobe" Number: 1982.0 § Array Array: ["Adobe","ColdFusion8"] § Struct Struct: {"PRODUCT":"ColdFusion8","NAME":"Adobe"} § Query § Column format Query: {"ROWCOUNT":2,"COLUMNS":["NAME"],"DATA":{"name":["Adobe","ColdFusion8"]}} § Row format Query: Query: {"COLUMNS":["NAME"],"DATA":[["Adobe"],["ColdFusion8"]]} Copyright 2007 Adobe Systems Incorporated.
  16. 16. Demo Copyright 2007 Adobe Systems Incorporated.
  17. 17. UI Controls § Layout § cfdiv § cflayout § cfpod § Cfwindow § Menus & Trees § Form Controls § Grid § Textarea § Autosuggest § Tooltip Copyright 2007 Adobe Systems Incorporated.
  18. 18. Demo Copyright 2007 Adobe Systems Incorporated.
  19. 19. Debugging § Pop-up display window § Javascript functions § ColdFusion.Log.debug § ColdFusion.Log.dump § ColdFusion.Log.error § ColdFusion.Log.info Copyright 2007 Adobe Systems Incorporated.
  20. 20. Demo Copyright 2007 Adobe Systems Incorporated.
  21. 21. Next Steps § www.adobe.com/coldfusion § http://www.adobe.com/devnet/coldfusion § Tim Buntel buntel@adobe.com Copyright 2007 Adobe Systems Incorporated.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×