PHP实例1成绩查询系统1.docx

1、PHP实例1成绩查询系统1PHP网站开发全程实例一：成绩查询系统进行PHP网站开发的环境有很多，对于已经很熟悉HTML语言和PHP的设计人员甚至可以直接使用记事本进行代码的编写工作；对于新手来说可以使用Dreamweaver配合MySQL进行动态系统的开发。Dreamweaver提供了方便的图形化界面，只需使用鼠标选择，输入一些基本设置参数就能够与MySQL数据库交互，实现建立数据，查询，新增记录，更新记录，删除记录等操作，不用自己写程序即可以实现PHP+MySQL动态系统的开发。本章将介绍如何使用Dreamweaver的服务器行为，引导读者熟悉由Dreamweaver所产生的程序代码、掌握D

2、reamweaver绑定生成的PHP程序逻辑。本章的学习重点 掌握Dreamweaver进行PHP开发的流程 在Dreamweaver进行PHP开发平台的搭建 搭建PHP动态系统开发的平台 检查数据库记录的常见操作 编辑记录的常见操作3.1 搭建PHP开发环境 Dreamweaver提供了网站开发的整合性环境，它可以支持不同服务器技术，如ASP、PHP、JSP等等，建立动态支持数据库的网络应用程序。同时也能让不懂程序代码的网站设计人员或初学者能在不用撰写程序代码的情况下，学习动态网页技术的设计。3.1.1 网站开发的步骤 在开始制作网站之前，还要了解在Dreamweaver CC中的网页设计和

3、发布流程。它可以分为如下5个主要步骤：第一步：规划网站站点 需要了解网站建设的目的，确定网站提供的服务，针对的是什么样的访问者，以确定网页中应该出现什么内容。第二步：建立站点的基本结构 在Dreamweaver CC中可以在本地计算机上建立出整个站点的框架，并在各个文件夹中合理地安置文档。Dreamweaver CC可以在站点窗口中以两种方式显示站点结构，一种是目录结构，另一种是站点地图。可以使用站点地图方式快速构建和查看站点原型。一旦创建了本地站点并生成了相应的站点结构，创建了即将进一步编辑的各种文档，就可以在其中组织文档和数据。第三步：实现所有页面的设计 建立站点之后，进入Dreamwea

4、ver CC软件中，开始进行页面的版面规划设计，利用强大的编辑设计功能实现各种复杂的表格，然后再组织页面内容。为了保持页面的统一风格可以利用模板来快速生成文档。第四步：充实网页内容 在创建了基本版面页面后，就要往框架里填充内容。在文档窗口中合适的地方，可以输入文字和其他资源，例如图像、水平线、Flash插件和其他对象等，大多可以通过插入面板或插入菜单来完成插入。第五步：发布和维护更新在站点编辑完成后，需要将本地的站点同位于Internet服务器上的远端站点关联起来，把本地设计好的网站内容传到服务器上，并注意后期的随时更新和维护。3.1.2 网站文件夹设计 在制作网站之前首先是把设计好的网站内容

5、放置在本地设计计算机的硬盘上，为了方便站点的设计及上传，设计好的网页都应存储在Apache服务器的安装路径下，如本书的路径为D: phpStudyWWW目录下，再用合理的文件夹来管理文档，在本地站点规划的时候，应该注意如下的操作规则：1设计合理的文件夹 在本地站点中应该用文件夹来合理构建文档的结构。首先为站点创建一个主要文件夹，然后再在其中创建多个子文件夹，最后将文档分类存储到相应的文件夹下。例如可以在Images的文件夹中放置网站页面的图片，可以在data文件夹中放置网站的数据库，可以在css文件夹中放置网页的样式表，如图3-1所示的，一个phpweb网站规划建立的文件夹文档。图3-1 网站

6、在本地硬盘上的文件夹建立2设计合理的文件名称 网站建设由于要生成的文件很多，所以经常要用合理的文件名称。这样操作的目的一是为了方便在网站的规模变得很大时，可以进行修改更新；其二也是为了方便浏览者在看了网页的文件名就能够知道网页所要表述的内容。在设计合理的文件名时要注意以下几点： 第一：尽量使用短文件来命名。 第二：应该避免使用中文文件名，因为很多Internet服务器使用的是英文操作系统，不能对中文文件名提供很好的支持，而且浏览网站的用户也可能使用英文操作系统，中文文件名同样可能导致浏览错误或访问失败。 第三：建议在构建的站点中，全部使用小写的文件名称。很多Internet服务器采用Unix操

7、作系统，它是区分文件的大小写的。3. 设计本地和远程站点为相同的文件结构 在本地站点中规划设计的网站文件结构要同上传到Internet服务器中被人浏览的网站文件结构相同。这样在本地站点上相应的文件夹和文件上的操作，都可以同远程站点上的文件夹和文件一一对应。Dreamweaver CC将整个站点上传到Internet服务器上，都可以保证远程站点是本地站点的完整的复制，方便浏览和修改。3.1.3 流畅的浏览顺序在网站创建的时候首先要考虑到网站所有页面的浏览顺序，注意主次页面之间的链接是否流畅。如果采用标准统一的网页组织形式，可以让用户轻松自如地访问每个他们要访问的网页。这样能提高浏览的兴趣，加大网

8、站的访问量。建立站点的浏览顺序，要注意如下几个方面的浏览顺序： 在每个页面建立主页的链接在网站所有的页面上，都要放置返回主页的链接。如果在网页中包含返回主页的链接，就可以保证用户在不知道自己目前位置的情况下，快速返回到主页中，重新开始浏览站点中其他内容。 建立网站导航应该在网站任何一个页面上建立网站导航，通过导航提供站点的简明目录结构，引导用户从一个页面快速进入到其他的页面上。 突出当前页位置在网站页面的设计中，往往需要加入当前页在网站中的位置说明，或者是加入说明的主题，以帮助浏览者了解他们现在访问的是什么地方。如果页而嵌套过多，则可以通过创建“前进”和“后退”之类的链接，来帮助浏览者进行浏览

9、。 增加搜索和索引功能对于一些带数据库的网站，还应该给浏览者提供搜索的功能，或是给浏览者提供索引检索的权利，使用户能快速查找到自己需要的信息。 必要的信息反馈功能 网站建设发布后，都会存在一些小问题，从浏览者那里及时获取他们对网点的意见和建议是非常重要的，为了及时从用户处了解到相关信息，应该在网页上提供用户同网页创作者或网站管理员的联系途径。常用的方法是建立留言簿或是创建一个E-mail超级链接，帮助用户快速将信息回馈到网站中。3.2 成绩查询系统环境 本小节就以实例“成绩查询”系统的形式具体介绍Dreamweaver中的服务器行为的使用方法。在开始制作一个PHP网站之前，需要在Dreamwe

10、aver中定义一个新站点。在“新建站点”中可以让Dreamweaver知道，现在网站的本地目录，测试的路径等信息。3.2.1 查询系统设计 “成绩查询”系统结构主要分成用户登录入口与找回密码入口两个部分，其中indexphp是这个网站的首页。 在本地的计算机设置站点服务器，在Dreamweaver CC的网站环境下按F12键来浏览网页之外，还可以在IE浏览器输入“http:/localhost/phpweb/indexphp”来打开用户系统的首页indexphp，其中phpweb为站点名。本实例制作5个功能页面，各页面的功能如表3-1所示。表3-1 网页功能表页面主要的功能index.php用

11、来显示所有的成绩记录detail.php显示详细成绩信息页面add.php增加成绩信息页面 update.php更新成绩信总页面del.php删除成绩信息页面indexphp用于浏览数据库内记录，为detailphp提供附带URL参数ID的超级链接，便于查看详细的记录信息，如图3-2所示。图3-2 index页面效果 detailphp用于接收由indexphp传来的URL参数ID，利用URL参数筛选数据库中的记录。更新与删除记录都是依据数据库中的主键字段ID来识别记录的，如图3-3所示。图3-3 detail.php页面效果当制作一个PHP系统功能时，提前规划网站的架构是一件很重要的事情。在

12、我们的脑子里这个网站要有一个雏形，大概有哪些页面、页面间的关系如何等。数据库的架构规划也是一样的，要有哪些数据表、字段，如何跟网页配合等都是很重要的工作。3.2.2 创建数据库 经过对前面功能的分析发现，数据库应该包括ID，姓名，年龄，成绩4个字段。所以在数据库中必须包含一个容纳上述信息的表，将数据库命名为phpweb，接下来就要使用phpmyAdmin软件建立网站数据库websql作为任何数据查询、新增、修改与删除的后端支持。 创建的步骤如下： 01 在IE浏览器中输入http:/127.0.0.1/phpmyadmin/，输入MySQL的用户名和密码，如图3-4所示。图3-4 打开phpM

13、yAdmin登录界面 02 单击“执行”按钮即可以进入软件的管理界面，选择相关数据库可看到数据库中的各表，可进行表、字段的增删改，可以导入、导出数据库信息，如图3-5所示。图3-5 软件的管理界面 03 单击数据库命令，打开本地的“数据库”管理页面，在“新建数据库”文本框中输入数据库的名称phpweb，单击后面的数据库类型下拉列表框，在弹出的下拉菜单中选择utf8_general_ci选项，如图3-6所示。图3-6 软件的管理界面注意UTF8是数据库的编码格式，通常在开发PHP动态网站的时候Dreamweaver默认的格式就是UTF8格式，在创建数据库的时候也要保证数据库储存的格式和网页调用的

14、格式一样，这里要介绍一下utf8_bin 和 utf8_general_ci的区别。其中ci是case insensitive，即“大小写不敏感”，a和A在字符判断中会被当做一样的；bin是二进制，a和A会被区别对待。 04 单击“创建”按钮，返回“常规设置”页面，在数据库列表中就已经建立了phpweb的数据库，如图3-7所示。图3-7 创建后的页面 05 数据库建立后还要建立网页数据所需的数据表。这个网站数据库的数据表是websql。建立数据库后，接着单击左边的phpweb数据库将其连接上，如图3-8所示。图3-8 开始建数据表 06 打开数据库右方画面会出现“新建数据表”的设置区域，含有“

15、名字”、“字段数”两个文本框，在“名字”中输入数据表名websql，“字段数”文本框中输入本数据表的字段数为4，表示将创建4个字段来储存数据，如图3-9所示。图3-9 输入数据表名websql和字段数 07 再单击“执行”按钮，切换到数据表的字段属性设置页面，输入数据域名以及设置数据域位的相关数据，如图3-10所示。各字段的意义如表3-2所示。这个数据表主要是记录每个人的基本数据和成绩。表3-2 webprice数据表字段名称字段类型字段大小说明IDint11自动编号name varcnar20个人姓名agetinyint4个人年龄Resultvarchar20个人成绩图3-10 设置数据库字

16、段属性 08 最后再单击“保存”按钮，切换到“结构”页面。实例将要使用的数据库建立完毕，如图3-11所示。图3-11 建立的数据库页面09 为了页面制作的调用需要，可以先在数据表里加入10笔数据，单击结构，再单击插入，写入有效数据点执行。在数据表中加入名为testltestl0的10个测试姓名，年龄和成绩也编辑不同的数据，如图3-12所示。图3-12 加入10笔数据3.2.3 定义web站点在Dreamweaver CC中创建一个“成绩查询”网站站点phpweb，由于这是PHP数据库网站，因此必须设置本机数据库和测试服务器，主要的设置如表3-3所示。表3-3 站点设置的基本参数站点名称web本

17、机根目录D:phpStudyWWWphpweb测试服务器D:phpStudyWWW网站测试地址http:/127.0.0.1/phpweb/MySQL服务器地址D:phpStudyMySQLdataphpweb管理账号密码root/root数据库名称phpweb 创建web站点的具体操作步骤如下： 01 在D：phpStudyWWW路径下建/phpweb文件夹（如图3-13所示），本实例所有建立的网页文件都将放在该文件夹底下。图3-13 建立站点文件夹phpweb 02 启动Dreamweaver CC，执行菜单栏中的“站点”“管理站点”命令，打开“管理站点”对话框，如图3-14所示。图3-1

18、4 “管理站点”对话框 03 对话框的左边是站点列表框，其中显示了所有已经定义的站点。单击右边的“新建”按钮，打开“站点设置对象”对话框，进行如图3-15所示的参数设置。图3-15 建立web站点 04 单击列表框中的“服务器”选项，并单击“添加服务器”按钮，打开“基本”选项卡进行如图3-16所示的参数设置。图3-16 “基本”选项卡设置 05 设置后再单击“高级”选项卡，打开“高级”服务器设置对话框，选中“维护同步信息”复选框，在“服务器模型”下拉列表框中选择PHP MySQL选项（表示是使用PHP开发的网页），其他的保持默认值，如图3-17所示。图3-17 设置“高级选项卡” 06 单击“

19、保存”按钮，返回“服务器”设置界面，选中“测试”复选框，如图3-18所示。图3-18 设置”服务器”参数 07 单击“保存”按钮，则完成站点的定义设置。在Dreamweaver CC中就已经拥有了刚才所设置的站点web。单击“完成”按钮，关闭“管理站点”对话框，这样就完成了 Dreamweaver CC测试web站点的网站环境设置。注意：上边建立的是成绩管理系统，但下边连接的是价格管理系统，只需把价格管理系统里的“价格”改成“成绩”，“price”改成“Result”即可。3.2.4 建立数据库连接 完成了站点的定义后，需要将网站与前面建立的phpweb数据库建立连接。 网站与数据库的连接步骤

20、如下： 01 执行菜单栏“文件”“新建”命令，在网站根目录下新建一个名为indexphp的网页，输入网页标题“PHP动态系统”，然后执行菜单栏“文件”“保存”命令将网页保存，如图3-19所示。 02 执行菜单栏上的“窗口”“数据库”命令，打开“数据库”面板。在“数据库”面板中单击“+”图标，并在打开的菜单中选择“MySQL连接”选项，如图3-20所示。图3-19 创建空白网页图3-20 选择MySQL连接 03 在“MySQL连接”对话框中，输入“连接名称”为webconn，“MySQL服务器”名为localhost，“用户名”为root，密码为admin。选择所要建立连接的数据库名称，可以单

21、击“选取”按钮浏览MySQL服务器上的所有数据库。选择刚导入的范例数据库price,具体的设置内容如图3-21所示。图3-21 设置MySQL连接参数 04 单击“测试”按钮测试与MySQL数据库的连接是否正确，如果正确则弹出一个提示消息框（如图3-22所示），这表示数据库连接已设置成功。图3-22 设置成功 单击“确定”按钮，则返回编辑页面，在“数据库”面板中则显示绑定过来的数据库，如图3-23所示。图3-23 绑定的数据库图3-24 自动生成的webconn.php文件 在建立完成MySQL连接后，在“文件”面板中会看到Dreamweaver自动建立了Connections文件夹，在该文件

22、夹下有一个与前而所建立的MySQL连接名称相同的文件，如图3-24所示。 Connections文件夹是Dreamweaver用来存放MySQL连接设置文件的文件夹。打开该文件并使用“代码”视图，可以看到有关连接数据库的设置。图3-25 数据库连接设置 在这个文件中定义了与MySQL服务器的连接（mysql_pconnect函数），包括以下内容。 $hostname: MySQL服务器的地址。 $database: 连接数据库的名称。 $username： 用户名称。 $password: 用户密码。 定义的值与我们前面在图形界面所设置的值是对应的，然后利用函数mysql_pconnect与数

23、据库连接。连接后才能对数据库进行查询、新增、修改或删除的操作。如果在网站制作完成后将文件上传至网络上的主机空间时发现，网络上的MySQL服务器访问的用户名、密码等方面与本机设置有所不同，可以直接修改位于Connection文件夹下的webconnphp文件。3.3 动态服务器行为 在Dreamweaver中可以利用软件自带的动态服务器行为快速建立一些基本动态功能，本小节就介绍在Dreamweaver中与检查数据库记录相关的“服务器行为”，主要包括了记录集、插入记录、更新记录、重复区域、显示区域和记录集分页等常用的动态服务器行为。3.3.1 创建新记录集 在每个需要查看数据库记录的页面中皆须为其

24、建立一个“记录集（查询）”，从而可以让Dreamweaver知道，目前这个网页中所需要的是数据库中的哪些数据。即便需要的内容一样，在不同网页也需要单独建立。同一个数据库只需建立一次MySQL连接，但我们可为同一个MySQL数据库连接建立多个“记录集”，配合筛选的功能达到某个记录集只包含数据库中符合某些条件的记录。 打开indexphp文件后，然后打开菜单栏上的“应用程序”“绑定”面板，选择“记录集（查询）”便可以建立记录集。“绑定”面板中的“记录集（查询）”与“服务器行为”面板中“记录集”是相同的，如图3-26所示。图3-26 选择“记录集”命令 按说明没置各项字段（如图3-27所示），然后单

25、击“测试”按钮，Dreamweaver会显示目前设置所返回的记录集内所有记录，字段的功能说明如表3-4所示。表3-4字段与功能说明字 段说 明名称一般用Recordset（记录集）的缩写rs作为开头连接选择所建立记录集的数据库是在哪个MySQL连接列此处显现该数据库连接中所有的数据表，以及所选数据表内所有字段筛选是否依据条件筛选记录排序是否依照某个字段值进行排序。比如，在新闻系统中需要把新的新闻放到前面位置，就可以使用排序的功能图3-27设置记录集 记录集使用到的就是SELECT语句，因为查询出来的结果可能会有很多条，所以称为记录集（合），而“筛选”部分则对应 WHERE子句。 单击“测试”按

26、钮后，可以看到返回的记录。因为没有做任何筛选的处理，所以会返回完整的所有记录。图3-28 单击“测试”按钮浏览记录集 可以单击“高级”按钮查看该SQL语句。可以看到，Dreamweaver提供了一个基本的图形界面，实际上它会生成相应的程序代码。在“高级”窗口中可以看到相应的SQL语句，另外还提供加入变量、修改SQL语句的功能，用以满足使用简单图形界面设置无法满足的情况，如图3-29所示。图3-29 “高级”记录集窗口 在记录集建立完毕后，我们可以在“应用程序”“绑定”面板中查看到目前页面里的所有记录集，以及各记录集中的字段，双击记录集可以重新打开图3-30所示的设置窗口。图3-30绑定的记录集

27、效果 建立记录集与直接写SELECT语句是相同的，将页面切换到“代码”视图，如图3-31所示。其中第1行的require_once函数是用来引入文件的，即前面介绍过的webconnphp。在Dreamweaver中，若是我们已经定义好数据库连接，那么在其他建立记录集、更新记录、插入记录、删除记录的页面中这个连接设置文件就会在页面的最前面被引入（这就是为什么在同一个站点中只需要定义一次MySQL数据库连接），因为该文件中所包括的与数据库连接相关的设置需要被使用。图3-31 自动生成的代码 其程序具体分析如下：(1)第34行引用了webconn.php内的设置（变量$datebase_webcon

28、n与$webconn被定义在这个文件中）来选择数据库(mysql_select_db()，随后的mysql_query()所作用的都是此数据库。 (2)第35行定义了查询数据库的SQL语句。 (3)第36行使用35行所定义的SQL语句对数据库执行查询操作(mysql_query()，此时返回结果是资源标识符，还不能被使用。 (4)第37行将前面查询的结果以关系型数组的形式( mysql_fetch_assoc()传至变量$row_rsdb，然后就可以使用$row记录集名称字段名称来取得记录集字段值。 (5)第38列取得查询结果的记录条数(mysql_num_rows()并赋给变最$totalR

29、ows_rsdb。 (6)最后mysql_free_result()释放查询结果与占用的内存资源。 上面是Dreamweaver连接数据库并执行查询的标准步骤，在mysql_query($query_rsdb，$webconn) or die(mysql_error(）的部分，若or前面语句出现错误或失败，就执行or后面的程序。所以若数据库查询失败的时候就会产生错误信息，并终止程序的运行。 在一般PHP程序中，典型的连接与查询程序类似下面的例子。mysql_select_db ( $database_webconn,$webconn); $query_rsdb = SELECT * FROM

30、webprice; $rsdb = mysql_query ($query_rsdb, $webconn) or die (mysql_error ( ); $row_rsdb = mysql_fetch_assoc ($rsdb); $totalRows_rsdb = mysql_num_rows ($rsdb); mysql_free result($rsdb); 可能会觉得Dreamweaver产生出来的程序代码比较复杂，这是因为Dreamweaver建立的记录集需要搭配很多服务器行为来使用。3.3.2 显示记录功能 要将记录集内的记录（即数据库中的数据）直接显示到网页上，实现的步骤如下

31、： 01 在“文件”面板中打开indexphp，在网页中制作一个如图3-32所示的2x4表格，然后在“应用程序”“绑定”面板上选择所需的字段并拖动到表格中。图3-32 绑定字段 在使用鼠标拖动字段至页面上放开后，会出现rsdbname的字样其中rsdb为记录集名称，name为字段名称。将序号、姓名、年龄、成绩4个字段分别拖至相应的单元格后，单击实时视图按钮。 视图所呈现的效果与使用浏览器打开网页一样，原本仅显示记录集名称，字段名称的部分将会显示出记录集内的记录，如图3-33所示。图3-33 实时视图效果 再单击一次实时视图按钮，将页面切换到代码视图。我们来看记录集名称，字段名称的部分的代码。可以看到，程序代码中使用echo来输出字段值，如图3-34所示。图3-34 代码视图效果3.3.3 重复区