博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序精品demo:电影推荐:位置,浏览记录历史,相册
阅读量:4085 次
发布时间:2019-05-25

本文共 1256 字,大约阅读时间需要 4 分钟。

本demo已经设计较为完善,所以单独发布一贴;http://www.wxapp-union.com/thread-1753-1-1.html

作者:yesifeng

文件结构:

 


预览图片:

 

 

 

 


 

 

 

 


感谢与支持
  • 豆瓣api 
  • 百度地图 
新版本内容
  • 将搜索从页面转移到首页面的搜索框
  • 增加了电影与人物的浏览历史、收藏功能
  • 添加“我的页面”(重头戏)
  • 添加摇一摇、相册模块
  • 添加设置功能,可清除缓存、编辑个人资料、查看手机信息、更新地理位置
  • 添加关于页面,里面列举除了项目中所有使用到的api
更新日志
v1.0的旧版本代码可以通过master分支中的tag中找到

从2016年11月20号撸代码撸到2016年12月24号,一个月的时间把微信小程序各种api都尝试了一遍。 稀饭的话给个star的就是对我最好的鼓励了 嘻嘻 :-)

  • 2016-11-20

    • 1.添加下拉刷新功能
    • 2.列表改为模板渲染
    • 3.封装了api请求的代码提高可复用性
  • 2016-11-21

    • 1.添加人物的详情页
    • 2.将电影详情和人物详情的网络请求进行了封装
  • 2016-11-22

    • 1.添加了消息通知组件
    • 2.搜索页调整
    • 3.调整了目录结构,整合静态资源(dist)和组件文件(component)
  • 2016-11-25

    • 1.将网络请求从wx.request改为fetch的方式
    • 2.完成搜索功能
    • 3.完成消息通知组件
    • 4.删除了没有用到的util文件夹
  • 2016-12-03

    • 1.将电影列表的下拉刷新从scroll-view的bindscrolltolower改为Page的onReachBottom事件触发
    • 2.将“我的”页面的文件补全,功能列表改为数据渲染,添加跳转。新增换肤
    • 3.删除了tabBar中的搜索选项,添加“我的”选项
    • 4.首页搜索栏(点击跳转到搜索页)添加轮播图
    • 5.添加定位功能,在小程序载入时进行定位
    • 6.添加浏览记录、收藏、相册、设置、摇一摇功能(都在开发中)
  • 2016-12-04

    • 1.将api列表 banner列表、搜索关键词列表、皮肤列表整合配置文件(config.js)
    • 2.完成换肤、设置、个人资料(还差修改)、摇一摇功能(再次进入不能摇的问题还需解决)
    • 3.添加util文件及文件夹,用于封装获取并格式化时间等工具类方法
    • 4.消息组件修改,删除了成功、失败等情况,避免与wx.showToast重合,添加了网络不正常的提示
    • 5.电影详情页面添加存储浏览历史的功能
  • 2016-12-06

    • 1.完成电影收藏和人物收藏功能
    • 2.搜索页面添加为空时的提示页面并封装成组件
  • 2016-12-14

    • 1.完成相册功能和关于页面
    • 2.添加定位功能(gps)
  • 2016-12-24

    • 1.相册的背景图片方式改成image标签的方式
    • 2.添加摇一摇debug测试开关变量
项目地址及下载:


本帖隐藏的内容

https://github.com/yesifeng/wechat-weapp-movie

 
 (125.37 KB, 下载次数: 129)

转载地址:http://fihni.baihongyu.com/

你可能感兴趣的文章
React + TypeScript 实现泛型组件
查看>>
TypeScript 完全手册
查看>>
React Native之原理浅析
查看>>
Git操作清单
查看>>
基础算法
查看>>
前端面试
查看>>
React Hooks 异步操作踩坑记
查看>>
聊聊编码那些事,顺带实现base64
查看>>
TypeScript for React (Native) 进阶
查看>>
React 和 ReactNative 的渲染机制/ ReactNative 与原生之间的通信 / 如何自定义封装原生组件/RN中的多线程
查看>>
JavaScript实现DOM树的深度优先遍历和广度优先遍历
查看>>
webpack4 中的 React 全家桶配置指南,实战!
查看>>
react 设置代理(proxy) 实现跨域请求
查看>>
通过试题理解JavaScript
查看>>
webpack的面试题总结
查看>>
实践这一次,彻底搞懂浏览器缓存机制
查看>>
Koa2教程(常用中间件篇)
查看>>
React Hooks 完全指南
查看>>
React16常用api解析以及原理剖析
查看>>
教你发布你npm包
查看>>