【零基础个人练手项目】小程序云开发实现校园通讯录

tcb-hackthon-alumni-book

码云链接

项目名称

alumni-book校园通讯录

项目介绍

命题方向举例3:校友维系场景

项目解决痛点

• 作为一个在校大学生是否遇到过一些事情，有时候我们需要联系学校的一些同学，可能需要找某个社团的部长或是某个专业的同学咨询一个问题，但是关系网复杂，获得同学的联系方式异常困难，更别说联系毕业很久的学长学姐。
• 有可能，我们已经毕业了，招聘时想内推一下学弟学妹，想了解下学校的近况，但是很难获得他们得到联系方式。
• QQ群加了一堆，交友墙里发大喇叭去问，都不尽如人意。
• 开放的互联网平台上又鱼龙混杂，信息广告遍地，急需一个靠谱边界的方式。

总结

• 市面上的交友软件花里胡哨广告一大片太烦
• 虚拟的交友软件信息鱼龙混杂，真真假假。
• 校内社交，真实且有隐私。

项目亮点

• 无广告。本项目希望通过微信小程序，构建一款无广告，真实可靠的校内通讯录。
• 简约。只做最基础功能，不臃肿，主打内容极简，功能简洁直击痛点，不打广告不做推广，只做最朴素的校园通讯录。
• 安全。保护校友的信息安全，隐私内容需要申请后可见。
• 方便。上传自己的个人信息，方便在需要时取得联系。小程序无需下载APP随用随走。

技术使用

• 项目使用微信小程序平台进行开发。
• 使用腾讯云开发技术，免费资源配额，无需域名和服务器即可搭建。
• 小程序本身的即用即走，适合小工具的使用场景，也适合程序的开发。

项目效果截图

1. 首页[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gndMQkOY-1586521205120)(https://i.loli.net/2020/04/05/u2rnKxoJDwZaEHF.png)]
2. 附近

附近.png

1. 消息

消息.png

1. 我的

个人页面.png

1. 个人设置

修改页面.png

1. 个人详情
   1. 非好友展示

   

   详细信息非好友.png

   1. 好友展示

   

   详细信息好友.png

2. 搜索页面[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YcEC5Wll-1586521205124)(https://i.loli.net/2020/04/05/WYJwKeLNtVRMZps.png)]

部署教程

部署教程文档链接?

项目部署说明

源码下载

1. git?仓库

git仓库.png

使用git进行clone（推荐）或直接下载zip文件（无git基础）

源码文件.png

下载后获得如下文件

1. 在微信小程序开发工具中导入 alumni-book文件夹

导入.png

5.导入后优先配置云开发环境

• project.config.json文件的27行左右配置自己的appid
• app.js文件的13行左右配置自己的云开发环境名

  

  云开发环境.png

• 数据库操作
  • 建表 建立数据库集合message和users
  • users集合中建立索引管理
    • 索引名称 _location
    • 索引属性 非唯一
    • 索引字段 location
    • 升序降序改为 地理位置
  • 权限设置 users集合和message集合都设置为 所有用户可读，仅创建者可读写
• 存储
  • 存储管理
    • 新建文件夹 userPhoto
    • 权限设置 所有用户可读，仅创建者可读写。
• 云函数

  

  安装依赖.png

  • 安装云函数依赖
    • 在云函数cloudfunctions文件夹下选择一个云函数
    • 右键选择在终端中打开
    • npm install --save wx-server-sdk@latest
    • 执行上述代码进行安装 wx-servler-sdk依赖
      • 需要提前安装npm ?npm教程
      • 若npm安装依赖失败可尝试使用淘宝镜像cnpm。?cnpm教程

      

      上传云函数.png

      、

      • 上传云函数，会弹出对应提示。
• 安装vant-ui
  • npm i @vant/weapp -S --production
  • 在miniprograme文件夹下用终端打开 运行上述命令，参考上述安装 wx-servler-sdk依赖

1. 至此项目配置工作已经全部完成，开始根据自己的需求进行二次开发吧。

开源许可证标注

MIT License