# WechatSmallApps

**Repository Path**: clovercui/WechatSmallApps

## Basic Information

- **Project Name**: WechatSmallApps
- **Description**: 微信小程序学习个人案例合集
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://github.com/oopsguy/WechatSmallApps
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 34
- **Created**: 2016-10-31
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WechatSmallApps

微信小程序最近很火热，虽然官方还在内侧，但是笔者还是经常看得到很多微信小程序相关的文章，既然它这么火热，自己也想学习并做出点东西。笔者刚毕业不久，参加工作也只有3个月，实际的开发能力并不能与大牛相比，所做的DEMO技术含量比较低，自己的目的在于记录下每次学习的过程和分享每一次学习之后的成果。由于工作比较忙，只能抽周末的时间来完善DEMO，计划中的DEMO有几个，以后会慢慢更新。

## 环境说明

由于官方不定期升级IDE，小程序的部分功能被修改和移除，导致之前的项目不能正常运行。现在的代码以最新版IDE运行环境为准，即0.10.102800版本，可[点击下载](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)，虽然修改了代码以适应最新版本的开发环境，但是之前的有些布局和做法已经不再受到官方的支持，所以实际运行效果与效果图中的展示可能存在差异。

> `知乎日报`案例上传之后，有比较热心的网友贡献自己的代码修复了很多bug，非常感谢

- [@jkgeekJack](https://github.com/jkgeekJack)  
  美化部分UI，增加收藏功能，把主页、主题和收藏页改为单页模式，修复部分图片不能显示的问题，部分代码重构，内容转义字符显示问题修复。


## 案列说明

[点击转至案例开发随笔](https://github.com/oopsguy/WechatSmallApps/tree/pages_doc)

## 已完成DEMO

### DoubanBookApp 豆瓣图书

很简单的一个小例子，使用了两个豆瓣图书的api，搜索图书和获取图书详情接口。这是第一个自己的第一个微信小应用。

![DouBanBookApp首页](http://oeiyvmnx5.bkt.clouddn.com/DouBanBookAppNewIndex.jpg)

![DouBanBookApp列表页](http://oeiyvmnx5.bkt.clouddn.com/DouBanBookAppList.jpg)

![DouBanBookApp详细页](http://oeiyvmnx5.bkt.clouddn.com/DouBanAppNewsDetail.jpg)

### ZhiHuDaliy 知乎日报

上一次的《微信小程序之小豆瓣图书》制作了一个图书的查询功能，只是简单地应用到了网络请求，其他大多数小程序应有的知识。而本次的示例是`知乎日报`，功能点比较多，页面也比上次复杂了许多。在我编写这个DEMO之前，网上已经有很多网友弄出了相同的DEMO，也是非常不错的，毕竟这个案例很经典，有比较完整的API，很值得模仿学习。本次个人的DEMO也算是一次小小的练习吧。

![Splash启动页面](http://oeiyvmnx5.bkt.clouddn.com/zhihuribao_splash.png)

![首页](http://oeiyvmnx5.bkt.clouddn.com/zhihuribao_index.png)

![侧栏菜单](http://oeiyvmnx5.bkt.clouddn.com/zhihuribao_slide.png)

![详细页面1](http://oeiyvmnx5.bkt.clouddn.com/zhihuribao_detail.png)

![详细页面2](http://oeiyvmnx5.bkt.clouddn.com/zhihuribao_detail2.png)

![内容分享](http://oeiyvmnx5.bkt.clouddn.com/zhihuribao_share.png)

![评论页面](http://oeiyvmnx5.bkt.clouddn.com/zhihuribao_comment.png)

![主题日报](http://oeiyvmnx5.bkt.clouddn.com/zhihuribao_theme.png)

![设置页面](http://oeiyvmnx5.bkt.clouddn.com/zhihuribao_setting.png)

## 正在开发中

待思考...

### [https://github.com/oopsguy/WechatSmallApps](https://github.com/oopsguy/WechatSmallApps)

### [http://git.oschina.net/oopsguy/WechatSmallApps](http://git.oschina.net/oopsguy/WechatSmallApps)