最近结束了对PHP的学习,结课作业做了一个网上花店管理系统。在这里附上源码和部分界面。做的不太好,也杂糅了一些前人的东西,但总体来说是可以实现的,希望能帮上你们!
登录界面
展示界面
浏览界面
查询界面 添加界面
注册界面
<?php
include 'conn.php';
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网上花店</title>
<style>
/* 头部样式 */
header {
background-color: #e6e6e6;
padding: 20px;
text-align: center;
}
header h1 {
margin: 0;
}
/* 导航栏样式 */
nav {
background-color: #333;
color: #fff;
display: flex;
justify-content: space-between;
padding: 10px;
}
nav a {
color: #fff;
text-decoration: none;
padding: 10px;
}
/* 花卉展示样式 */
.flowers {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 20px;
}
.flower {
margin: 20px;
width: 300px;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
.flower img {
max-width: 100%;
}
.flower h2 {
margin: 10px 0;
}
.flower p {
margin: 10px 0;
}
/* 底部样式 */
footer {
background-color: #e6e6e6;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<!-- 头部 -->
<header>
<h1>网上花店管理系统</h1>
</header>
<!-- 导航栏 -->
<nav>
<a href="#">首页</a>
<a href="manage.php">鲜花管理</a>
<a href="#">绿植</a>
<a href="#">礼品</a>
<a href="#">关于我们</a>
</nav>
<!-- 花卉展示 -->
<div class="flowers">
<div class="flower">
<img src="flower1.jpg" alt="花卉图片">
<h2>红玫瑰</h2>
<p>价格:20</p>
</div>
<div class="flower">
<img src="flower2.jpg" alt="花卉图片">
<h2>白玫瑰</h2>
<p>价格:18</p>
</div>
<div class="flower">
<img src="flower3.jpg" alt="花卉图片">
<h2>粉色康乃馨</h2>
<p>价格:15</p>
</div>
<div class="flower">
<img src="flower4.jpg" alt="花卉图片">
<h2>紫罗兰</h2>
<p>价格:12</p>
</div>
<div class="flower">
<img src="flower5.jpg" alt="花卉图片">
<h2>向日葵</h2>
<p>价格:10</p>
</div>
</div>
<!-- 底部 -->
<footer>
<p>网上花店</p>
</footer>
</body>
</html>
<?php
include 'conn.php';
?>
<meta charset="UTF-8">
<title>insert</title>
<style>
/* 头部样式 */
header {
background-color: #e6e6e6;
padding: 20px;
text-align: center;
}
header h1 {
margin: 0;
}
/* 导航栏样式 */
nav {
background-color: #333;
color: #fff;
display: flex;
justify-content: space-between;
padding: 10px;
}
nav a {
color: #fff;
text-decoration: none;
padding: 10px;
}
/* 花卉展示样式 */
.flowers {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 20px;
}
.flower {
margin: 20px;
width: 300px;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
.flower img {
max-width: 100%;
}
.flower h2 {
margin: 10px 0;
}
.flower p {
margin: 10px 0;
}
/* 底部样式 */
footer {
background-color: #e6e6e6;
padding: 20px;
text-align: center;
}
</style>
<script language="JavaScript">
function mycheck(form) {
if(form1.bookname.value == "") {
alert("请输入花名!");
form1.bookname.focus();
return false;
} else if (form1.price.value == "") {
alert("请输入价格!");
form1.price.focus();
return false;
} else if (form1.f_time.value == "") {
alert("请输入进货日期!");
form1.f_time.focus();
return false;
}
}
</script>
</head>
<body>
<!-- 头部 -->
<header>
<h1>网上花店管理系统</h1>
</header>
<nav>
<a href="index.php">首页</a>
<a href="insert.php">添加鲜花</a>
<a href="delete.php">删除鲜花</a>
<a href="seek.php">查询鲜花</a>
<a href="#">关于我们</a>
</nav>
<form name="form1" method="post" action="insert_ok.php">
<table width="100%" height="250" border="0" cellpadding="0" cellspacing="0" background='true.jpg'>
<tr align="center" valign="middle">
<td width="30%"> </td>
<td width="10%" align="right"> </td>
<td width="30%"> </td>
<td width="30%"> </td>
</tr>
<tr>
<td> </td>
<td align="right" valign="middle">花名:</td>
<td align="center" valign="middle"><input name="name" type="text"></input></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="right" valign="middle">价格:</td>
<td align="center" valign="middle"><input name="price" type="text"></input></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="right" valign="middle">进货日期</td>
<td align="center" valign="middle"><input name="f_time" type="text"></input></td>
<td> </td>
</tr>
<tr align="center" valign="middle">
<td> </td>
<td colspan="2">
<input type="hidden" name="action" value="insert">
<input name="Submit" type="submit" value="提交" onclick="return mycheck(form)">
<input type="reset" name="reset" value="重置"></td>
<td> </td>
</tr>
</table>
</form>
<footer>
<p>网上花店</p>
</footer>
<tr><td> </td></tr>
</body>
<?php
include 'conn.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>seek</title>
<style>
/* 头部样式 */
header {
background-color: #e6e6e6;
padding: 20px;
text-align: center;
}
header h1 {
margin: 0;
}
/* 导航栏样式 */
nav {
background-color: #333;
color: #fff;
display: flex;
justify-content: space-between;
padding: 10px;
}
nav a {
color: #fff;
text-decoration: none;
padding: 10px;
}
/* 花卉展示样式 */
.flowers {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 20px;
}
.flower {
margin: 20px;
width: 300px;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
.flower img {
max-width: 100%;
}
.flower h2 {
margin: 10px 0;
}
.flower p {
margin: 10px 0;
}
/* 底部样式 */
footer {
background-color: #e6e6e6;
padding: 20px;
text-align: center;
}
</style>
<script language="JavaScript">
function check(form) {
if (form1.name.value==""){
alert("不合法的名称!");
form1.name.focus();
return false;
}
form1.submit();
}
</script>
</head>
<body>
<!-- 头部 -->
<header>
<h1>网上花店管理系统</h1>
</header>
<!-- 导航栏 -->
<nav>
<a href="index.php">首页</a>
<a href="insert.php">添加鲜花</a>
<a href="delete.php">删除鲜花</a>
<a href="seek.php">查询鲜花</a>
<a href="#">关于我们</a>
</nav>
<form name="form1" method="post" action="seek_success.php">
<table align="center">
<tr>
<td style="font-size: 24px">请选择查询模式: </td>
<td colspan="2" style="font-family: 楷体;font-size:20px">
<input name="pattern" type="radio" value="普通查找" checked>普通查找
<input name="pattern" type="radio" value="模糊查找">模糊查找
</td>
</tr>
<tr>
<td style="font-size: 24px">请输入要查找的花名:</td>
<td><input name="name" type="text"></td>
<td align="right"><input name="Submit" type="submit" value="查找" onclick="return check(form)"></td>
</tr>
</table>
</form>
<footer>
<p>网上花店</p>
</footer>
</body>
</html>
其余代码在代码包中
链接:https://pan.baidu.com/s/1PWe1wlsNkJQ7uV5MqzEpeQ
提取码:1234