III.1 Giao diện
a, Giao diện cho khách hàng
b, Giao diện dành cho nhà quản trị
III.2 Một số trang code chính a, Trang index <?php ob_start(); session_start();?> <?php include("inc/connect.php");?> <?php
mysql_query("set names 'utf8'") ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>
<title>Shop hoa tuoi</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="style.css"/>
</head> <body>
<div id="main"><!--begin main-->
<div id="headerMenu"><?php include('inc/headerMenu.php');?></div> <div id="navMenu"><!--begin navMenu-->
<ul>
<li><a href="?id=mauthiep"> mẫu thiệp</a></li> <li><a href="?id=ynghia"> Ý nghĩa của hoa</a></li> <li><a href="?id=thanhtoan"> Thanh Toán</a></li> <li><a href="?id=tuyendung"> Tuyển Dụng</a></li> </ul>
</div><!--end navMenu-->
<div id="content"><!--begin content--> <div id="sidebar"><!--begin sidebar--> <div id="menuleft"><!--begin menuleft-->
<div id="sidebarmenu"><p>Danh Mục Hoa</p></div> <ul><br/>
<?php
$conn=mysql_connect("localhost","root","11") or die ("Ko thể kết nối đc với cơ sở dữ liệu");
mysql_select_db("nguyenthivan",$conn); mysql_query("set names 'utf8'");
$sanpham=mysql_query("SELECT * FROM menu"); while($row=mysql_fetch_array($sanpham)){
$link="?go=sanpham&id=$row[id]";
echo "<li>";
echo "<a href='$link'>"; echo $row['ten'];
echo "</li>"; } ?> </font> </ul> </div><br/><br/> <!--end menuleft--> <div id="news"> <ul> <li></li> <li><a href="?go=#"></a></li> <br><br>
<li><a href="?go=sinhnhat"> Lời chúc sinh nhật</a></li><br><br>
<li><a href="?go=valentine"> Lời chúc valentien</a></li><br><br>
<li><a href="?go=eva"> Lời chúc cho Eva</a></li><br><br> <li><a href="?go=nhagiao"> Lời chúc 20/11</a></li><br><br> </ul>
</div>
</div><!--end sidebar-->
<div id="primary"><!--begin primary--> <?php include('url.php');?>
<div id="righbar"> <!--begin righbar--> <div id="dangnhap">
<table width="100%" border="0"> <tr> (adsbygoogle = window.adsbygoogle || []).push({});
<td height="27" width="100%"> <strong> KHÁCH HÀNG </strong></td>
</tr> <tr>
<td class="menuleft2" valign="top" align="left"> <?
if($_SESSION["TenDangNhap"]=='') {
?>Bạn chưa là thành viên hoặc chưa đăng nhập ! <p> <a href="index.php?id=dangnhap" >
Đăng nhập</a> |
<a href="index.php?id=dangky" >Đăng ký </a> <?
}else{ ?>
Chào mừng:<? echo($_SESSION["HoTen"])?> trở lại FlowerShop | <a href="index.php?go=thoat" onClick="if(confirm('Bạn muốn thoát?')) return true; else return false;"> Thoát </a>
<? }
?> </td> </tr> </table> </div> <?php include('inc/lich.php');?> <div id="menu_righ">
<marquee behavior="scoll" width="180px" height="500px" direction="up" scrolldelay="5"
scrollamount="5">
<img src="anhlamweb/hoacuoi/2.jpg"><center><h4><font color="#FF00FF">Hoa cưới</font></h4></center>
<img src="anhlamweb/hoatinhyeu/17.jpg" width="223"
height="171"><center><h4><font color="#FF00FF">Hoa tình yêu</font></h4></center>
<img src="anhlamweb/hoasinhnhat/2.jpg" width="224"
height="212"><center><h4><font color="#FF00FF">Hoa sinh nhật</font></h4></center>
<img src="anhlamweb/hoatinhban/10.jpg"><center><h4><font color="#FF00FF">Hoa tình bạn</font></h4></center>
<img src="anhlamweb/hoakhaitruong/1.jpg" width="222" height="275">
<center><h4><font color="#FF00FF">Hoa khai trương</font></h4></center>
<img src="anhlamweb/hoalan/12.jpg" width="229"> <center><h4><font color="#FF00FF">Hoa phong lan</font></h4></center>
<img src="anhlamweb/anhtieude/images (1).jpg" width="234" height="188">
<center><h4><font color="#FF00FF">Hoa bất tử</font></h4></center> <img src="anhlamweb/hoaxinloi/5.jpg" width="232">
<center><h4><font color="#FF00FF">Hoa xin lỗi</font></h4></center> </marquee> </div><!--end righbar--> </div> <div class="clr"></div> </div><!--end content-->
<div id="footer"><img src="anhlamweb/anhtieude/footer.JPG"> </div>
</div><!--end main--> </body></html>
b, Trang admin <?php ob_start(); session_start(); ?> <?php require("../inc/connect.php"); ?> <?php $user=$_SESSION["useradmin"]; if($_SESSION['useradmin']=='') { header('localhost:../admin/login.php'); } ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> (adsbygoogle = window.adsbygoogle || []).push({});
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Admin - Quản Lý</title>
<style type="text/css"> .style2 {
font-size: 18px; color: #FFFFFF; } </style> </head> <body background="../anhlamweb/anhtieude/images (12).jpg"> <table width="967" border="0" cellpadding="2" cellspacing="2" align="center" bgcolor="#FFFFFF"> <tr bgcolor="#669933"> <th width="216" scope="col"> <div align="left"> <blockquote> <p>Chào: <a> <?php echo($_SESSION["useradmin"]); ?> </a>
<a href="logout.php" onClick="if(confirm('Bạn muốn thoát?')) return true; else return false;">
<input type="submit" name="thoat" value="thoat" /></a></p></p> </blockquote>
</div></th>
<th width="689" scope="col"><span class="style2">ADMIN - QUẢN LÝ</span> </th>
</tr>
<td>
<table width="100%" border="0" cellspacing="2" cellpadding="2"> <tr bgcolor="#99CC99"> <td height="21" bgcolor="#996600"><div align="center"><strong>QUẢN LÝ SẢN PHẨM</strong></div></td> </tr> </table>
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr bgcolor="#99CC99">
<td> <a href="addmin.php?go=listhoa">DANH SÁCH LOẠI HOA</a> <hr size="1" width="100%" /></td>
</tr> </table>
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr bgcolor="#99CC99">
<td> <a href="addmin.php?go=newhoa">THÊM MỚI LOẠI HOA </a> <hr size="1" width="100%" /></td>
</tr> </table>
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<td bgcolor="#99CC99"> <a href="addmin.php?
go=hoa_list">DANH SÁCH HOA</a> <hr size="1" width="100%" /></td> </tr>
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="2"> <tr bgcolor="#FF6699">
<td bgcolor="#99CC99"> <a href="addmin.php?
go=hoa_new">THÊM MỚI HOA </a> <hr size="1" width="100%" /></td> </tr>
</table>
<!--<table width="100%" border="0" cellspacing="2" cellpadding="2"> <tr>
<td background="../Templates/menuall.gif" height="21"><div
align="center"><strong>QUẢN LÝ KHÁCH HÀNG</strong></div></td> </tr>
</table> (adsbygoogle = window.adsbygoogle || []).push({});
<table width="100%" border="0" cellspacing="2" cellpadding="2"> <tr>
<td><img src="../Templates/forward.gif" /> <a
class="menuleft2_text" href="admin.php?f=cus_list">DANH SÁCH KHÁCH HÀNG </a> <hr size="1" width="100%" /></td>
</tr> </table >--> </td>
<?php include("contact.php");?> </td></tr></table></body></html>
c, Trang đăng nhập
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- .login { color: #0033FF; font-weight: bold; font-size: 16px; } .err {color: #990000} --> </style>
<form id="frmlogin" name="frmlogin" method="post" action="? id=xldangnhap">
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="2">
<tr> <td width="3%"> </td>
<td colspan="2"><div align="center" class="login">THÀNH VIÊN ĐĂNG NHẬP </div></td>
</tr> <tr>
<td rowspan="2"> </td>
<td width="42%"><div align="right">Tên thành viên: </div></td>
<td width="55%"><input name="TenDangNhap" type="text" id="TenDangNhap" size="20" /></td>
</tr> <tr>
<td><div align="right">Mật khẩu: </div></td>
<td><input name="MatKhau" type="password" id="MatKhau" size="20" /> </td> </tr> <tr> <td colspan="3"><div align="center"><? $er=$_REQUEST['er']; if($er=='false') { ?>
<span class="err">Tên hoặc mật khẩu nhập sai<br /> Nếu đã nhập đúng nhưng vẫn hiện thông báo trên có nghĩa tài khoản của bạn đã bị
khóa</span> <? } ?> </div></td> </tr> <tr> <td colspan="2"> </td>
<td><input type="submit" name="Submit" value="Đăng nhập" />
</tr> </table></form>
d, Trang đăng ký
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <?php ob_start(); session_start(); $action=$_REQUEST['action']; if($action=='insert') { $TenDangNhap=$_REQUEST['CusUser']; $CusPass=$_REQUEST['CusPass']; $CusPass_conf=$_REQUEST['CusPass_conf']; $CusName=$_REQUEST['CusName']; $CusAdd=$_REQUEST['CusAdd']; $CusPhone=$_REQUEST['CusPhone']; $CusEmail=$_REQUEST['CusEmail']; /*check data: */ $sql="Insert khachhang(TenDangNhap,MatKhau,HoTen,DiaChi,DienThoai,Email,Tr
angThai) values('".$TenDangNhap."','".$CusPass."','".$CusName."','". $CusAdd."','".$CusPhone."','".$CusEmail."',1)";
if(mysql_query($sql,$conn)) {
//echo" <a href='index.php?go=dangnhap'>Nhấp vào đây để đăng nhập</a>";
header("location:index.php?id=regthanhcong"); }
else {
echo('sorry <a href="index.php?id=dangky">Click vào đây để đăng ký lại</a> '); die(); } } ?> <script> existed=false; Valid=true; </script> <script src="js/checkcustomer.js"></script> (adsbygoogle = window.adsbygoogle || []).push({});
<script language="javascript1.1" src="js/ajax.js"> </script>
<style type="text/css"> <!-- .errorcustomer { color: #FF0000; font-style: italic; } .dk { color: #0033FF; font-weight: bold; font-size: 16px; } --> </style>
<form action="?id=dangky&action=insert" method="post" name="frmcustomer_registry" id="frmcustomer_registry" onSubmit="return ValidateCustomer(this);">
<input type="hidden" name="checkuseruniqe" value="false"/> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr>
<td height="40" class="title">
<div align="center" class="dk">Đăng kí thành viên </div></td>
</tr> </table>
<fieldset>
<legend>Thông tin đăng nhập </legend>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td width="19%" align="right">Tên đăng nhập: </td>
<td width="81%"><input name="CusUser" type="text" class="input" id="CusUser" size="35" maxlength="25"
onKeyUp="if(changeUser(this));showHint(this.value)"
onBlur="if(changeUser(this));showHint(this.value)" onChange="return changeUser(this);">
(*)
<span id="checkuser" class="errorcustomer"> </span>
</td> </tr> <tr>
<td align="right">Mật khẩu:</td>
<td><input name="CusPass" type="password" class="input" id="CusPass" size="35" maxlength="25">
(*)
<span id="checkCusPass" class="errorcustomer"> </span>
</tr> <tr>
<td align="right">Nhập lại mật khẩu: </td>
<td><input name="CusPass_conf" type="password" class="input" id="CusPass_conf" size="35" maxlength="25">
(*)
<span id="checkCusPass_conf" class="errorcustomer"> </span>
</td> </tr> </table>
</fieldset><p>
<fieldset><legend>Thông tin cá nhân</legend> (adsbygoogle = window.adsbygoogle || []).push({});
<table width="100%" border="0" cellspacing="3" cellpadding="3"> <tr>
<td width="19%" align="right">Họ tên: </td>
<td width="81%"><input name="CusName" type="text" class="input" id="CusName" size="35" maxlength="25"> (*)
<span id="checkCusName" class="errorcustomer"> </span>
</td> </tr> <tr>
<td align="right">Địa chỉ:</td>
<td><textarea name="CusAdd" cols="35" rows="4" class="textArea" id="CusAdd"></textarea>
(*)
<span id="checkCusAdd" class="errorcustomer"> </span>
</td> </tr> <tr>
<td align="right">Số điện thoại: </td>
<td><input name="CusPhone" type="text" class="input" id="CusPhone" size="35" maxlength="25">
<span id="checkCusPhone" class="errorcustomer"> </span>
</td> </tr> <tr>
<td align="right"> Email </td>
<td><input name="CusEmail" type="text" class="input" id="CusEmail" size="35" maxlength="25">
(*)
<span id="checkCusEmail" class="errorcustomer"> </span> </td> </tr>
</fieldset> <p align="">
<input type="submit" name="btregistry" value="Đăng ký" /> <input type="reset" name="btreset" value="Reset"/>
</p> </form> e, Trang Homepage <style type="text/css"> <!-- .p {margin-top:0px;} .style1 { font-size: 24px; color: #FF0000; } .style2 {font-size: 18px} --> </style> <?php include('inc/connect.php');
$sql=mysql_query('select * from home'); $rs=mysql_fetch_array($sql);
?>
<table width="100%" border="1"> <tr>
<th scope="col"><img src="<?php echo $rs['anhtren'];?>" width="550" height="100" /></th>
</tr></table>
<table width="100%" border="1"> <tr>
<th scope="row"><p align="center" style="font-size:18px; color:#FF0000;line-height:30px">FlowerShop xin chào quý khách.</p><br />
<p class="style2" style="text-indent:10px; line-height:30px"> Chào mừng quý khách đến với chúng tôi.</p>
<p class="style2" style="text-indent:10px; line-height:30px">Chúng tôi có mặt và không ngừng nỗ lực với mong muốn giúp bạn sử dụng hiệu quả và khéo léo nhất thông điệp của các loài hoa - thông điệp của hương thơm và vẻ đẹp. </p> </p> (adsbygoogle = window.adsbygoogle || []).push({});
<p class="style2" style="text-indent:10px;line-height:30px"> Hãy đến với chúng tôi ngay để chúng tôi có thể giúp bạn gửi đến những người thân yêu những tình cảm thiêng liêng cao quý nhất.</p>
<p class="style2" style="text-indent:10px;line-height:30px">Cảm ơn các bạn đã đến với chúng tôi, chúng tôi rất hân hạnh được phục vụ các bạn </p> </th>
</tr></table>
<table width="100%" border="1"> <tr>
<td><img src="<?php echo $rs['anhduoi'];?>" width="550" height="100" /></td>
</tr></table>
<table width="100%" height="32" border="1"> <tr bgcolor="#FF9999">
<th bgcolor="#FFFFFF" scope="row"><span class="style1">Sự tích các loài hoa </span></th>
</tr></table>
<table width="100%" border="1"> <tr>
<th scope="row"><p><a href="?go=hoamuoigio">Sự tích hoa mười giờ</a><br /><br />
<a href="?go=hoasen">Sự tích hoa sen</a><br /><br />
<a href="?go=hoatrinhnu">Sự tích hoa trinh nữ</a> <br /><br /> <a href="?go=hoacamchuong">Sự tích hoa cẩm chướng</a><br /><br />
<a href="?go=hoahong">Sự tích hoa hồng</a><br /><br /> <a href="?go=hoathuyvu">Sự tích hoa thủy vu</a><br /><br /> </th> <td>
<a href="?go=hoahuongduong">Sự tích hoa hướng dương</a><br /><br />
<a href="?go=hoaphonglan">Sự tích hoa phong lan</a> <br /><br />
<a href="?go=hoatulip">Sự tích hoa tulip</a><br /><br />
<a href="?go=hoabanglang">Sự tích hoa bằng lăng</a><br /><br /> <a href="?go=hoahuetay">Sự tích hoa huệ tây</a> <br /><br /> <a href="?go=ynghianuhong">Ý nghĩa của những nụ hồng</a><br /><br />
</td> </tr></table>
<tr>
<th scope="col"><img src="<?php echo $rs['anhphai'];?>" width="550" height="100" /></th> </tr></table>
Chương 4
ĐÁNH GIÁ KẾT QUẢ VÀ HƯỚNG PHÁT TRIỂN I. Đánh giá kết quả cài đặt
Trong quá trình thực hiện đồ án em đã cố gắng hết sức để tìm hiểu và cài đặt chương trình nhưng vì thời gian có hạn nên có thể chưa giải quyết được hết tất cả các vấn đề đặt ra. Em rất mong nhận được sự thông cảm của quý thầy cô. Em xin chân thành cảm ơn.
• Những kết quả đạt được:
o Về công nghệ:
Tìm hiểu và nắm bắt được hết các công cụ thiết kế web.
Biết được cách thiết kế web động và cách tổ chức cơ sở dữ liệu. Các dịch vụ trên internet, đặc biệt là thương mại điện tử.
o Về cài đặt chương trình:
Giới thiệu các mặt hàng của cửa hàng đến với khách hàng. Cho phép khách hàng thực hiện đặt hàng qua mạng. (adsbygoogle = window.adsbygoogle || []).push({});
Tiếp nhận đơn đặt hàng. Lập hóa đơn.
Cập nhật: Mặt hàng, khách hàng, đơn đặt hàng.
o Tính năng của chương trình:
Thông tin về khách hàng, mặt hàng được cập nhật kịp thời, chính xác.
Giao diện thân thiện với người dùng.
Chương trình đã được thử nghiệm trên máy đơn và trên mạng internet.
II. Hướng phát triển đề tài
Cho phép khách hàng mua và thanh toán trực tiếp qua mạng.
KẾT LUẬN
Với tốc độ phát triển ngày càng tăng của mạng internet thì việc thiết kế và cài đặt các ứng dụng cho người dùng là rất cần thiết. Hiện nay trong nước đã có rất nhiều các doanh nghiệp áp dụng thương mại điện tử, nhưng do vấp phải những khó khăn về cơ sở hạ tầng như viễn thông phát triển chưa đủ mạnh, dịch vụ thanh toán qua ngân hàng chưa phổ biến nên việc thương mại hóa trên internet mới chỉ dừng lại ở việc giới thiệu các sản phẩm và tiếp nhận các đơn đặt hàng qua website. Vì vậy ý tưởng giới thiệu và bán hoa tươi qua mạng tuy không phải là mới, nhưng với những dịch vụ đi kèm, khách hàng sẽ chọn được những sản phẩm ưng ý nhất và ý nghĩa nhất để tặng người thân và bạn bè. Hy vọng rằng hệ thống website bán hoa trực tuyến này sẽ góp một phần nhỏ bé vào sự phát triển của thương mại điện tử ở Việt Nam, đồng thời làm cho cuộc sống đơn giản và thú vị hơn nhiều.
Với kiến thức cơ bản đã được học ở trường cùng với sự giúp đỡ tận tình của các thầy cô và bằng sự nỗ lực của mình, trong thời gian qua em đã hoàn thành đề tài “ Hệ thống website bán hoa trực tuyến”. Tuy nhiên, đề tài không khỏi những thiếu sót. Em mong nhận được sự thông cảm và góp ý của thầy
cô và các bạn để chương trình ngày càng hoàn thiện hơn và sớm có thể đưa vào áp dụng trong thực tế.