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

tcb-hackthon-alumni-book

码云链接

🎉项目名称

📬alumni-book校园通讯录

✨项目介绍

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

🤦‍♀️项目解决痛点

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

🙋‍♂️项目亮点

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

🛠技术使用

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

🖼项目效果截图

  1. 首页[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gndMQkOY-1586521205120)(https://i.loli.net/2020/04/05/u2rnKxoJDwZaEHF.png)]
  2. 附近附近.png
  3. 消息消息.png
  4. 我的 个人页面.png
  5. 个人设置 修改页面.png
  6. 个人详情
    1. 非好友展示 详细信息非好友.png
    2. 好友展示 详细信息好友.png
  7. 搜索页面[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YcEC5Wll-1586521205124)(https://i.loli.net/2020/04/05/WYJwKeLNtVRMZps.png)]

🎮部署教程

部署教程文档链接🔗

📦项目部署说明

💽源码下载

  1. git📦仓库
  2. git仓库.png

使用✨git进行clone(推荐)或直接下载zip文件(无git基础)

  1. 源码文件.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. 🎉至此项目配置工作已经全部完成,开始根据自己的需求进行二次开发吧。

    📧如果有问题请联系

    📧1076998404@qq.com

⚖开源许可证标注

MIT License

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码不停Ti

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值