关于黄昏饮食文化有限公司网站设计.doc

汕尾职业技术学院
计算机应用类毕业设计

题目：关于黄昏饮食文化有限公司网站设计

教 学 系： 数 学 与 应 用 系
专 业： 113网络技术
学 号：
姓 名：
指导教师：

完成日期： 2013年 12月 16日

19

基于PHP技术开发的
黄昏美食文化公司网站

学号
：
2011321107
姓名
：

专业
：
计算机网络技术
指导教师
：

教学系
：
数学与应用系

摘 要：利用PHP和数据库技术，开发实现了基于PHP技术的黄昏美食文化公司网站设计。黄昏美食文化公司现阶段实现静、动态页面设计，具有新闻浏览、更新和编辑，删除等功能，满足任何浏览的客户随时随地获得关于我司的最新动态，并且具有产品浏览，购买功能。最大的实现了客户随时浏览新闻，购买喜欢的产品的快捷功能。

关键词：PHP 数据库

目 录
1 开发背景 1
2 公司网站简介 1
2 公司网站简介 2
3 运行环境与系统结构 3
4 详细设计 5
4.1 网站页面设计 5
4.2 数据库设计 5
4.3 功能模块详细设计 7
5 SQL-FRONT操作数据库的几个步骤 14
6 数据的安全与保密 15
7 结语 16
致谢 17
参考文献 18
附录 19

1 开发背景
一个国家的饮食文化关系到一个国家的前景，一个民族的繁荣。中国的文化底蕴丰富多彩，作为炎黄子孙的我们更应该去了解与关注，一道菜就是一个文化的体现，一道菜便能诠释一个文化的内涵。我们的饮食关系到健康，而健康的人生便是发展的前提，我们不仅要了解我们中国有哪些菜式，还要了解这些菜所表达的含义。
因特网的飞速发展为企业带来了无线上级，它不仅为企业提供了虚拟的全球贸易环境，同时，也为企业拓展业务渠道，梳理企业形象开辟了新的途径。许多企业走进网络，简历自己的企业网站，树立自己的网络品牌，以谋求更大的发展空间。现在，世界各国大的采购商都是主要利用互联网络来寻找新的产品和新的供应商，因为这样做费用最低，效率最高。我司将把产品放在网上，以供应各大消费者消费。
2 公司网站简介
网站页面和后台数据采用php与数据库等工具，通过基于php技术访问WEB页面，实现在线浏览和购买等各项相关的功能。
它是专门用于新闻发布，产品介绍与销售等功能。其最大的特点是开放性、方便性和灵活性。主要是指一般的客户不仅可以随时了解到我司的最新新闻与最新展品，而且还可以随时在线购买我司产品；它还允许客户根据自己的需求，从我司产品介绍页面中找到所需产品。而且，还支持在线购买功能。客户通过浏览器进行有效的身份验证登录后，输入正确的密码，并获得手机身份验证，当达到规定要求后，系统将自动予以提交。一旦客户看到所需产品，就可以点击链接，随时在线购买。
客户对象是社会上各大消费者，所有对饮食文化感兴趣的人。
3 运行环境与系统结构
此网站可完美运行于各个浏览器，也可适用于内部的局域网。其运行要求和逻辑结构分别如下：
客户端：WindowsXP以上操作系统版本/IE8.0等
服务器端：Windows7，SQL-front，IE9.0等。
数据库：采用SQL-front，运行于服务器端。
网站页面及功能结构图：
黄昏饮食文化有限公司
本站首页
关于黄昏

新闻动态
饮食文化

动态数据
在线留言

在线采购

系列产品
联系我们

增加修改

合作网站
产品展示
产品简介

图3.1 网站各个页面及功能介绍图

网站有如下特点：
网站与数据库联为一体，界面整齐、美观，操作简单、方便。另外，支持按权限对系统进行个人信息操作，即用户拥有一定权限修改在本站等级的信息。主要是在首页通过两种不同的方式进入相异的操作界面，以确保整个数据库中数据的安全性及完整性。其主要特点体现在以下三个方面：
a) 自主设计数据库
b) 自主调用数据库
c) 自主管理数据库
自主设计数据库是指用户能够根据自己的需要建立个人信息（即系统实现了自动建表的功能），让数据库真正成为用户自己的数据库。不过，只要库中已存在账号及关联的手机号码信息，则不予重建，这样就保证了数据的统一性；自主调用数据库即允许用户能自由地从数据库中查看个人信息，根据个人在站内的会员身份予以优惠；自主管理数据库指一般用户具有添加、修改和检索数据的权力，实现数据库的可扩充性和开放性。而管理员则另具有删除数据的权力，从而达到了系统数据统一性和一致性的目的，具体情况请见系统演示。
4 详细设计
4.1 网站页面设计
使用代码设计各个窗体的大小、样式、图片与链接：
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" style="background:#FFF;padding-right:5px;padding-left:5px;">
<tbody><tr>
<td valign="top">
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody><tr>
<td background="./HomePage/top.png" height="5" width="950"></td>
</tr>
</tbody></table>

<table width="950" border="0" cellspacing="0" cellpadding="0" align="center">

<tbody><tr>
<td width="450" height="80"><div align="left"><a href="login.php"><img src="./HomePage/201274222636logo.png"></a></div></td>
<td width="500" height="80" align="right">
</tbody></table>
.

4.2 数据库设计
4.2.1 新闻数据
通常，每一网页调用的数据库都应有一个表结构，所以要先做好各个表的数据。

4.2.2 图片数据
网站中的图片都调用了数据库的图片，所以要将图片的标题和链接设计好。设计如下：

4.2.3 图片数据采用的链接管理

4.3 功能模块详细设计
下面，按照网站各个模块分别进行详细讨论，具体情况见系统源程序及演示。考虑到数据的保密与安全问题，凡需要成为本站的会员的用户，必须先注册，然后通过验证才能进入。否则，进入"SORRY"页面。
4.3.1 首页模块
一般用户进入网站都会首先看到的是一个网站的主页，所以我们的主页模块要做好。
（1）顶部
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody><tr>
<td width="450" height="80"><div align="left"><a href="login.php"><img src="./HomePage/201274222636logo.png"></a></div></td>
<td width="500" height="80" align="right">
<div class="shuanglang3">※ <a href="javascript:void(0);" onclick="this.style.behavior=&#39;url(#default#homepage) &#39;;this.setHomePage(&#39;&#39;);">设为首页</a> &nbsp;<a href="javascript:void(0);" onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a> &nbsp;<a href="Contact.php">联系我们</a></div>
<div><img src="./HomePage/tel.gif" width="490" height="39"></div></td>
</tr>
</tbody></table>
顶部加入设为首页、加入收藏和联系我们等功能。

（2）Banner
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody><tr>
<td width="950" height="36" background="./HomePage/nav.png" valign="top">
<div class="shuanglang1"><ul><li><a href="HomePage.php">首页</a></li>
<li><a href="About.php">关于黄昏</a></li><li><a href="News.php">饮食文化</a></li>
<li><a href="Products.php">系列产品</a></li><li><span style="background:none;"><a href="Contact.php">联系我们</li>
<li style="background:none;"></li>
</ul>
</div>

</td>

</tr>
</tbody></table>

此模块几乎包含了一个网站的所有重要元素的链接。设计页面采用层的技术。

（3）代表产品展示
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" class="margin5">
<tbody><tr>
<td><a href="Products.php"><img src="./HomePage/tuijian.gif" width="950" height="215" border="0"></a></td>
width="950" height="62" class="partner">
</tbody></table>
一个饮食公司都会有自己的产品提供给客户的。这个模块将以一张图片的形式展现，其中还加入链接，可以跳转到产品页面。
（4）底部
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="6a6a6a">
<tbody><tr>
<td valign="top" height="200" style="color:#FFF;">
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" style="border-bottom:2px solid #666;padding-bottom:10px;">
<tbody><tr>
<td width="98" valign="top" style="padding-top:15px;line-height:25px;"><strong>友情链接：</strong></td>

<td width="852" valign="top" style="padding-top:15px;color:#999999;line-height:25px;" class="bottom">

<a href="*" target="_blank">黄昏在线采购</a> | </td>
</tr>
</tbody></table>

<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" style="margin-top:10px;">
</tbody></table>

底部是公司的简单介绍和一些链接。

4.3.2 关于黄昏模块
<title>NewsShow</title>
</ul>
<ul class="SlideTriggers" id="SlideTriggers" style="display:block">
<li class="current">1</li>
<li class="">2</li>

</ul>
</div>
<div style="height:5px;width:100%;"></div>
</body></html>
模块中的元素都将采用于主页的元素，只是在显示简介的位置上略作修改。

4.3.3 饮食文化模块
<body>
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" style="background:#FFF;padding-right:5px;padding-left:5px;">
<tbody><tr>
<td valign="top" height="200" style="color:#FFF;">
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" style="border-bottom:2px solid #666;padding-bottom:10px;">
</body></html>
此模块主要是用于显示公司的最新新闻动态与一些饮食文化的介绍。
4.3.4 系列产品模块
<body>
<?php
include "conn.php";
$query="select Id,title from images where Id=16";
$result=mysql_query($query);
while ($row=mysql_fetch_array($result))
{
?>
此模块是专门为客户所提供的，我们将我们公司所有的产品都以数据的形式放在我们的网站上，以提供给我们的顾客，从而让顾客更好的了解到我们公司的产品并且还可以购买。
4.3.5 联系我们模块
<tbody><tr>
<td valign="top" width="50%" style="padding-left:30px;line-height:25px;">
如果你有任何意见和建议，请联系我们，感谢您们的支持！<br>
<form action="" method="post" id="148869592">
<div style="margin-top:10px;">留言标题：
<input size="30" name="title" maxlength="200">

这个模块是用于客户我我们公司交流的，客户可以把自己对我司的意见填进表里，发送到我们的数据库，向我们提起意见，以达到公司于客户的最大沟通。

4.3.6 连接数据库模块
<?php
$conn= mysql_connect('localhost','root','1234') or die('连接失败');
mysql_select_db('dusk', $conn) or die('选择数据库失败');
mysql_query("SET NAMES UTF8"); //设置字符集为utf8
?>
这个模块是用于网站与数据的连接，从而达到网站调用数据的功能。
4.3.7 调用数据库模块
<?php
include "conn.php";
$query="select Id,title from news";
$result=mysql_query($query);
while ($row=mysql_fetch_array($result))
{
?>
<?php
}
?>
利用SQL代码实现调用数据库功能。

4.3.8 后台管理模块
<?php
include "conn.php";
$query="select Id,title from news";
$result=mysql_query($query);
while ($row=mysql_fetch_array($result))
{
?>
<?php

}
?>
用于公司管理员实时更改网站内的数据与用户的信息管理。
（1）登录管理：管理员登录后台功能
<P>用户名：<INPUT type="text" name="sysname" size="20" ></P>
<P>密&nbsp;&nbsp;码：<INPUT type="password" name="syspasswd" size="20" ></P>
<P>校验码：<INPUT type="text" name="getcode" size="6" maxlength=6 >&nbsp;<img src="code.php">&nbsp;&nbsp;&nbsp;</P>
<P><INPUT type="submit" value="确 认" name="sysok" onClick="return onCheck();" >&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT type="reset" value="重 填" name="sysset" ></P>

（2）用户管理：新增、修改和删除管理员管理功能
<?php
}
mysql_free_result($result);
} catch (Exception $e) {
die($e->getMessage());
}
?>

<?php
require ("conn.php");
require ("chkuser.php");

define('PageSize',25);
if (isset($_REQUEST["classid"])) $classid=$_REQUEST["classid"];
if (isset($_REQUEST["page"])) $newspage=$_REQUEST["page"];
if (empty($classid))
{
$classid=1;
}
if (empty($newspage))
{
$newspage=1;
}

function timetounix($time) {
try

（3）新闻管理：用于管理员增加、修改和删除站内新闻数据
5 SQL-Front操作数据库的几个步骤
6 第一步 打开SQL-front；输入登录信息；建立数据库名称(dusk)，选定数据库所用的字符（utf-8）。
7 第二步 建立address（图片路径），admin（管理员信息），class（新闻分类），images（图片标题与路径），news（新闻信息），tlog（登录记录）等表。
8 第三步 在各表输入数据。
9 第四步 保存数据库。

6 结语
本网站开发目前只（已）完成了基本页面设计和数据库连接等功能。
初步达到了新闻查看、修改、增加和删除，图片浏览与更换等功能
其中留言信息的提交功能尚有待改进。
今后将致力于学习如何更熟练的去开发与管理网站。
致谢
本设计的完成是在我们的导师李俊杰老师的细心指导下进行的。在每次设计遇到问题时老师不辞辛苦的讲解才使得我的设计顺利的进行。从设计的选题到资料的搜集直至最后设计的修改的整个过程中，花费了李老师很多的宝贵时间和精力，在此向导师表示衷心地感谢！导师严谨的治学态度，开拓进取的精神和高度的责任心都将使学生受益终生！
还要感谢和我同一设计小组的几位同学，是你们在我平时设计中和我一起探讨问题，并指出我设计上的误区，使我能及时的发现问题把设计顺利的进行下去，没有你们的帮助我不可能这样顺利地结稿，在此表示深深的谢意。
参考文献
[1] 张健．基于PHP技术的网站功能设计．《计算机应用与研究》．北京：中国铁道出版社2011
[2] 李岩，张瑞雪．基于数据库开发技术的数据库设计．《SQL Server2005实用教程》．北京：北京科学出版社2011
[3] 杜永红，王冬霞．基于Dreamweaver技术的网站页面设计．《网页设计与制作实训教程》北京：清华大学出版社，2011