美食社区网站的设计与实现

开篇：润墨网以专业的文秘视角，为您筛选了一篇美食社区网站的设计与实现范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘要：随着越来越多的人接受了电子商务这种便捷、快速的交易形式，美食类网站的顺势而出很快受到了大家的欢迎。

关键词：美食社区网站；设计；开发

中图分类号：TP311.52 文献标识码：A 文章编号：1007-9599 （2012） 20-0000-02

1 概述

1.1 美食社区的市场趋势及优势

美食社区可充通过色彩、图片、说明、设置动画加强了产品了宣传，大大达到了餐饮业的“色型”要求。实现产品管理方便，起到立竿见影的效果，不用因为更改菜色而重新印刷。只要在后台鼠标轻轻一点，全线马上更新。采用B/S模式，客户无须安装第三方软件，能上网寻找菜谱、食材和网上购物，甚至可以利用手机上网，使操作更加简便。避免现实生活中因为寻找相关信息的费力，优化服务。采用会员制度，营销手段更是利用得淋漓尽致。

2 系统开发语言及技术

2.1 系统开发语言

2.1.1 开发语言―PHP

PHP，是英文超级文本预处理语言Hypertext Preprocessor的缩写。PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛的运用。PHP全名为 Personal Home Page，于1994年由Rasmus Lerdorf创建，刚刚开始是Rasmus Lerdorf 为了要维护个人网页而制作的一个简单的用Perl语言编写的程序。

2.1.2 开发语言―HTML

HTML（Hyper Text Markup Language超文本标记语言）是一种用来制作超文本文档的简单标记语言。与常见的字处理文件不同，Web页以超文本标识语言编排格式。它能独立于各种操作系统平台（如UNIX，WINDOWS等）。

2.1.3 开发语言―JavaScript

JavaScript是1995年由美国Netscape公司为Navigator2.0浏览器的应用而发明的。它是写在HTML文件中的一种基于对象和事件驱动并具有安全性能的脚本语言，当用户在客户端的浏览器中显示该网页时，浏览器就会执行JavaScript程序，让用户通过交互式的操作变换网页的显示内容，以实现HTML语言所不能实现的一些功能。

2.2 系统开发工具及插件

2.2.1 开发工具―MYSQL

MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内。这样就增加了速度并提高了灵活性。MySQL的SQL“结构化查询语言”。SQL是用于访问数据库的最常用标准化语言。

2.2.2 开发工具―Dream weaver MX

Macromedia公司的Dream weaver自问世以来备受网页设计专业人士的青睐，被誉为“网页三剑客之一”。经过多年的改进，Macromedia公司又推出了新版本：MX系列的Dream weaver。Dream weaver MX主要负责网页版式设计，网页编辑制作。

2.2.3 开发插件―WampServer

WampServer是Apache Web服务器、PHP解释器以及MySQL数据库的整合软件包。免去了开发人员将时间花费在繁琐的配置环境过程，从而腾出更多精力去做开发。

3 系统总体设计

3.1 需求分析

美食社区网站提供了一个成本较低的运营方式。为广大群众提供了丰富多彩的菜单选择和直接方便的超市购物。尤其是白领、大学生、高中生和对计算机操作相对比较熟的人，美食社区网站也为企业提供了一个良好的生存环境。

3.2 系统功能

前台功能主要包括客户进入网站后进行的相应操作。首先，客户需要注册会员登录；其次，会员注册成功后，以会员身份登录网站，则可以进行会员信息修改与完善、查询菜谱、查询食材及营养分布、超市购物、网站留言等功能。

后台功能主要介绍系统管理员登录网站后台进行的相应操作。首先，管理者需登录后台网站。其次，登录成功后，可进行系统用户管理、前台会员管理、食谱类别管理、食材类别管理、超市类别管理等。

购物及管理流程图（如图3-1）介绍了用户从开始购物到网站后台管理者查看订单，实现送货，更改订单状态的整个过程，也是整个超市购物的运作过程。

业务流程图（如图3-2）介绍了网站用户权限的逻辑结构。会员与非会员均可以查询食谱和食材、欣赏美食画报。但只有会员可以超市购物，非会员只有在注册为会员的情况下才可以进行网上购物活动。

4 系统功能模块分析

4.1 数据库连接模块

专门独立一页面除了作为进行数据库连接功能的实现，同时写入系统常用的几个函数，其目的是方便以后其它页面的功能实现时能直接调用此页面，而不需反复写入代码，提高效率。函数的编写主要是用PHP来实现的。conn_mysql.php文件作为连接数据库的调用文件。

页面conn_mysql.php：

$conn = @ mysql_connect（"localhost"， "root"， ""） or die（"数据库链接错误"）；

mysql_select_db（"myweb"， $conn）；

mysql_query（"set names 'GBK'"）； //使用GBK中文编码；

？>

4.2 登录与注册模块。用户的登录与注册实现了与Ajax的连接，Ajax作为连接前台和后台的中介，提高了用户注册和登录的效率和准确性。为用户提供了友好的界面。采用了PHP和JavaScript语言编写。注册为该网站会员可有资格上传自己的菜谱与他人分享，可以评价和收藏其他满意的菜谱。而作为该网站的普通会员只可查阅食材和与食材相关的菜谱，不能参与会员独有的权利。

4.3 菜谱模块。用户可直接在菜谱页面查看菜谱信息包括菜谱图示以及此菜谱的用户等。均采用PHP和JavaScript语言编写。

菜谱模块具体的逻辑结构是：将所有上传于数据库的菜谱根据关键词分类，通过分类将它们大致分类为食材类、菜品类、特色、口味和烹饪方法。用户可以根据自己的喜好方便快捷地根据这些标签和关键字找到自己所想要的菜谱。

单击所列出的常用标签，即可查找用该食材所做成的菜谱。例如，我们想找到用鸡蛋这个食材所做的相关菜谱，即可单击“鸡蛋”这个标签。

菜谱模块的主页还显示了热门的菜谱。热门菜谱的评价依据是根据该菜谱的收藏数量和评论数量达到一定的数值以上，方可显示出来。该页面菜谱的显示的菜谱图片采用了不固定长度的随机方法实现，如$height=rand（60，100）/100；该语句可以实现图片长度在最大值为280px的0.6倍至1倍之间随机变动。这样使页面灵活可变，吸引用户眼球。

4.4 食菜模块。该模块旨在为用户提供丰富的食材信息，方便用户根据家有食材寻找菜谱。首先，食材页面显示了所有的石材分类。

其次，若想查找有关“鸡蛋”的食谱做法，可以单击“蛋类“的食材分类，将现实蛋类这个大框架下的具体小分类。

最后，若想查看鸡蛋的信息，单击“鸡蛋”这个食材即可。

4.5 超市模块。首先，用户可以浏览超市物品。根据所列出产品，可以获得改产品的名称、产地、编号、净重、评分、价格、折扣等信息，也可通过分类榜单快速找到产品。

其次，用户可以把想买的物品加入收藏夹中，以便最后一起支付购买。

4.6 上传菜谱模块。对已经注册为会员的用户可有权限上传自己的菜谱与他人共享。所须填写的信息有这道菜的名称、餐饮时间、制作难度、消耗时间、主料、辅料图片、制作步骤和标签。菜谱可以选择自创或是转载。主料、辅料和标签均提示用户词与词之间用空格隔开，目的是方便编程者从今后从数据库调用信息，收集和分类标签，使用户可以方便快捷地根据标签、食材、主料、辅料查找相关菜谱。

5 网站的建立与运行环境

5.1 网站的建立与测试

在实现了整个美食社区的系统功能之后，需要建立一个网站对其进行测试，具体步骤如下：

（1）首先确保安装了WEB服务器，比如Apache，IIS等，本系统使用WampSever。（2）本网站上所有的文件复制到www文件夹下。（3）设置本网站的启动默认文档为index.php文件。这样只要在IE地址栏中输入http：//localhost/mywebb/index.php即可登录该网站的首页了。

5.2 运行环境

网站均使用PHP动态网页技术开发，并使用SQL数据库管理系统存放、维护网站的数据资料。因此，配置本网站需要满足以下配置要求：

（1）操作环境：VISTA。（2）WEB服务器。（3）数据库服务器。（4）客户端IE、Firefox