Drag and Drop Programming in Microsoft ASP.NET AJAX - Create an ASP.NET AJAX CTP-Enabled Web Site
(Page 3 of 4 )
Launch Visual Studio 2005 and then select the menu item "File | New Website…" to create a new website using the template named "ASP.NET AJAX CTP-Enabled Web Site," and name the project MSAJAXShoppingCar (select Visual C# as the built-in language). After that, the system should automatically add references to the necessary assemblies -- Microsoft.Web.Preview.dll and System.Web.Extensions.dll. You will also see a ScriptManager server control automatically added to the page. Simply put, this server control acts as the controlling centre of the whole ASP.NET AJAX framework.
Next, with a little modification, page Default.aspx finally looks like the following Figure 1 (whose behind coding is discussed later).
Figure 1 the design-time snapshot of the online pet store
In this sample, when the application launches from the server side, all the commodity information (here it refers to the pets) is displayed on the web page automatically fetched from the server side web service (which is of course done in the AJAX way -- asynchronously).
Figure 2 shows the run-time snapshot of the demo. Here the customer can click the item he would like to purchase and then just drag it onto the shopping cart nearby (as indicated by the red arrow).
Figure 2 the run-time snapshot of the online pet store
Just click the "Order" button near the shopping cart and you will be returned the final shopping invoice. Here lies a typical procession -- when the buyer clicks the button, the application will invoke the underground Web Service with the information related to the selected items and finally the result data are shown to the buyer, as you can see in Figure 3.
Figure 3-the final snapshot after the customer click button 'Order'
Now, since we have browsed to our finish line, let's start the real work of creating the Web Service.
Next: Write the Web Service >>
More ASP.NET Articles
More By Xianzhong Zhu
