这个项目是我大三上的PHP课期末项目大作业。 作业已经交了,现在放上来给大家参考学习!
一:技术栈介绍
主题:美食博客
前端:html
,js
,css
, bootstrap
,jq
后端:php
mvc
数据库:mysql
本项目美食部分接口调用地址:美食接口文档
github源码:https://github.com/zoyoy1203/phpProject
网盘源码:https://pan.baidu.com/s/1CEHItobTerogYQT79As0ZQ
提取码:jh36
二:实现功能总结
- 登录,注册,退出登录,验证码。
- API接口调用:菜谱推荐,菜谱分类,菜谱分类详情,菜谱详情。
- 个人信息展示:头像,座右铭修改。
- 个人动态发布展示。
- 动态点赞评论功能。
- 动态展示,搜索,关键字标红功能。
- 用户列表显示,添加删除好友功能。
- 错误信息提示功能。
三:总体结构
该项目采用简易版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.首页:显示所有用户发布的分享,每一条分享显示发布人、时间。(完成)