文章目录
一.项目思路
1.连接数据库
确保两个服务是打开的,分别是Apache_pn(阿帕奇服务器的服务)、MySQL5_pn(数据库服务)。
接着,输入网址:http://127.0.0.1/phpmyadmin/
显示数据库的登录界面
进入数据库
2.新建数据库、数据表…
新建数据库
新建数据表
创建字段
插入值
最终效果
3.代码思路
①先写一个商品首页的文件,样式用的是angular.js框架的样式。
<?php
require_once "database.php";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>商品首页</title>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<table class="table">
<thead>
<tr>
<th>商品名称</th>
<th>商品价格</th>
<th>商品数量</th>
<th>商品备注</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<?php
//查询所有数据的sql语句
$sql = "SELECT * FROM `product`";
//执行sql语句
$result = $conn->query($sql);
?>
<?php
while($row = $result -> fetch_assoc()){
// var_dump($row);
?>
<tr>
<td><?php echo $row["p_name"];?></td>
<td><?php echo $row["price"];?><