# Bill

**Repository Path**: wangfun/Bill

## Basic Information

- **Project Name**: Bill
- **Description**: 记账小程序，UI仿日常记账
- **Primary Language**: NodeJS
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2021-05-09
- **Last Updated**: 2021-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 记账叭

记账小程序，用于个人记账，使用微信云开发，所有功能均免费使用，UI参照“日常记账”小程序。

> NOTICE：由于“日常记账”导出 Excel 收费，所以有了这个免费版小程序。请大家支持正版。

#### 主要功能：

- 首页：数据录入，计算器，类别管理；
- 查看流水：账目流水，支持按照日期筛选、排序、搜索，长按修改、删除、导出 Excel；
- 分析报告：使用 wxchart 制作的图表统计，饼图展示各类别金额，柱形图、曲线图展示收支对比；
- 用户中心：个人信息，问题反馈等，问题反馈改用小程序自带button的feedback功能；
- 客服功能：反馈用户消息，建议配合微信客服助手；接入图灵机器人（未开放，启用客服小程序后此功能失效）；

#### 管理员功能说明

- 管理员，需要在 `user` 云数据库添加字段 `role:'admin'`；
- 客服功能建议配合官方客服小程序；
- 客服消息接入“青云科技免费API”和“图灵机器人”，二选一。

#### 数据库

- bill：记录账单流水；
- user：记录用户信息，主要是自定义类别；

#### 存储

- /download：暂存导出流水生成的Excel；

## TODO
- 首页备注添加常用项编辑
- 类别拖动排序（动画效果）
- 收支数据添加同比、环比

## 项目结构:

    |- cloudfunctions             // 云函数
    |- miniprogram                // 小程序目录
      |- api                      // 请求接口
      |- components               // 自定义组件
      |- images                   // 图片资源
      |- lib
        |- config                 // 自定义配置
        |- DBUtil                 // 小程序端操作云数据库
        |- http                   // 云函数统一请求方法
        |- util                   // 工具包
        |- wxcharts               // 图表插件
        |- cache                  // 缓存
      |- pages                    // 小程序页面
      |- style                    // 公共样式
      |- wxParse                  // HTML源码解析插件
      |- app.js                   // 入口
      |- app.json                 // 小程序配置
      |- app.wxss                 // 全局样式
      |- sitemap.json
    |- project.config.json        // 其他配置(对应开发工具右上角的配置)

## 参考文档

- [云开发文档](https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html)
- [wxCharts使用文档](https://github.com/xiaolin3303/wx-charts/issues/56)

## 扫码体验

   ![小程序码](./screenshot/code.jpg)

## 相关截图

- 首页、类别、流水

    ![首页/类别/流水](./screenshot/1.png)

- 报告、筛选、个人中心

    ![报告/筛选/个人中心](./screenshot/2.png)

- 反馈/客服消息

    ![客服/模板消息](./screenshot/3.png)