结合后台程序PHP+MySQL提供的数据库,从0开始完成今日头条小程序开发
一、导入数据库步骤:
- 打开PHPstudy,访问数据库:http://localhost/phpMyAdmin4.8.5
- 左上角点击新建数据库
- 新建后右上角点击“导入”
- 选择今日头条小程序数据库文件,然后点击下面的执行
二、数据地址
数据保存到数据库中的,里面的内容如何获取? 资料中提供的3个PHP文件,是用来负责连接指定的数据库,并且提取数据库内容,生成一个json文件
1、 http://localhost/toutiao/getType.php //返回分类的json文件的
2、 http://localhost/toutiao/getList.php?typeId=1002 //返回分类下的所有列表文章
3、 http://localhost/toutiao/getDetail.php?newsId=news-1002
//(下次课) 返回指定文章详情
也就是需要将这三个PHP文件放到toutiao目录并将该目录放到PHPstudy/www文件夹中
三、完成首页+列表页开发
0.顶部导航需要左右滑动
1.给标签添加data-属性 说明:该属性是H5的,可以实现自定义属性
<div data-index=5></div>
<!--如何在JS中获取-->
<script>
var odiv=document.getElementsByTagName(div)[0];
console.log(odiv.dataset.index)//5
</script>
2.通过列表数据的img_type的值0,1,3来确定使用哪种文章模板使用wx:if
来决定用哪种结构 0无图模式 1一张图 3三张图
本次课资料+作业+笔记:
此资源下载链接已被无情的隐藏,请输入验证码解锁:
请关注本站公众号回复“验证码”,获取验证码。
在微信里搜索“WEB前端全栈圈”或者“imqdcn”或者微信扫描二维码都可以关注微信公众号