[phpwebapp-commits] CVS: documentation/templates/tutorial tutorial_items.php,1.2,1.3 tutorial.css,1.
Brought to you by:
dashohoxha
Menu
▾
▴
[phpwebapp-commits] CVS: documentation/templates/tutorial tutorial_items.php,1.2,1.3 tutorial.css,1.1,1.2 intro.html,1.3,1.4
|
From: Dashamir H. <das...@us...> - 2003-08-20 09:09:32
|
Update of /cvsroot/phpwebapp/documentation/templates/tutorial
In directory sc8-pr-cvs1:/tmp/cvs-serv10107/templates/tutorial
Modified Files:
tutorial_items.php tutorial.css intro.html
Log Message:
tabs converted to spaces, improvments in templates and stylesheets
Index: tutorial_items.php
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/tutorial/tutorial_items.php,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** tutorial_items.php 23 Feb 2003 14:29:07 -0000 1.2
--- tutorial_items.php 20 Aug 2003 07:31:55 -0000 1.3
***************
*** 5,17 ****
*/
$menu_items = array(
! "intro" => "0 - Introduction",
! "transitions" => "1 - Transitions",
! "templates" => "2 - Templates",
! "weboxes" => "3 - WebBox-es",
! "events" => "4 - Events",
! "sess_var" => "5 - Session and Variables",
! "database" => "6 - Database",
! "advanced" => "7 - Advanced",
! "documentation" => "8 - Documentation"
! );
?>
--- 5,17 ----
*/
$menu_items = array(
! "intro" => "0 - Introduction",
! "transitions" => "1 - Transitions",
! "templates" => "2 - Templates",
! "weboxes" => "3 - WebBox-es",
! "events" => "4 - Events",
! "sess_var" => "5 - Session and Variables",
! "database" => "6 - Database",
! "advanced" => "7 - Advanced",
! "documentation" => "8 - Documentation"
! );
?>
Index: tutorial.css
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/tutorial/tutorial.css,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** tutorial.css 15 Aug 2003 07:32:12 -0000 1.1
--- tutorial.css 20 Aug 2003 07:31:55 -0000 1.2
***************
*** 1,13 ****
- h1, h2
- {
- text-align: center;
- }
-
- h1, h2, h3, h4, h5
- {
- color: #660000;
- }
-
pre
{
--- 1,3 ----
***************
*** 15,18 ****
--- 5,14 ----
border: 1px solid #0000aa;
color: #00aa00;
+ }
+
+ kbd
+ {
+ font-family: courier;
+ color: #008888;
}
Index: intro.html
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/tutorial/intro.html,v
retrieving revision 1.3
retrieving revision 1.4
diff -C2 -d -r1.3 -r1.4
*** intro.html 15 Aug 2003 07:37:30 -0000 1.3
--- intro.html 20 Aug 2003 07:31:55 -0000 1.4
***************
*** 1,120 ****
! The tutorial consists of a list of sample applications
! which are built using phpWebApp. Each application uses some
! features of phpWebApp and has explanations about the features
! used. It also has code reviews which show how these features
! are used in the application, and exercises which require the
! reader to try himself some simple modifications to the application.
! <p>
! Each application builds on the things explained on the previous
! applications and explains only the new features that are introduced
! in it, so it is recomended to study them in the given order.
! <p>
! These sample applications may also serve as templates for your applications.
! Instead of building a new application from scratch, you can just copy one
! of the samples and modify it according to your needs.
! <br>
<br>
<table width="100%" align="center" cellspacing="0" cellpadding="20" border="0">
! <tr>
! <td width="50%" valign="top" bgcolor="#eeeeee">
! <a href="javascript: tabs3_select('tabs3::tutorial', 'transitions')">
! <b>1 - Transitions</b>
! </a>
! <br>
! A very simple application that has 2 or 3 HTML files
! which have transitions to each-other and have some
! links to external pages.
! Explains the folder structure of a simple application,
! explains what are the transitions and the difference
! between the transitions and the links. Explains how to
! debug transitions.
! </td>
! <td width="50%" valign="top" bgcolor="#f8f8f8">
! <b><a href="javascript: tabs3_select('tabs3::tutorial', 'templates')">2 - Templates</a></b>
! <br>
! The HTML files now become templates. This application
! uses the <Include> tag to insert the same header file
! at the beginning of each template and to break the
! templates into sub templates. It shows how to include
! the javascript code and the stylesheet of each template.
! It also explains the use of the framework comments and
! the difference between them and the HTML comments.
! Explains how to debug the template structure.
! </td>
</tr>
- <tr>
- <td width="50%" valign="top" bgcolor="#f8f8f8">
- <b><a href="javascript: tabs3_select('tabs3::tutorial', 'weboxes')">3 - Introducing WebBox-es</a></b>
- <br>
- Some of the templates are turned into weboxes.
- Explains the fundamental difference between a template
- and a webox. The PHP code of the weboxes
- declares the function onRender(), where some variables
- are added using WebApp::addVar(), and these {{variables}}
- are used in the corresponding template.
! </td>
! <td width="50%" valign="top" bgcolor="#eeeeee">
! <b><a href="javascript: tabs3_select('tabs3::tutorial', 'events')">4 - Sending and Handelling Events</a></b>
! <br>
! Some of the transitions send
! events to some of the weboxes. The target weboxes handle
! these events in their eventHandler() functions. Explains also
! the transitions to 'thisPage', sending an event to 'any' webox,
! and sending events to 'none' of the weboxes (independent events).
! </td>
</tr>
! <tr>
! <td width="50%" valign="top" bgcolor="#eeeeee">
! <b><a href="javascript: tabs3_select('tabs3::tutorial', 'sess_var')">5 - Session and Variables</a></b>
! <br>
! Explains what are the session variables and how to use them.
! Explains further how the {{template variables}} are evaluated.
! Explains how the session variables are used to keep the state
! of the weboxes and the states of the application (introduces
! the function onLoad() of the weboxes). Explains how the <If>
! elements are used to display templates conditionally.
! Explains how to debug the session variables.
! </td>
! <td width="50%" valign="top" bgcolor="#f8f8f8">
! <b><a href="javascript: tabs3_select('tabs3::tutorial', 'database')">6 - Interacting with a Database</a></b>
! <br>
! Explains how to set a default connection with a database.
! Explains the configuration file of a template (*.tpc) and
! the <Recordset> element. Explains the <Repeat> elements and
! how to use them inside a template. Explains the '.db' file
! of a webox, the <Recordset> and <dbCommand> elements inside it,
! and how to use the functions WebApp::execDBCmd(), WebApp::openRS()
! and WebApp::execQuery() inside the PHP code of the webox.
! Explains how to debug the recordsets of the page and the execution
! times of the queries (and other processes).
! </td>
</tr>
! <tr>
! <td width="50%" valign="top" bgcolor="#f8f8f8">
! <b><a href="javascript: tabs3_select('tabs3::tutorial', 'advanced')">7 - All the rest of the advanced features</a></b>
! <br>
! A complicated, real and almost finished web application (which
! may evolve from the previous samples or may be independent of
! them), which makes use and explains almost all of the advanced
! features of framework which have not been explained in the
! previous samples. Such features may be:
! <ul>
! <li> Detailed explanation of the <Repeat> element and the page
! recordsets.
! <li> <Var> elements
! <li> An <Include> element that uses a variable.
! <li> Usage of an external webox.
! <li> Etc.
! </ul>
! </td>
! <td width="50%" valign="top" bgcolor="#eeeeee">
! <b><a href="javascript: tabs3_select('tabs3::tutorial', 'documentation')">8 - The documentation application</a></b>
! <br>
! This web application (the 'phpWebApp documentation') is built
! using phpWebApp itself. This tutorial explains how this
! web application is constructed.
! </td>
</tr>
</table>
--- 1,144 ----
+ <p>The tutorial consists of a list of sample applications which are
+ built using phpWebApp. Each application uses some features of
+ phpWebApp and has explanations about the features used. It also has
+ code reviews which show how these features are used in the
+ application, and exercises which require the reader to try himself
+ some simple modifications to the application.</p>
! <p>Each application builds on the things explained on the previous
! applications and explains only the new features that are introduced
! in it, so it is recomended to study them in the given order.</p>
!
! <p>These sample applications may also serve as templates for your
! applications. Instead of building a new application from scratch,
! you can just copy one of the samples and modify it according to
! your needs.</p>
<br>
+
<table width="100%" align="center" cellspacing="0" cellpadding="20" border="0">
! <tr>
! <td width="50%" valign="top" bgcolor="#EEEEEE">
! <a href="javascript:tabs3_select('tabs3::tutorial','transitions')">
! <strong>1 - Transitions</strong>
! </a>
! <br>
! A very simple application that has 2 or 3 HTML files which have
! transitions to each-other and have some links to external
! pages. Explains the folder structure of a simple application,
! explains what are the transitions and the difference between
! the transitions and the links. Explains how to debug
! transitions.
! </td>
!
! <td width="50%" valign="top" bgcolor="#F8F8F8">
! <a href="javascript:tabs3_select('tabs3::tutorial','templates')">
! <strong>2 - Templates</strong>
! </a>
! <br>
! The HTML files now become templates. This application uses the
! <Include> tag to insert the same header file at the
! beginning of each template and to break the templates into sub
! templates. It shows how to include the javascript code and the
! stylesheet of each template. It also explains the use of the
! framework comments and the difference between them and the HTML
! comments. Explains how to debug the template structure.
! </td>
</tr>
! <tr>
! <td width="50%" valign="top" bgcolor="#F8F8F8">
! <a href="javascript:tabs3_select('tabs3::tutorial','weboxes')">
! <strong>3 - Introducing WebBox-es</strong>
! </a>
! <br>
! Some of the templates are turned into weboxes. Explains the
! fundamental difference between a template and a webox. The PHP
! code of the weboxes declares the function onRender(), where
! some variables are added using WebApp::addVar(), and these
! {{variables}} are used in the corresponding template.
! </td>
!
! <td width="50%" valign="top" bgcolor="#EEEEEE">
! <a href="javascript:tabs3_select('tabs3::tutorial','events')">
! <strong>4 - Sending and Handelling Events</strong>
! </a>
! <br>
! Some of the transitions send events to some of the weboxes. The
! target weboxes handle these events in their eventHandler()
! functions. Explains also the transitions to 'thisPage', sending
! an event to 'any' webox, and sending events to 'none' of the
! weboxes (independent events).
! </td>
</tr>
!
! <tr>
! <td width="50%" valign="top" bgcolor="#EEEEEE">
! <a href="javascript:tabs3_select('tabs3::tutorial','sess_var')">
! <strong>5 - Session and Variables</strong>
! </a>
! <br>
! Explains what are the session variables and how to use them.
! Explains further how the {{template variables}} are evaluated.
! Explains how the session variables are used to keep the state
! of the weboxes and the states of the application (introduces
! the function onLoad() of the weboxes). Explains how the
! <If> elements are used to display templates
! conditionally. Explains how to debug the session
! variables.
! </td>
!
! <td width="50%" valign="top" bgcolor="#F8F8F8">
! <a href="javascript:tabs3_select('tabs3::tutorial','database')">
! <strong>6 - Interacting with a Database</strong>
! </a>
! <br>
! Explains how to set a default connection with a database.
! Explains the configuration file of a template (*.tpc) and the
! <Recordset> element. Explains the <Repeat> elements
! and how to use them inside a template. Explains the '.db' file
! of a webox, the <Recordset> and <dbCommand>
! elements inside it, and how to use the functions
! WebApp::execDBCmd(), WebApp::openRS() and WebApp::execQuery()
! inside the PHP code of the webox. Explains how to debug the
! recordsets of the page and the execution times of the queries
! (and other processes).
! </td>
</tr>
!
! <tr>
! <td width="50%" valign="top" bgcolor="#F8F8F8">
! <a href="javascript:tabs3_select('tabs3::tutorial','advanced')">
! <strong>7 - All the rest of the advanced features</strong>
! </a>
! <br>
! A complicated, real and almost finished web application
! (which may evolve from the previous samples or may be
! independent of them), which makes use and explains almost all
! of the advanced features of framework which have not been
! explained in the previous samples. Such features may be:
!
! <ul>
! <li>Detailed explanation of the <Repeat> element and
! the page recordsets.</li>
!
! <li><Var> elements</li>
!
! <li>An <Include> element that uses a variable.</li>
!
! <li>Usage of an external webox.</li>
!
! <li>Etc.</li>
! </ul>
! </td>
!
! <td width="50%" valign="top" bgcolor="#EEEEEE">
! <a href="javascript:tabs3_select('tabs3::tutorial','documentation')">
! <strong>8 - The documentation application</strong>
! </a>
! <br>
! This web application (the 'phpWebApp documentation') is built
! using phpWebApp itself. This tutorial explains how this web
! application is constructed.
! </td>
</tr>
</table>
|
