基于 PHP+Mysql 技术的网站设计与实现 -以美食网站系统的设计为例

个站网 2024-4-24 86 4/24

PHP是一种跨平台的开放源代码的服务器端嵌入式脚本语言 ,利用 PHP可以轻松地进行 Web 开发 ,制作 动态网站和新闻系统等 ,网站采用开源软件 WordPressPHP+Mysql+Xampp进行设计开发。网站分为前台与后台两 个模块。前台模块主要用于浏览菜谱\美食资讯和发表评论等。后台模块主要功能有 ,发布美食文章信息\评论管理和 资讯管理的功能等。

在信息全球化的今天 ,互联网越来越普及 ,已经融 入百姓生活的方方面面 , 人们也更多地选择从互联网 获取信息。因此 ,互联网逐渐成为一个宽广的信息发布 平台和获取信息的平台 。为人们生活带来了极大的便 利 。如以美食为例 ,能方便广大美食爱好者 ,建立美食 网站 ,让广大美食爱好者能有一个学习交流的平台。

1 网站开发的意义

如今计算机网络技术已经十分成熟 ,各个行业都 融入了网络的大家庭 ,比如设计美食网站 ,是为了提 供网络用户浏览美食的做法和发表评论交流互动的 平台 ,通过其可以了解各地的美食信息、详细的美食 烹饪方法等 。网站上清晰的步骤、配图让做菜变得更 加容易。

2 开发工具及开发模型

2.1 开发工具简介

2.1.1 PHP

PHP(Hypertext Preprocessor,递归的缩写)是一种 广泛使用的通用开源脚本语言 ,特别适合于 Web 网站 开发 ,它可以嵌入到 HTML 的语言中 。脚本语言是一种允许使用编程语言轻松编写程序的语言 。因为描述 方法接近英语 ,所以即使是没有计算机科学知识的初 学者也很容易找到 ,  并且很容易学习 。除了 PHPJavaScript,Perl,Python,Ruby 等作为脚本语言也包含 在内。

C 语言中 ,有必要描述命令以便在浏览器中显 示它 ,但 PHP将代码嵌入 HTML 并使用它。因此 ,与 C 语言相比 ,更容易描述。

2.1.2 Mysql

Mysql Oracle旗下产品 ,  是瑞典 MySQL AB 公 司开发的关系型数据库管理系统 。市面上众多的关系 型数据库管理系统中最流行的要属于 Mysql 了 ,Mysql Web 应用领域是最好的关系数据库管理软件。

3 系统分析

3.1 需求分析

当今社会正快速向信息全球化社会推进 ,信息自 动化的作用越来越大 ,从而使人们从繁琐的事物中解 放出来 ,提高工作效率 , 因此商家利用互联网对美食 食谱进行推广 ,让更多的人能够在互联网上查询到食 谱 ,做出美味营养的食物。

3.2 前后台功能分析

美食网站前台信息页面主要包括 : 首页、家常菜  谱、中华菜系、外国菜谱、烘焙和饮食资讯等 6个栏目。 在前台首页用户拥有浏览美食信息和交流评论的权  限 ,无需登录注册 ,输入基本信息等即可评论自己感  兴趣的美食信息。

3.3 后台功能分析

网站后台是用于管理网站前台的一系列操作 ,后台管理由网页管理员使用 ,需要通过账号及密码等信 息的登录验证 ,登录信息正确才能进入后台管理界面 进行操作。

后台管理主要包括信息管理、回复管理 ,文章管 理和前台管理等。管理员负责对网页美食信息、文章 数据进行添加 、删除及修改和回复前台用户评论等 操作。

4 网站系统设计

4.1 网站设计目标

美食网站建设 ,主要针对那些需要获取美食信息 的网络用户需求进行设计的 ,因此操作的简易实用性 尤其重要 。打造一个界面美观、典雅、布局合理和信息 详尽的充满了人性化的网站非常重要 。网站后台将实 现操作简单、易于维护等功能 ,主要实现以下目标 :

后台管理操作简单 ,功能五四 ,易于维护 ; 管理员需要登录才可以进入后台管理 ;

设有讨论、留言功能 ;

美食信息和做法信息尽可能详细。

4.2 程序模块设计

从需求分析可以看出 ,整个美食网页的主要数据 操作可以分为3个模块:文章管理模块、评论管理模块 和管理员信息 。管理系统主要的数据来自文章和评论 的管理 ,管理员登陆也需要在数据库记录相关数据。

4.3 数据库设计

后台数据库 Mysql,  主要建的表有管理员信息 wp_users,文章信息 wp_posts和文章评论 wp_comments 3个表。

4.4 前台界面设计

美食网站前台页面的设计是至关重要的 ,网站运 用了绿色和白色作为网页的主色调 ,在用户第一次浏 览时能给人一种清新的感觉 ,吸引住用户的眼球。

在首页页面中 , 导航栏将一直处于页面上方 ,整 个导航栏分 2部分 ,左侧是网站名称 ,右侧为菜谱分类 别 ,具体分类有:家常菜谱、中华菜系、外国料理、烘焙 和饮食资讯等 ,通过这几个模块的实现 ,方便用户根 据分类快速找到需要的信息。

家常菜谱界面中有一个幻灯片 , 点击下方圆点 , 可以切换图片 。点击菜肴标题可以查看完整美食详细 做法文章。

菜肴做法详情界面中 ,可以查看整个菜肴详细烹 饪的文章内容 ,该页面可以看到文章发表时间 ,还可 以对该菜肴的做法进行讨论与评论 。右侧设有搜索模 块 , 日历、近期文章和评论等模块。

用户在浏览了菜肴的详细做法后 ,可以在讨论区 进行留言评论 ,用户只需填入必要信息即可进行讨论 留言 ,管理者会及时给予用户回复。

4.5 后台管理界面

后台管理系统是整个美食网页的核心部分 ,在登 录后台管理后 ,可以发布菜谱做法文章 ,查看评论 ,编 辑菜谱文章等。

文章发布页面可以编辑发布菜肴做法文章和饮 食资讯等文章。

文章管理页面可以对已经发布的菜肴文章、资讯 文章进行编辑、删除或修改等操作。

评论管理页面可以查看游客的昵称 、邮箱 、留 言内容和时间 。管理员以对用户的评论留言进行回 复等 。

4.6 后台功能模块设计与实现

4.6.1 后台登陆界面设计

后台管理系统是整个美食网页的核心部分 ,在登 录后台管理后 ,可以发布菜谱做法文章 ,查看评论 ,编 辑菜谱文章等 。文章发布页面可以编辑发布菜肴做法 文章和饮食资讯等文章 。文章管理页面可以对已经发 布的菜肴文章、资讯文章进行编辑、删除或修改等操 作 。评论管理页面可以查看游客的昵称、邮箱、留言内 容和时间 。管理员以对用户的评论留言进行回复等 。 4.6.2 后台登陆功能实现

管理员进入后台管理界面 ,需要填写正确的用户 名和密码 ,才可以进入后台管理界面 。后台管理员登 录部分 PHP 代码如下 :

<form name="loginform" id="loginform" action=" http://localhost:8081/wp-login.php" method="post">

<p>                  

<label for="user_login">用户名<br />

<input type= "text" name= "log" id= "user_login"

class="input" value="" size="20" /></label>

</p>

<p>

<label for="user_pass">密码<br />

<input type = "password" name = "pwd" id = "us-

er_pass" class="input" value="" size="20" /></label>

</p>

<p class="forgetmenot"><label for="rememberme" ><input name="rememberme" type="checkbox" id="rememberme" value="forever" />记住我的登录信息</la-  bel></p>

<p class="submit">

<input type="submit" name="wp-submit" id="wp- submit" class="button button-primary button-large" value="登录" />

<input type="hidden" name="testcookie" value="1" />

</p>

</form>……

4.6.3 文章发布

管理员可以在写文章栏目下发布文章、资讯和图 片等内容 ,也可以修改、删除已发布的文章。

5 结 语

美食网站系统的设计与实现完成得不错 ,效果良 好 。在不断发现问题 ,思考问题和探讨问题的过程中 , 实现了网站的前台与后台的设计 。系统涵盖了浏览菜 谱、美食资讯、发表评论等功能。

- THE END -
0

非特殊说明,本博所有文章均为博主原创。

共有 0 条评论

您必须 后可评论