PHP+MySQL+Bootstrap 美食主题博客项目

这个项目是我大三上的PHP课期末项目大作业。 作业已经交了,现在放上来给大家参考学习!

一:技术栈介绍

主题:美食博客
前端:html,js,css, bootstrap,jq
后端:php mvc
数据库:mysql
本项目美食部分接口调用地址:美食接口文档
github源码:https://github.com/zoyoy1203/phpProject
网盘源码:https://pan.baidu.com/s/1CEHItobTerogYQT79As0ZQ
提取码:jh36

二:实现功能总结
  1. 登录,注册,退出登录,验证码。
  2. API接口调用:菜谱推荐,菜谱分类,菜谱分类详情,菜谱详情。
  3. 个人信息展示:头像,座右铭修改。
  4. 个人动态发布展示。
  5. 动态点赞评论功能。
  6. 动态展示,搜索,关键字标红功能。
  7. 用户列表显示,添加删除好友功能。
  8. 错误信息提示功能。
三:总体结构

该项目采用简易版mvc的结构。
由于后来我都是直接在控制层里声明使用数据表结构数据,所以后面我把Model层去掉了。只留下Controller控制层和View视图层。
其他目录结构如下图:public(静态样式文件)upload(存放上传的图片) util (里面只有一个verCode.php用来绘制验证码图片)
在这里插入图片描述
根目录下的index.php文件用来对不同url的请求进行Controller控制层下不同类和方法的调用。
本项目Controller文件下只有一个UserController类,里面包含了项目所有的处理方法。只需按照/phpProject/?a=regis (a=后接相应的调用方法) 这个格式进行请求则可。

四:作品展示
1. 登录注册功能

在这里插入图片描述
在这里插入图片描述
详细介绍:
登录注册页面都是通过form表单提交数据到action="/phpProject/?a=loginPost"
action="/phpProject/?a=regisPost"
然后在Controller文件下的UserController.php里对应的方法中进行处理。

登录注册处理过程中,如果发生错误,则会在页面上提示相应的错误原因:
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

功能要求:1.用户注册:判断重名,验证码验证,至少要有用户名和密码字段。(完成!)

项目移动过程中,需要注意,util文件夹下的verCode.php
$font = "D:/xampp/htdocs/phpProject/public/font/segoepr.ttf"; // 路径问题
需要修改为当前电脑对应的路径,不然验证码无字体显示。

验证码生成的四个字符存储在 $_SESSION["code"]中,以便于后续的判断处理。

另外,为了解决随机颜色导致验证码个别字符融入背景色的问题,登录页面的验证码设置了点击验证码图片切换字符的功能。
主要代码如下:

<img src="util/verCode.php" alt="看不清楚,换一张" onclick="javascript:newgdcode(this,this.src);" style="width: 100px;height:50px;"  alt=""/>

<script language="javascript">
    function newgdcode(obj,url) {
   
   
        obj.src = url+ '?nowtime=' + new Date().getTime();
        //后面传递一个随机参数,否则在IE7和火狐下,不刷新图片
    }
</script>

功能要求:2.用户登录:以SESSION方式。(完成!)
登录成功后,会将登录用户名,用户id,用户头像地址分别存入SESSION:
$_SESSION[‘username’] $_SESSION[‘userid’] $_SESSION[‘avatar’]
在后续页面菜单栏右侧会显示登录的用户名。
首页和菜谱页面下的子页面不需要用户登录也可以显示。
其他页面如:个人中心,动态,好友列表等页面,需要用户登录才能显示。如果没有登录则跳转到登录页面。

功能要求:6.使用API接口制作一项功能,如天气、菜谱、影视、火车票查询等(完成!)

2. 首页

(调用豆果美食数据接口:接口文档
在这里插入图片描述
在这里插入图片描述

3. 菜谱分类页面,菜谱页面,菜谱详情页面 (调用豆果美食数据接口:接口文档

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4. 个人中心页面

功能要求: 5.查看自己的分享:已登录用户要能查看自己发布的分享。(完成!)
在这里插入图片描述
在这里插入图片描述
个人中心页面左侧显示个人信息:可以修改个人头像,座右铭;右侧显示个人发布的动态,按时间先后显示。

5. 动态页面

功能要求: 4.首页:显示所有用户发布的分享,每一条分享显示发布人、时间。(完成)
在这里插入图片描述

评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神小夜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值