项目五
数据库连接与分页排序编辑删除;项目引言;能力目标;任务一
用Dreamweaver软件集成环境进行PHP连接数据库;复习知识与技能;任务描述;任务分析;1.准备工作
按照网站规划参数进行配置。Web站点路径:C:\phpweb。Web测试IP地址:。Web测试端口号:8899。参照项目一中任务一、任务二、任务三,配置好WAMP环境,配置好Dreamweaver网站环境,如果已经配置好WAMP环境和Dreamweaver网站环境,本步骤可以略过,启动配置WAMP与Dreamweaver创建网站过程详见项目一的三个任务步骤,在MySQL数据库服务器中,准备好“liuyan”数据库和“liuyan”表,准备好账号“root”和密码“168168”备用。;2.创建设计“050101.php”动态网页并连接数据库
(1)鼠标单击“开始”→“动态网页”启动Dreamweaver软件,单击“文件”菜单,单击“新建”,创建PHP动态网页“050101.php”。
(2)网页效果如图5-1-1所示,插入图片700.jpg,修改图片700.jpg,宽度属性为750,插入图片602.gif。在两张图片之间,键盘输入组合键“Shift+Enter”换行,键盘输入文字“预留显示连接公司留言数据库表数据位”,设置输入的文字为h2标题格式。
(3)鼠标单击“窗口”菜单,单击下拉菜单中“数据库”,如图5-1-2所示。
(4)在Dreamweaver软件窗口中,能看到如图5-1-2所示“数据库”标签,单击“数据库”标签,如图5-1-3所示。
(5)单击“数据库”标签中“+”按钮,如图5-1-4所示。
(6)再选择“MySQL连接”选项,如图5-1-5所示。
(7)单击“MySQL连接”选项后,弹出“MySQL连接”对话框,如图5-1-6所示。输入连接名称、MySQL服务器、用户名、密码,单击“选取”按钮,在弹出“选取数据库”对话框中选择数据库“liuyan”选项,单击“选取”按钮,如图5-1-7所示。
(8)返回到“MySQL连接”对话框,这时已经完成MySQL连接的相关参数填写,单击“测试”按钮,如果弹出对话框提示“成功创建连接脚本”,说明参数设置正确,单击“确定”按钮,再单击“确定”按钮,至此完成了创建MySQL数据库连接的操作,如图5-1-8所示。
(9)完成上面操作后,在数据库面板标签中能看到创建的“PHPMySQL”连接,如图5-1-9所示。
;(10)完成上面操作后,在网站根目录C:\phpweb中会自动建立目录Connections,在该目录中会自动建立PHPMySQL.php文件,打开PHPMySQL.php,修改源代码,需要在源代码最后加一句“mysql_set_charset(utf8,$PHPMySQL);”,作用是防止浏览器显示中文时乱码。新添加的代码具体见源代码第12行。
1?php
2\#FileName=Connection\_php\_mysql.htm(文件名=Connection\_php\_mysql.htm)
3\#Type=MYSQL(类型=MYSQL)
4\#HTTP=true(HTTP=true)
5$hostname\_PHPMySQL=;//数据库服务器的主机名或IP地址
6$database\_PHPMySQL=liuyan;//要连接的数据库名称
7$username\_PHPMySQL=root;//数据库用户名
8$password\_PHPMySQL=168168;//数据库密码
9//连接到MySQL数据库服务器,并选择指定的数据库
10$PHPMySQL=mysql\_pconnect($hostname\_PHPMySQL,$username\_PHPMySQL,$password\_PHPMySQL)ortrigger\_error(mysql\_error(),E\_USER\_ERROR);
11//设置数据库连接的字符集为utf8支持简体中文
12mysql\_set\_charset(utf8,$PHPMySQL);
13?;(11)如图5-1-10所示,单击数据库标签旁边的“绑定”标签,单击“+”按钮,弹出快捷菜单,单击其中“记录集(查询)”。
(12)弹出“记录集”对话框,名称默认为“Recordset1”,连接处选择“PHPMySQL”,表格处选择“liuyan”,列处选择“全部”,筛选默认选择“无”,排序默认选择“无”,单击“确定”按钮,如图5-1-11所示。
(13)在网页中插入标题2格式h2/h2,再从文件夹image选择插入图片700.jpg,修改图片700.jpg默认宽度属性为wi