PHP网站开发实战项目式教程-任务5-网上购物系统商品展示模块制作课件.pptx

1、项目项目5 网上购物系统商网上购物系统商品展示模块制作品展示模块制作 PHP网站开发技术网站开发技术 v【知识目标知识目标】掌握掌握PHP访问访问MySQL数据库的相关函数数据库的相关函数 熟悉熟悉PHP与与MySQL数据库的连接的操作流程数据库的连接的操作流程 掌握掌握PHP对对MySQL数据库的操作数据库的操作v【技能目标技能目标】熟练掌握利用熟练掌握利用PHP访问访问MySQL数据库的方法数据库的方法 熟练掌握利用熟练掌握利用PHP对数据表和记录等进行操作的对数据表和记录等进行操作的方法方法学习目标学习目标项目背景项目背景用户实现在线购物，一般都是通过用户登录用户实现在线购物，一般都是通

2、过用户登录浏览商品浏览商品订购订购结算等流程来完成，所以在结算等流程来完成，所以在首页上制作简洁、清晰、详细的商品动态展示区域，首页上制作简洁、清晰、详细的商品动态展示区域，是购物系统开发的首要工作。为了让网站更加美观，是购物系统开发的首要工作。为了让网站更加美观，用户操作方便，本系统在首页上设计了用户操作方便，本系统在首页上设计了“新品推荐新品推荐”、“今日爆款今日爆款”以及以及“种草笔记种草笔记”3个显示区域。并实现个显示区域。并实现了商品详细信息、商品分类、商品搜索和商品分页展了商品详细信息、商品分类、商品搜索和商品分页展示等功能。示等功能。任务实施任务实施v当用户登录购物系统后，默认看

3、到的是首页上展示当用户登录购物系统后，默认看到的是首页上展示的商品。用户可点击导航栏选择各类超链接进入对的商品。用户可点击导航栏选择各类超链接进入对应的显示页面查看商品。如应的显示页面查看商品。如图图5-1所示界面：所示界面：图5-1 导航栏子任务一：商品动态展示子任务一：商品动态展示v 系统首页中主要分为系统首页中主要分为“新品推荐新品推荐”、“今日爆款今日爆款”2个显个显示区域。如图示区域。如图5-2所示界面。所示界面。图5-2 商品展示界面知识准备知识准备vPHP对对MySQL的操作步骤的操作步骤：连接MySQL服务器及数据库设置字符集执行SQL语句SQL执行结果操作释放SQL结果关闭M

4、ySQL数据库连接连接MySQL服务器及数据库服务器及数据库vmysqli_connect()函数，函数语法格式如下所示：函数，函数语法格式如下所示：host：服务器主机所在地址，可以是：服务器主机所在地址，可以是IP地址或域名，当服务器地址或域名，当服务器为本机时，主机名是为本机时，主机名是“localhost”或或“127.0.0.1”。username：访问服务器的用户名。：访问服务器的用户名。password：服务器用户对应密码。：服务器用户对应密码。dbname：使用的数据库。：使用的数据库。port：连接到：连接到 MySQL 服务器的端口号。服务器的端口号。socket：sock

5、et 或要使用的已命名或要使用的已命名 pipe。mysqli_connectmysqli_connect(host,username,password,dbname,p(host,username,password,dbname,port,socket);ort,socket);设置字符集设置字符集vmysqli_set_charset()函数，语法格式如下：函数，语法格式如下：connection:要使用的要使用的 MySQL 连接。连接。charset：设置对应字符集。：设置对应字符集。mysqli_set_charsetmysqli_set_charset(connection,cha

6、rset);(connection,charset);执行执行SQL语句语句vmysqli_query()函数执行函数执行SQL语句，语句，语法格式如下：语法格式如下：connection:要使用的要使用的 MySQL 连接。连接。query：一个正确的：一个正确的SQL语句。语句。mysqli_querymysqli_query(connection,query);(connection,query);SQL执行结果操作执行结果操作vmysqli_fetch_array()vmysqli_num_rows()mysqli_fetch_arraymysqli_fetch_array(resul

7、t);(result);mysqli_num_rowsmysqli_num_rows($result);($result);释放释放SQL结果结果vmysqli_free_result()函数，语法格式如下：函数，语法格式如下：mysqli_free_resultmysqli_free_result(result);(result);关闭数据库关闭数据库vmysqli_close()函数，语法格式如下：函数，语法格式如下：mysqli_closemysqli_close(connection);(connection);实施与测试实施与测试v1.创建商品展示页面创建商品展示页面 创建购物系统首

8、页文件创建购物系统首页文件“index.php”v2.商品展示页面分析商品展示页面分析（1）今日爆款今日爆款（2）新品推荐新品推荐v3.商品展示页面程序商品展示页面程序select*from tb_shangpin where recommend=1 limit 0,9select*from tb_shangpin where newEA=1 limit 0,9子任务二：商品详细信息介绍子任务二：商品详细信息介绍v商品详细信息页面显示商品的所有详细信息，包括商品详细信息页面显示商品的所有详细信息，包括商品名称、添加时间，市场价，会员价，图片、品商品名称、添加时间，市场价，会员价，图片、品牌、型

9、号、出产地以及商品简介等等。如图牌、型号、出产地以及商品简介等等。如图5-3所示所示界面：界面：图5-3 商品详细信息界面知识准备知识准备传递传递 通过网址来传递，格式如下：网址?参数名1=参数值1&参数名2=参数值2&接收接收 通过URL方法来传递参数，在被请求的页面中必须用PHP中的$_GET全局变量来接收。格式如下：$_GET“参数”相关函数相关函数v字符串截取函数字符串截取函数 substr()函数从字符串的指定位置截取一定长度函数从字符串的指定位置截取一定长度的字符。函数格式如下：的字符。函数格式如下：v统计字符串长度统计字符串长度 strlen()函数用于计算字符串的长度。函数格式

10、函数用于计算字符串的长度。函数格式如下：如下：substr(string string,int start,int length)strlen(string)【例例5-1】Web开发时为了保持页面的布局，经常需要截取开发时为了保持页面的布局，经常需要截取超长字符串，如文章的标题。超长字符串，如文章的标题。20)/判断字符串长度是否大于20个字符 echo substr($str,0,20).;/截取20个字符 elseecho$str;?程序运行结果：程序运行结果：2018年第四届全国高校年第四届全国高校.实施与测试实施与测试v1.创建商品详细介绍页面创建商品详细介绍页面 创建商品详细信息页面

11、创建商品详细信息页面“details.php”v2.单个商品展示分单个商品展示分析析（1）在首页在首页index.php中中,每个商品每个商品“详细详细”按钮超按钮超链接中插入链接中插入id传递代码，传递代码，代码如下：代码如下：（2）在商品详细信息页面在商品详细信息页面details.php中中,首先接收上首先接收上个页面传递的个页面传递的id参数，参数，代码如下：代码如下：v3.商品详细信息页面程序商品详细信息页面程序a href=details.php?id=$id=$_GETid;子任务三：商品分类显示子任务三：商品分类显示v当点击某个商品类别时，显示该类别的商品。如图当点击某个商品类

12、别时，显示该类别的商品。如图5-4所示界面：所示界面：图5-4 商品分类界面知识准备知识准备 include()可以把公共的内容可以把公共的内容集中写入一些文件集中写入一些文件内，然后再根据具内，然后再根据具体情况，在需要的体情况，在需要的地方包含进来地方包含进来包含文件包含文件require()也可用于文件的包含也可用于文件的包含，在使用上等同于，在使用上等同于 include()实施与测试实施与测试v1.商品分类界面商品分类界面 创建商品分类界面创建商品分类界面“type.php”，完成静态页面的设，完成静态页面的设计效果计效果。v2.商品分类分商品分类分析析 商品类别显示，需要在数据库表

13、商品类别显示，需要在数据库表tb_type中查找，并中查找，并在导航中显示如在导航中显示如SQL语句：语句：当单击某类商品后，该商品类别当单击某类商品后，该商品类别id号会传到号会传到“type.php”页面页面。v3.商品分类商品分类程序程序select*from tb_type order by typeid desc子任务四：商品分页显示子任务四：商品分页显示v如果搜索到需要显示多条商品信息，就可能需要用如果搜索到需要显示多条商品信息，就可能需要用到商品分页显示功能。如图到商品分页显示功能。如图5-5所示界面：所示界面：图5-5 推荐产品页面分页显示知识准备知识准备v所谓分页显示，也就是

14、将数据库中的结果集分成一所谓分页显示，也就是将数据库中的结果集分成一段一段的来显示。分页程序有两个非常重要的参数：段一段的来显示。分页程序有两个非常重要的参数：每页显示几条记录（每页显示几条记录（$PageSize）和当前是第几页）和当前是第几页（$CurrentPageID）。）。选择前10条记录：select*from table limit 0,10 选择第11至20条记录：select*from table limit 10,10 选择第21至30条记录：select*from table limit 20,10select*from table limit($CurrentPageI

15、D-1)*$PageSize,$PageSize实施与测试实施与测试v1.创建推荐产品分页界面创建推荐产品分页界面 创建要进行分页的手机类页面创建要进行分页的手机类页面“type.php”文件文件v2.手机类页面代码手机类页面代码子任务五：商品搜索子任务五：商品搜索v购物系统中还需要完成搜索功能，当用户选择要搜购物系统中还需要完成搜索功能，当用户选择要搜索的类型，并输入对应商品关键字，就可查询到相索的类型，并输入对应商品关键字，就可查询到相关商品。如图关商品。如图5-6所示界面：所示界面：图5-6 搜索框界面知识准备知识准备v在站内进行搜索，主要通过在站内进行搜索，主要通过SQL语句中语句中l

16、ike关键关键字实现模糊查询。这里用到两个通配符：字实现模糊查询。这里用到两个通配符：“%”表示表示0个或多个字符，个或多个字符，“_”表示单个字符。表示单个字符。实施与测试实施与测试v1.创建搜索界面创建搜索界面 在页面的头部在页面的头部“header.php”文件里设计一个搜索文件里设计一个搜索框框。v2.搜索分析搜索分析 建立建立SQL搜索的语句，通过商品名称搜索站内商品信搜索的语句，通过商品名称搜索站内商品信息，代码息，代码如下：如下：v3.搜索搜索页面代码页面代码select*from tb_shangpin where EAname like%$search%limit$start

17、,$pagesize任务拓展任务拓展v1.其它商品展示分页页面实现其它商品展示分页页面实现完成完成“新首发新首发”、“今日爆款今日爆款”、“数码类数码类”、“厨卫类厨卫类”等页面。实现包括相关商品显示及分页功等页面。实现包括相关商品显示及分页功能。能。v2.“新品推荐新品推荐”、“种草笔记种草笔记”实现实现 完成完成“新闻公告新闻公告”、“种草笔记种草笔记”功能。功能。项目重现项目重现完成完成BBS系统主题及内容展示系统主题及内容展示v1、项目目标项目目标（1）进行项目浏览技术）进行项目浏览技术（2）进行项目分类技术）进行项目分类技术（3）进行项目搜索技术）进行项目搜索技术v2、相关知识相关知

18、识（1）PHP与与MySQL数据库的连接的操作流程数据库的连接的操作流程（2）PHP与与MySQL数据库的操作相关函数数据库的操作相关函数v项目介绍项目介绍 BBS论坛我们需要实现展示论坛中各种类型的主题及论坛我们需要实现展示论坛中各种类型的主题及其详细的内容；提供回帖的功能；对站内各内容进行其详细的内容；提供回帖的功能；对站内各内容进行搜索。搜索。v项目内容项目内容 利用利用PHP和和MySQL连接操作的方法及相关函数实现连接操作的方法及相关函数实现BBS论坛主题的展示论坛主题的展示 实现实现BBS论坛帖子的详细内容展示论坛帖子的详细内容展示 实现实现BBS论坛主题分类论坛主题分类 实现实现BBS论坛内容搜索论坛内容搜索