From 82c4e88a3961e281073b3818fe015a4d62d1592e Mon Sep 17 00:00:00 2001 From: xue <> Date: Sun, 16 Apr 2006 03:43:55 +0000 Subject: Added files for Hello World. --- .../protected/pages/GettingStarted/HelloWorld.page | 72 +++++++++++++++++++++ .../protected/pages/GettingStarted/directory.gif | Bin 0 -> 2685 bytes .../protected/pages/GettingStarted/sequence.gif | Bin 0 -> 5793 bytes .../protected/pages/GettingStarted/sequence.vsd | Bin 0 -> 143872 bytes 4 files changed, 72 insertions(+) create mode 100644 demos/quickstart/protected/pages/GettingStarted/HelloWorld.page create mode 100644 demos/quickstart/protected/pages/GettingStarted/directory.gif create mode 100644 demos/quickstart/protected/pages/GettingStarted/sequence.gif create mode 100644 demos/quickstart/protected/pages/GettingStarted/sequence.vsd (limited to 'demos/quickstart/protected') diff --git a/demos/quickstart/protected/pages/GettingStarted/HelloWorld.page b/demos/quickstart/protected/pages/GettingStarted/HelloWorld.page new file mode 100644 index 00000000..b5016f4e --- /dev/null +++ b/demos/quickstart/protected/pages/GettingStarted/HelloWorld.page @@ -0,0 +1,72 @@ + +

My First PRADO Application

+

+In this section, we guide you through creating your first PRADO application, the famous "Hello World" application. +

+

+"Hello World" perhaps is the simplest interactive PRADO application that you can create. It displays to end-users a page with a submit button whose caption is Click Me. After the user clicks on the button, its caption is changed to Hello World. +

+

+There are many approaches that can achieve the above goal. One can submit the page to the server, examine the POST variable, and generate a new page with the button caption updated. Or one can simply use JavaScript to update the button caption upon its onclick client event. +

+

+PRADO promotes component-based and event-driven Web programming. The button is represented by a TButton object. It encapsulates the button caption as the Text property and associates the user button click action with a server-side OnClick event. To respond to the user clicking on the button, one simply needs to attach a function to the button's OnClick event. Within the function, the button's Text property is modified as "Hello World". The following diagram shows the above sequence, +

+ +

+Our PRADO application consists of three files, index.php, Home.page and Home.php, which are organized as follows, +

+ +

+where each directory is explained as follows. Note, the above directory structure can be customized. For example, one can move the protected directory out of Web directories. You will know how to do this after you go through this tutorial. +

+ + +

+The three files that we need are explained as follows. +

+ +

+The application is now ready and can be accessed via: http://Web-server-address/helloworld/index.php, assuming helloworld is directly under the Web DocumentRoot. Try to change TButton in Home.page to TLinkButton and see what happens. +

+

+Complete source code of this demo can be found in the PRADO release. You can also try the online demo. +

+ +
\ No newline at end of file diff --git a/demos/quickstart/protected/pages/GettingStarted/directory.gif b/demos/quickstart/protected/pages/GettingStarted/directory.gif new file mode 100644 index 00000000..e6c4f724 Binary files /dev/null and b/demos/quickstart/protected/pages/GettingStarted/directory.gif differ diff --git a/demos/quickstart/protected/pages/GettingStarted/sequence.gif b/demos/quickstart/protected/pages/GettingStarted/sequence.gif new file mode 100644 index 00000000..4207a9bb Binary files /dev/null and b/demos/quickstart/protected/pages/GettingStarted/sequence.gif differ diff --git a/demos/quickstart/protected/pages/GettingStarted/sequence.vsd b/demos/quickstart/protected/pages/GettingStarted/sequence.vsd new file mode 100644 index 00000000..840dc26f Binary files /dev/null and b/demos/quickstart/protected/pages/GettingStarted/sequence.vsd differ -- cgit v1.2.3