👨💻个人主页:@开发者-曼亿点
👨💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!
👨💻 本文由 曼亿点 原创
👨💻 收录于专栏:PHP程序开发
—
🐤开发此项目的目的是,让大家更好的了解和使用MySQL数据库和灵活的运用PHP开发语言来连接数据库,达到数据库和页面的交互,达到数据库中的资源能提取在页面中和在页面添加的资源能及时的添加到数据库里面。
提示:img的图片需要各位友友到到网上去进行自行的下载放入到相应的文件夹中,请勿放错文件夹,如果放错会导致图片不会显示出来。
names | img | price |
---|---|---|
李信 | imga/2.jpg | ¥300 |
猴子 | imga/3.jpg | ¥100 |
元歌 | imga/4.jpg | ¥150 |
凯 | imga/5.jpg | ¥88 |
使用mysqli_connect以及mysqli_query等数据库属性进行处理。
连接数据的相对代码如下:
//连接数据库 $conn=mysqli_connect('localhost','root','123456','shop'); if(!$conn){ echo mysql_connect_error(); exit;//终止代码,后续不在执行 } //1 --编写sql文 $sql="select * from goods"; //2---执行sql,并获取结果 $rs=mysqli_query($conn,$sql); //3---处理返回结果 $goods=mysqli_fetch_all($rs,MYSQLI_ASSOC);//二维数组 //释放资源,关闭数据库以及结果集 mysqli_free_result($rs); mysqli_close($conn);
如果对连接数据库不懂的可以打开作者得php程序设计得专栏。
在点击价格升序或价格降序的时候可以达到英雄的皮肤进行价格的升序和价格降序的处理。
价格排列代码如下:
//去接收排序的规则 if(isset($_GET['sort'])) { //定义排序规则 $price=array_column($goods,'price');//获取商品数组的价格列 //获取升降序 $sort_type=$_GET['sort']; if($sort_type=='asc'){ //为升序 $sort=SORT_ASC; }else { //为降序 $sort=SORT_DESC; } //调用排序的方法 array_multisort($price,$sort,$goods); }
在查询框中输入查询英雄的名字,从而单个查询出英雄的皮肤和皮肤所需的价格。
相对于的代码:
//接收查询的内容 if(isset($_GET['key'])){ $key_value=$_GET['key'];//查找的商品 $search=array(); foreach($goods as $key=>$value) { $index=array_search($key_value,$value); if($index!==false) { $goods=array(); $goods[]= $value; } } }
排序,出查询和页面展示的总代码如下:
css/demo.css代码:
/*设置页面背景颜色为灰色*/ body { background-color: #ededed } /*设置顶部搜索组件和操作按钮固定*/ .search_top{ position:fixed; width:100%; z-index: 1; } /*设置操作按钮背景颜色与页面背景颜色一致*/ .btn-area{ background-color: #ededed; } .weui-btn { font-size: 13px; color: black; font-weight: normal; } /*设置图片距离顶部80px,防止顶部固定部分遮挡*/ .banner{ width: 100%; padding-top:80px; } .banner img{ width: 100%; } .goods-container { //padding-top:80px; background-color: #ededed; margin-bottom: 60px; } /*左右列间距,注意左列右边距和右列左边距都是5px*/ .left{ margin: 10px 5px 10px 10px; } .right{ margin: 10px 10px 10px 5px; } /*设置列里面商品底部间距,图片圆角,背景颜色白色*/ .goods { margin-bottom:5px; border-radius: 10px;/*与img圆角配合使用*/ background-color: white; text-align: center; } /*设置图片宽度100%,图片圆角*/ .goods img { border-radius: 10px; width: 100%; height: 100%; } .title { padding-top: 10px; } .price { color: red; }
cs.php代码:
商品管理 价格升序 价格降序 显示全部 $value) { ?> " alt=""> $value) { ?> " alt="">首页
分类
购物车
我
效果展示:
以上就是PHP程序设计
持续更新PHP程序设计教程,欢迎大家订阅系列专栏🔥PHP程序开发你们的支持就是曼亿点创作的动力💖💖💖