微信小程序小练习——豆瓣电影小程序练习

逃离我推掉我的手 2022-02-20 10:41 373阅读 0赞

记录下最近学习的豆瓣微信小程序：

效果预览：

20190413142953870.gif

20190413143007586.gif

整体代码目录布局结构：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvcmluZ3JheQ_size_16_color_FFFFFF_t_70

运行该小程序前，要勾选如下图所示的不校验：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvcmluZ3JheQ_size_16_color_FFFFFF_t_70 1

app.json和tabBar:

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvcmluZ3JheQ_size_16_color_FFFFFF_t_70 2

封装的url请求：， 这些数据都是从豆瓣提供的API那里获取得到的

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvcmluZ3JheQ_size_16_color_FFFFFF_t_70 3

网络请求的方法：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvcmluZ3JheQ_size_16_color_FFFFFF_t_70 4

部分js方法：获取网络请求url及返回相应但回调等等：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvcmluZ3JheQ_size_16_color_FFFFFF_t_70 5

榜单一栏—图片懒加载练习：

20190413143825416.gif

其他的代码显示等等：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvcmluZ3JheQ_size_16_color_FFFFFF_t_70 6

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvcmluZ3JheQ_size_16_color_FFFFFF_t_70 7

完整代码地址：

https://github.com/loringray/wechatTest

原视频学习地址：

https://study.163.com/course/introduction/1208961810.htm

发表评论

表情：
评论列表 （有 0 条评论，373人围观）

还没有评论，来说两句吧...

相关阅读

    相关 微信小程序-豆瓣电影

    1.微信小程序豆瓣电影系统选题背景 本系统为模仿豆瓣电影开发，小程序开发比较简单，可以直接调用豆瓣电影接口，实时查询最新的电影信息。该程序查询出来的是最新真实豆瓣电影信息

    缺乏、安全感缺乏、安全感/ 0 赞/ 33 阅读