【零基础我的练手项目】小程序云开发实现校园通信录

2022年05月14日 阅读数:1
这篇文章主要向大家介绍【零基础我的练手项目】小程序云开发实现校园通信录,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。


tcb-hackthon-alumni-book

​码云连接​html

????项目名称

????alumni-book校园通信录

✨项目介绍

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

????‍♀️项目解决痛点

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

????‍????总结

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

????‍♂️项目亮点

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

????技术使用

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

????项目效果截图

  1. 首页[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gndMQkOY-1586521205120)(https://i.loli.net/2020/04/05/u2rnKxoJDwZaEHF.png)]
  2. 附近【零基础我的练手项目】小程序云开发实现校园通信录_上传
  3. 消息【零基础我的练手项目】小程序云开发实现校园通信录_微信小程序_02
  4. 个人【零基础我的练手项目】小程序云开发实现校园通信录_上传_03
  5. 我的设置【零基础我的练手项目】小程序云开发实现校园通信录_权限设置_04
  6. 我的详情
  1. 非好友展现【零基础我的练手项目】小程序云开发实现校园通信录_权限设置_05
  2. 好友展现
  1. 搜索页面[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YcEC5Wll-1586521205124)(https://i.loli.net/2020/04/05/WYJwKeLNtVRMZps.png)]

????部署教程

​部署教程文档连接????​git

????项目部署说明

????源码下载

  1. ​git????仓库​
  2. 【零基础我的练手项目】小程序云开发实现校园通信录_微信小程序_06

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

  1. 【零基础我的练手项目】小程序云开发实现校园通信录_上传_07

下载后得到以下文件npm

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

【零基础我的练手项目】小程序云开发实现校园通信录_上传_08

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

  • project.config.json文件的27行左右配置本身的appid
  • app.js文件的13行左右配置本身的云开发环境名
  • 数据库操做
  • 建表 创建数据库集合message和users
  • users集合中创建索引管理
  • 索引名称 _location
  • 索引属性 非惟一
  • 索引字段 location
  • 升序降序改成 地理位置
  • 权限设置 users集合和message集合都设置为 全部用户可读,仅建立者可读写
  • 存储
  • 存储管理
  • 新建文件夹 userPhoto
  • 权限设置 全部用户可读,仅建立者可读写。
  • 云函数
  • 【零基础我的练手项目】小程序云开发实现校园通信录_上传_09
  • 安装云函数依赖
  • 在云函数cloudfunctions文件夹下选择一个云函数
  • 右键选择在终端中打开
  • ​npm install --save wx-server-sdk@latest ​
  • 执行上述代码进行安装 wx-servler-sdk依赖
  • 安装vant-ui
  • ​npm i @vant/weapp -S --production ​
  • 在miniprograme文件夹下用终端打开 运行上述命令,参考上述安装 wx-servler-sdk依赖
  1. ????至此项目配置工做已经所有完成,开始根据本身的需求进行二次开发吧。
    ????若是有问题请联系 ⚖开源许可证标注

MIT License小程序