创建一个简单的应用程序:一个电话本
有了 jQuery 的基本知识之后，我们就可以开始用 PHP 和 MySQL 构建一个简单的电话本应用程序了。这个应用程序包含三个部分:
◆一个 MySQL 表，用来保存人名和电话号码
◆具有搜索表单的 index.php 文件
◆用来查询数据库表的 find.php 页面
我们将依次构建这些元素。
创建数据库表
在 MySQL 内创建数据库表可能是最简单的部分。我们希望此应用程序是一个包含有最少量信息的表 — 比如，一个 ID表的键）、一个名字字段以及一个电话号码字段。最后这两个字段可以是字母数字，所以将使用 varchar() 函数。我们将创建 ID 字段作为一个 autoincrement primary key。将此表称为目录 并使用如下的 Structured Query Language (SQL) 代码来创建它:
清单 2. 使用 SQL 创建目录表
|
CREATE TABLE `directory` ( `id` INT NOT NULL AUTO_INCREMENT , `name` VARCHAR( 64 ) NOT NULL , `phone` VARCHAR( 16 ) NOT NULL , PRIMARY KEY ( `id` ) ) TYPE = MYISAM ; |
正如您所见，这里没有什么复杂的。实际上，之后您将有大量机会自己更新这个应用程序。扩展此应用程序的一种方式是添加一个关键字或地址字段，而二者均能让您进一步精炼搜索。不过，现在，我们还是先从简单的开始吧。
创建了该表之后，需要填充它。可以使用 phpMyAdmin 或命令行来输入一个名字和电话号码。也可以使用如下的 SQL 指令集:
清单 3. 使用 SQL 填充此表
|
insert into `directory` (name,phone) values ('Tom Smith', '512-555-0111'); insert into `directory` (name,phone) values ('Bill Smith', '512-555-0112'); insert into `directory` (name,phone) values ('John Smith', '512-555-0113'); insert into `directory` (name,phone) values ('Jane Smith', '512-555-0114'); insert into `directory` (name,phone) values ('Sara Smith', '512-555-0115'); |
输入了这些值之后，如果从命令行的目录操作运行一个 select * 或单击 phpMyAdmin 内的 Browse ，请确保能够获得一个记录列表。
创建 index.php 文件
接下来，为应用程序创建一个简单的主页。此页面是一个 PHP 文件，称为 index.php，但此时它包含最多的仍是 HTML 代码。当完成了 find.php 文件后下一步），我们还会返回来完成这一代码块。
此刻，所需做的就是创建一个包含表单的骨架 HTML 文件。表单内的每个元素均包含一个惟一的 ID，因为我们想要能够使用 jQuery 标识每一块。
清单 4. 包含表单的 HTML 文件
|
﹤html﹥ ﹤head﹥ ﹤title﹥Welcome!﹤/title﹥ ﹤/head﹥ ﹤body﹥ ﹤h1﹥Search our Phone Directory﹤/h1﹥ ﹤form id="searchform" method="post"﹥ ﹤div﹥ ﹤label for="search_term"﹥Search name/phone﹤/label﹥ ﹤input type="text" name="search_term" id="search_term" /﹥ ﹤input type="submit" value="search" id="search_button" /﹥ ﹤/div﹥ ﹤/form﹥ ﹤div id="search_results"﹥﹤/div﹥ ﹤/body﹥ ﹤/html﹥ |
上述代码中有两点应该会立即引起您的注意。其一，没有动作与此表单相关联。这没关系：请记住，此表单将不会遵循传统的 “单击、等待、查看” 的同步模式。相反，我们将会添加能够监视 search_term 字段内的用户动作的功能。
应该注意到的第二点是 search_results DOM 元素 — 表单下面的空白元素。这个 DOM 元素将会包含从搜索中获得的所有响应。在对此进行深入研究之前，让我们先来创建 find.php 页面。
PHP之友评论