基于php和mysql动态网页设计

基于php和mysql动态网页设计内容摘要：

消。 ⑦下面将提示选择目标文件夹。 默认目标文件夹为 C:\ProgramFiles\Apache Group。 可以把它必为 C:\，这会创建一个安装目录 C:\apache2\。 不论选择哪一个目录，单击“下一步”。 ⑧单击 Install 完成安装。 以上就是安装 Apache 的全过程。 下面是安装 PHP 的过程： ①解压 PHP 包，将解压后的内容放在 C:\php5 上。 也可以选择任何安装目 录，但是要避免苏州大学本科生毕业设计（论文） 11 使用包含空格的路径。 ②导航到 C:\Program Files\Apache Group\Apache2\conf，打开 进行编辑。 ③在 文件中添加以下 3行代码。 可以把它们直接放在 Global Environment 节最后的所有 LoadModule 条目的块的下面： LoadModule php_module c:/php5/ AddType application/xdphp .php PHPIniDir “ c:/php5” ④将 文件重命名为 ，并保存到 C:\php5 目录。 文件包含数百个负责调整 PHP行为的指令。 ⑤如果使用 Windows NT、 20 XP 或 Vista，找到开始→设置→控制面板→管理工具→服务。 ⑥开列表中找到 Apache，确认它已经启动。 如果还没有启动，点亮这个标签，单击位于左边的“启动服务”图标。 如果已经启动，则点亮这个标签，单击“重新启动服务”，这样对 文件所做的修改就能生效。 接下来，右键单击 Apache，选择“属性”。 确保启动类型设置为“自动”。 在 Windows 上安装并配置 MySQL 在 Windows 上安装 MySQL ①双击 图标，启动安装过程。 ②阅读并单击欢迎提示。 ③选择典型、完全或定制安装。 典型安装提供了有效运行 MySQL 所需的所有特性，而完全安装除文档外还会安装所有可选组件。 定制安装允许对安装的内容进行完全控制，并允许选择安装目录。 继续选择典型安装，单击 Next。 ④ 接受或修改安装目录。 默认目录为 C:\Program Files\MySQL\MySQL Server \。 可以修改此默认目录，但也可以考虑将安装目录指向逻辑驱动器根目录（如 D:\mysql、E:\mysql）。 单击 Next。 然后单击下一个窗口中的 Install。 ⑤ 安装过程开始。 耐心等待此过程结束。 ⑥ 安装进度完成后，出现 MySQL 注册窗口，提示创建一个 MySQL 通行证或者登录 MySQL 通行证。 根据需要选择增加一个免费的 MySQL 账号或跳过注册账号。 ⑦选择下方的“ Skip SignUP”单选按钮，单击 Next，选择跳过。 至此， 的安装已经完成，勾选“ Configure the MySQL Server now”项以便随后进行 MySQL Server 的苏州大学本科生毕业设计（论文） 12 配置，然后单击下方的“ Finish”按钮完成安装过程。 随后 即会自动进入 MySQL Server配置过程。 ⑧ 单击 Next，选择“ Standard Configuration”选项。 ⑨单击 Next，直至进入配置路径界面。 勾选 Install As Windows Service， ServiceName选择“ MySQL”，勾选 Launch the MySQl server automatically，勾选 Include Bin Directory in Windows PATH，单击 Next。 ⑩进入安全设置界面，设置“ root”用户口令，输入要设置的密码，单击 Next。 之后单击Execute 按钮执行配置程序，运行结束即完成了 MySQL Server 的配置。 ． 2 测试 MySQL MySQL 已经安装好了，需要测试它是否正常工作。 具体做法是：选择“开始” |“程序”|“ MySQL” |“ MySQL ” |“ MySQL Command Line Client”菜单项，若出现需要输入密码的对话框，说明 MySQL安装成功了。 配置 PHP 在 Windows 目录下找到 文件，然后用记事本打开，查找以下字符串：extension=、 extension= 和 extension=，将这三项前面的“。 ”去掉，使 PHP 支持处理图像、 MySQL 函数库和宽字符。 测试调用 MySQL 在 Apache 和 PHP 建立关联的前提下，测试 Apache、 PHP和 MySQL 是否协同工作。 打开记事本，输入以下代码： ?php $link=mysql_connect(“ loalhost” ,” root” ,” 123456” )。 //123456改成设置的密码 if(!$link)echo “ 失败 !”。 else echo “ 成功 !”。 mysql_close()。 ? 另存为 ，保存在网站根目录。 打开 IE浏览器输入 并按回车键，如果看到如图 21所示的情况，则说明 MySQL 已经安装成 功了。 苏州大学本科生毕业设计（论文） 13 图 21 测试 MySQL 数据库 苏州大学本科生毕业设计（论文） 14 第三章 PHP 动态网页设计 网页要实现的功能 建立一个动态网站，监测某个点的电压、电流、功率等变化，数据每 隔一段时间 采集一次， 数据的变化状况以表格、曲线图、饼图等形式表现出来。 网站由 若干 个网页组成 ： 主页 一个 ， 分别显示电压、电流、功率变化状况的 曲线图子页 、 饼图子页 共 6个。 主页的界面设计 界面以简洁为主，在顶端显示“毕业设计”四个大字，以下是三个 下拉菜单，分别为电压、电流、功率的曲线图、饼图选项。 接下来是显示电压、电流、功率最新数据的表格一个。 如图 31所示 ： 图 31 这里涉及到表单制作。 表单是网页上的一个特定区域，这个区域是由一对 form标记定义的。 表单的基本结构为： 苏州大学本科生毕业设计（论文） 15 form method=” method” action=” url” name=” name” „„ /form 属性 name 为表单名称， method 为表单数据的传送方式，一般有 get、 post 两种， action为数据处理的网页程序 文件名。 表单以 form标记开始，以 /form标记结束，在这一对标记之间放入的是表单的对象。 单击提交按钮，提交的范围就在这对标记之间的部分，其中包含处理表单的脚本程序位置、提交表单的方法等信息。 在 form标记中，可以包含如表 31所示的 4个标记。 表 31 标 记 描 述 input 输入标记 select 菜单和列表标记 option 菜单和列表项目标记 textarea 文字域标记 利用表单包含的标记创建一个含有表 31所列的标记的表单，例如： form !表单开始标记 input„ /input !输入标记 textarea„ /textarea !文字域标记 select„ !菜单和列表开始标记 option„ /option !菜单和列表项目标记 /select !菜单和列表结束标记 /form !表单结束标记 ① 输入标记 input 表单一般要填写信息，填写信息有其特定的输入消息标记。 input即是一个比较常见的输入标记，常用的有文本域、密码、按钮等都使用这个标记。 ⅰ 文本域 text 文本域 text，其基本结构形式为： input type=text name=field_name maxlength=value size=value 苏州大学本科生毕业设计（论文） 16 value=field_value Type 的属性值 text 设定为表单的文本域，可输入任何类型的文本、数字和字母，输入的内容单行显示。 Name 是文本域的名称， maxlengh 是文本域的最大输入字符数， size是文本域的宽度， value 是文本域的默认值。 ⅱ 密码域 password 在表单中，常见到输入到文本域中的文字均以“ *”符号显示，这种形式的文本域称为密码域，其基本结构为： input type=password name=field_name Name 为密码域的名字，这些属性的含义同文本域相同 ，只是在输入显示形式上有所不同，一般是为了不易被外界发现，为保密而使用。 ⅲ 文件域 file 文件域可以用来浏览查找本地文件路 径，其基本结构为： input type=file name=field_name 文本域的外观是一个文本框加一个浏览按钮，用户可以直接将上传文件路径填写在文本框中，也可以单击浏览按钮，找到需要上传的文件。 ⅳ 提交与重置按钮 表单一般通过提交来处理信息，要提交信息，就要有提交按钮， HTML 提供提交和重置按钮来实现信息的提交和重置，其基本结构如下： input type=submit value=发送 input type=reset value=重置 Submit 是提交按钮，将信 息送到指定地点。 Reset 是重置按钮，重新填写表单信息。 Value 是显示在按钮上的文字。 ⅴ 复选框 复选框 checkbox 可以同时选中多个选项，其结构形式如下。 input type=” checkbox” name=” field_name” value=” value” Checkbox 为复选框，当属性设为 checkbox 时，可以同时选择多个项目。 ⅵ 单选按钮 如果在许多选项中只允许选择一个项目，此种情况称为单选。 单选按钮 radio 只允许用户有一个选择，其基本结构形式为： 苏州大学本科生毕业设计（论文） 17 input type=” radio” name=” field_name” value=”value” radio 为单选按钮的属性值，当属性值设为 radio 时，一次只能选择一个项目。 ② select下拉列表标记 如果可供选择的项目过多时，会在浏览器页面上占很大的空间，这样看起来会很不美观。 HTML 还提供了另一种选择菜单 —— 下拉列表，可以节省空间，正常状态下只能看到一个选项，单击下三角按钮打开列表就能看到全部选项。 列表可以显示一定数量的选项，如果超出了这个数量，会自动出现滚动条，浏览者可以通过手动滚动条来查看 各选项，其基本语法结构为： select name=” name” size=value option value=” value” selected选项 option value=” value” 选项 „ /select name 为下拉列表的名字， size 设置下拉列表的高度、一次显示的个数，默认为 1。 selected 表示当前被默认选中的项， value 表示该项对应的值，该项被选中后，其值将被发送到服务器上。 主页上便是用到 select下拉列表标记。 ③提交表单信息 填写 完表单信息后，接着处理表单信息，提交表单信息的方式主要有 get 和 post 两种方法。 ⅰ get 方法提交 get 提交方法的本质上是将数据通过连接地址的 形式传递到下一个页面，此方法提交表单，表单不会明显地改变页面状态。 Get 方法是最简单的提交方法，主要用于静态 HTML文档、图像或数据库查询结果的简单检索。 ⅱ post 方法提交 Post 方法比 get 方法有很多优势，例如，如果数据很多，用 get 提交会丢失很多数据；如果用 post 提交，可以尽可能多地传递数据。 而且 post 也有更高的安全性，不会像 get那样把传 送的数据暴露在浏览器的地址栏中。 苏州大学本科生毕业设计（论文） 18 ④ PHP 处理表单 PHP 最。