# 书籍阅读微信小程序

**Repository Path**: truthhun/BookStackWeChat

## Basic Information

- **Project Name**: 书籍阅读微信小程序
- **Description**: 书籍阅读微信小程序，不仅仅是BookStack的配套小程序
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://www.bookstack.cn
- **GVP Project**: No

## Statistics

- **Stars**: 18
- **Forks**: 8
- **Created**: 2018-05-20
- **Last Updated**: 2024-01-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 重要说明(2018-11-14)

当前微信小程序已经迁移到新的仓库地址并以 Apache 2.0 开源协议对源码进行了开源，请移步这里：


- Gitee: [https://gitee.com/truthhun/BookChat](https://gitee.com/truthhun/BookChat)
- GitHub: [https://github.com/truthhun/BookChat](https://github.com/truthhun/BookChat)




-------------------




# 书籍阅读微信小程序

## 项目介绍
`BookStackWechat` - 书籍阅读微信小程序，不仅仅是[BookStack](https://gitee.com/TruthHun/BookStack)的配套小程序。

起初仅仅是想作为[BookStack](https://github.com/TruthHun/BookStack)的配套小程序，但是后来想了一下，小说书籍和文档阅读类的小程序，不外乎也就是那些功能，所以`BookStackWechat`会开发成为通用的书籍阅读类小程序。

由于 [DocHub](https://gitee.com/TruthHun/DocHub) 文库项目的开源，小程序的开发，暂停了一段时间，目前只开发实现了部分页面，当前更多页面还在继续开发中，源码届时会以 Apache 2.0 开源协议进行开源。在放出源码之前，你可以先对当前项目进行`star`和`watch`，以关注项目动态。

小程序采用CSS3的`flex`实现页面布局，预计会迭代发布三个版本：

- 第一个版本： 纯模板页面，实现页面间的链接跳转

- 第二个版本： 约定所有API接口，请求动态数据

- 第三个版本： 套接`BookStack`的API接口，实现真正意义上的书籍阅读（届时会提前发布`BookStack` v2.x版本）

## 页面预览

由于没有原型，小程序的功能布局和页面布局，主要借(抄)鉴(袭)了3个手机APP，所以，请允许我免费给他们打个小广告：

- [iReader](http://www.zhangyue.com/) - 引领品质阅读
- [微信读书](http://weread.qq.com/) - 让阅读不再孤独
- [熊猫阅读](http://www.pandadushu.com/) - (没有slogan就是最好的slogan...)

-------

好吧，他们都有一个响亮的Slogan，那么我们也要有一个：

> 书栈阅读 - 让阅读，成为一种本能

-------

页面一览：

### 首页


<img width="480" style="border:1px solid #ccc" src="screenshot/index1.png"/>

<br/>
<br/>
<br/>

<img width="480" style="border:1px solid #ccc"  src="screenshot/index2.png"/>

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

### 分类


<img width="480" style="border:1px solid #ccc"  src="screenshot/cate.png"/>


<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

### 书架


<img width="480" style="border:1px solid #ccc"  src="screenshot/bookshelf.png"/>


<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

### 用户中心

<img width="480" style="border:1px solid #ccc"  src="screenshot/me.png"/>