# bxxz

**Repository Path**: takuxing/bxxz

## Basic Information

- **Project Name**: bxxz
- **Description**: 帮寻小站小程序旨在方便发布寻物启事、寻人启事和招领启事等公告，依托于小程序的强社交性实现公告的快速传播，让失主和好心人之间的沟通更加安全和高效。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-09-18
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目说明文档

#### 项目名称

帮寻小站小程序。

#### 项目介绍

帮寻小站小程序旨在用户方便发布寻物启事、寻人启事和招领启事等公告，依托于小程序的强社交性实现公告的快速传播，让失主和好心人之间的沟通更加安全和高效。

#### 技术架构

1.  前端采用微信小程序原生框架与WeUI组件库实现。
2.  后端采用微信小程序云开发框架实现。

#### 项目架构图

<img src="https://images.gitee.com/uploads/images/2020/0911/115822_3f0a9e64_1803234.png" border="1" width = "750" alt="项目架构图.jpg" align="top" />


#### 项目效果截图

<img src="https://images.gitee.com/uploads/images/2020/0910/151553_6bdcecde_1803234.jpeg" border="1" width = "300" alt="帮寻小站-首页.jpg" align="top" />
<img src="https://images.gitee.com/uploads/images/2020/0910/151626_3a2ac59c_1803234.jpeg" border="1" width = "300" alt="帮寻小站-我的.jpg" align="top" />
<img src="https://images.gitee.com/uploads/images/2020/0910/151729_af68560d_1803234.jpeg" border="1" width = "300" alt="帮寻小站-提交申请.jpg" align="top" />
<br/>
<br/>
<img src="https://images.gitee.com/uploads/images/2020/0910/151644_bd320e17_1803234.jpeg" border="1" width = "300" alt="帮寻小站-发布.jpg" align="top" />
&nbsp;&nbsp;&nbsp;
<img src="https://images.gitee.com/uploads/images/2020/0910/154512_d3e1ae05_1803234.jpeg" border="1" width = "300" alt="帮寻小站-公告详情.jpg" align="top" />


#### 项目体验小程序二维码

<img src="https://images.gitee.com/uploads/images/2020/0911/121246_340e9f4b_1803234.jpeg" border="1" width = "200" alt="体验小程序二维码.jpg" align="top" />

#### 部署教程

1.  源码下载

    （1）项目地址：https://gitee.com/mountain_station_master/bxxz

    （2）git下载地址：https://gitee.com/mountain_station_master/bxxz.git

2.  部署步骤

    （1）注册微信小程序；

    （2）打开project.config.json文件，替换小程序appid；
    
    <img src="https://images.gitee.com/uploads/images/2020/0913/165435_53221f12_1803234.png" border="1" width = "300" alt="替换appid.png" align="top" />
  
    （3）使用微信开发者工具导入项目；

    （4）创建云开发环境；

    （5）在云开发环境的数据库中创建4个集合，集合名称分别是notice、request、sent_code、user；

    （6）将/cloudfunctions目录下的所有云函数上传到云开发环境；

    （7）打开/miniprogram/app.js文件，替换云开发环境id；

    <img src="https://images.gitee.com/uploads/images/2020/0913/165412_1301bbd8_1803234.png" border="1" width = "300" alt="替换云开发环境id.png" align="top" />

3.  配置外部服务

    本项目调用腾讯地图api用于获取用户当前所在地理信息，需要在微信公众平台配置相关域名才能正常调用api服务。

    （1）浏览器打开微信公众平台，登录小程序；

    （2）在 “开发” => “开发设置” 中找到“服务器域名”；

    （3）添加request合法域名：https://apis.map.qq.com；

4.  运行测试

    经过前面的部署操作后，不用上传任何数据即可正常运行，可以在发布页面发布公告即可进行项目的测试工作。
    不过，作者也准备了一些测试数据，可以按照以下操作上传测试数据：

    （1）打开云开发的存储管理，创建文件夹/image/202009;

    （2）打开/image/202009文件夹，点击上传文件，上传项目本地目录/deployment/images下的所有图片；

    （3）打开数据文件/deployment/data/notice_data.json，将所有"xxxxxx"字符串替换为云开发存储的id；

    <img src="https://images.gitee.com/uploads/images/2020/0913/170123_39f7813c_1803234.png" border="1" width = "600" alt="替换云开发存储id.png" align="top" />
    <br/>
    <br/>
    <img src="https://images.gitee.com/uploads/images/2020/0913/170303_68ab37ad_1803234.png" border="1" width = "600" alt="替换云开发存储id.png" align="top" />

    （4）在云开发控制台打开集合notice，导入修改后的数据文件/deployment/data/notice_data.json。


#### 开源许可证

本项目代码托管在码云，并使用了码云自带的开原许可证明，详情请看LICENSE文件。