|
| 1 | +<!DOCTYPE HTML> |
| 2 | +<html> |
| 3 | +<head> |
| 4 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| 5 | + <title>Demos Index | ApPHP Framework</title> |
| 6 | + <meta name="description" content="ApPHP Framework - Index page for free demo scripts" /> |
| 7 | + <style> |
| 8 | + html, body { background: #fefefe; font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 14px; padding:0px; margin:0px; } |
| 9 | + h1 { font-size:22px; font-weight:bold; } |
| 10 | + h2 { font-size:19px; font-weight:bold; margin:7px 0;background-color:#f1f2f3; } |
| 11 | + h3 { font-size:14px; font-weight:bold; margin:5px 0; } |
| 12 | + a { color: #356AA0; } |
| 13 | + a:hover { color: #B02B2C; } |
| 14 | + header { background: #1a1a1a; color: #fff; height:40px; width:100%; } |
| 15 | + header nav { margin:0 20px; padding:0px; } |
| 16 | + header nav ul { margin:0; float:left; padding:0px; } |
| 17 | + header nav ul li { padding:10px; float:left; display: block; margin-right:5px; } |
| 18 | + header nav ul li.active { } |
| 19 | + header nav ul li.active a { color: #fff; } |
| 20 | + header nav ul li:hover { background-color: #2a2a2a; } |
| 21 | + header nav ul li:hover a { color: #efefef; } |
| 22 | + header nav a { color: #999999; font-size:15px; text-decoration: none; } |
| 23 | + section { background: #fff; padding:20px 0px 20px 10px; /*min-height:620px;*/ } |
| 24 | + .description { color:#555; background-color: #f1f2f3; border-radius:6px; padding:8px; } |
| 25 | + </style> |
| 26 | +</head> |
| 27 | +<body> |
| 28 | + <header> |
| 29 | + <nav> |
| 30 | + <ul class="menu"> |
| 31 | + <li><a href="../docs/index.php">Documentation</a></li> |
| 32 | + <li><a href="../utils/requirements/index.php">Requirements</a></li> |
| 33 | + <li><a href="../utils/tests/index.php">Tests</a></li> |
| 34 | + <li><a href="../utils/generators/index.php">Code Generators</a></li> |
| 35 | + <li class="active"><a href="../demos/index.php">Demo</a></li> |
| 36 | + </ul> |
| 37 | + <ul class="menu" style="float:right"> |
| 38 | + <li><a href="../index.html">« Index</a></li> |
| 39 | + </ul> |
| 40 | + </nav> |
| 41 | + </header> |
| 42 | + <section> |
| 43 | + These examples demonstrate just a small part of ApPHP Framework abilities. |
| 44 | + Select required example and click the link below: |
| 45 | + <br /><br /> |
| 46 | +
|
| 47 | + <table width="860px"> |
| 48 | + <tr> |
| 49 | + <td width="80px">Example 1.</td> |
| 50 | + <td> - </td> |
| 51 | + <td><a href="hello-world/">Hello World</a></td> |
| 52 | + </tr> |
| 53 | + <tr> |
| 54 | + <td></td> |
| 55 | + <td></td> |
| 56 | + <td> |
| 57 | + <div class="description"> |
| 58 | + This is a simplest code that outputs "Hello, world" in the browser. It demonstrates a |
| 59 | + basic logic of MVC framework work. |
| 60 | + </div> |
| 61 | + </td> |
| 62 | + </tr> |
| 63 | + <tr><td colspan="3" nowrap height="10px"></td></tr> |
| 64 | + <tr> |
| 65 | + <td>Example 2.</td> |
| 66 | + <td> - </td> |
| 67 | + <td><a href="static-site/">Static Site</a></td> |
| 68 | + </tr> |
| 69 | + <tr> |
| 70 | + <td></td> |
| 71 | + <td></td> |
| 72 | + <td> |
| 73 | + <div class="description"> |
| 74 | + This is a static web site, consists from the few pages. It allows page navigation by using a |
| 75 | + top menu, adding/editing content of the pages, changing HTML code, etc. No database used to |
| 76 | + store page contents, it may be done directly via the code of appropriate controller. This script |
| 77 | + uses a template feature of the framework. |
| 78 | + </div> |
| 79 | + </td> |
| 80 | + </tr> |
| 81 | + <tr><td colspan="3" nowrap height="10px"></td></tr> |
| 82 | + <tr> |
| 83 | + <td>Example 3.</td> |
| 84 | + <td> - </td> |
| 85 | + <td><a href="login-system/">Simple Login System</a></td> |
| 86 | + </tr> |
| 87 | + <tr> |
| 88 | + <td></td> |
| 89 | + <td></td> |
| 90 | + <td> |
| 91 | + <div class="description"> |
| 92 | + This is a simple login system, consists from the few pages and login module. It allows page |
| 93 | + navigation by using a top menu, adding/editing content of the pages, changing HTML code, etc. |
| 94 | + Logged user has access to the protected area of the site. This script includes setup module. |
| 95 | + </div> |
| 96 | + </td> |
| 97 | + </tr> |
| 98 | + <tr><td colspan="3" nowrap height="10px"></td></tr> |
| 99 | + <tr> |
| 100 | + <td>Example 4.</td> |
| 101 | + <td> - </td> |
| 102 | + <td><a href="simple-blog/">Simple Blog</a></td> |
| 103 | + </tr> |
| 104 | + <tr> |
| 105 | + <td></td> |
| 106 | + <td></td> |
| 107 | + <td> |
| 108 | + <div class="description"> |
| 109 | + This simple blog site demonstrates some advanced features of the framework, it inludes: setup |
| 110 | + and login modules, work with database and web forms, CRUD operations, form validation, etc. In |
| 111 | + administration area you could configure blog settings, author profile info, edit blog categories, |
| 112 | + create and manage your posts. On the Front-End visitors can see last the posts, sorted by |
| 113 | + categories or date of posting. |
| 114 | + </div> |
| 115 | + </td> |
| 116 | + </tr> |
| 117 | + <tr><td colspan="3" nowrap height="10px"></td></tr> |
| 118 | + <tr> |
| 119 | + <td>Example 5.</td> |
| 120 | + <td> - </td> |
| 121 | + <td><a href="simple-cms/">Simple CMS</a></td> |
| 122 | + </tr> |
| 123 | + <tr> |
| 124 | + <td></td> |
| 125 | + <td></td> |
| 126 | + <td> |
| 127 | + <div class="description"> |
| 128 | + This simple CMS site demonstrates some advanced features of the framework like: setup |
| 129 | + and login modules, advanced widgets, work with database and web forms, CRUD operations, form |
| 130 | + validation, etc. In administration area you could configure all major CMS settings, admin |
| 131 | + profile info, edit site categories, create and manage pages. On the Front-End visitors can |
| 132 | + see last the menu and pages. This script may be used as a basis for creating your own advanced |
| 133 | + application. |
| 134 | + </div> |
| 135 | + </td> |
| 136 | + </tr> |
| 137 | + </table> |
| 138 | +
|
| 139 | + </section> |
| 140 | +</body> |
| 141 | +</html> |
0 commit comments