微信小程序快速课03:一次课就搞定今日头条小程序开发-附笔记+素材

结合后台程序PHP+MySQL提供的数据库,从0开始完成今日头条小程序开发

一、导入数据库步骤:

  1. 打开PHPstudy,访问数据库:http://localhost/phpMyAdmin4.8.5
  2. 左上角点击新建数据库
  3. 新建后右上角点击“导入”
  4. 选择今日头条小程序数据库文件,然后点击下面的执行

二、数据地址

数据保存到数据库中的,里面的内容如何获取? 资料中提供的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”或者微信扫描二维码都可以关注微信公众号

WEB前端全栈圈
除特别声明外, 本站所有内容皆为原创,未经许可,禁止转载。转载时请务必以超链接形式标明文章出处和作者信息
  • 810
(0)
打赏 微信扫一扫 微信扫一扫

关于作者:

web前端老罗

贡献:已经在WEB前端圈发表89篇文章了,你也来试试

简介:前端老罗是一位拥有多年web前端开发经验、管理经验、教学经验的实战派全栈工程师。目前在某名企任职WEB前端技术教官。加我微信:imqdcnn可提供开发、技术咨询、答疑、直播讲座等服务

Ta的专栏 | Ta的站点 | 其他SNS

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关于WEB前端圈

我是前端人(imqd.cn)愿景是不管你是想学习前端还是一名专业的WEB前端工程师在这里都能找到你想要的物料。定位为前端人学习进步的一个平台。在这里你能找到前端学习笔记、教学视频资源、案例、前后端分离、前端框架、低代码平台、可视化数据、多端开发、全栈开发等跟前端有关的一切资源!

关于站长:WEB前端老罗(罗老师)是一位拥有多年web前端开发经验、管理经验、IT培训教学经验的实战派全栈工程师。目前在某名企任职WEB前端技术教官。右边加我微信可提供开发、技术咨询、答疑、直播讲座等服务

WEB前端圈二维码

右边添加老罗微信一对一免费私聊
拉你加入官方微信答疑群

To top