做了一个“校内社交”的微信小程序
2019-06-17 本文已影响0人
JeasonHe
好久没写东西了
一个多月了,期间一直在忙着做毕设。做了个主题是“校内大学生社交”的微信小程序。从去年就开始构思,想着毕设做一款产品,前期花费了很多时间,后期开发时间不够,砍了不少需求。后期可能会继续开发和完善,未来应该会把git仓库转成public。
采用的技术
uni-app:是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
![](https://img.haomeiwen.com/i7002358/5aab195c1b6fc1e6.png)
ColorUI:是一个css库,在你引入样式后可以根据class来调用组件。可以完美配合着uni-app使用。
小程序功能简介
整个小程序围绕“圈子”的概念,提供“同学圈”,“问答”,“实物招领”,“二手交易(后期完成)”功能。用户授权后,只有进行了学生认证,并且后台人工审核通过后才可以使用。当用户完成学生认证后会自动加入所在学校,学院,专业,班级的圈子。所以,该小程序专注于 — 在校大学生社交。
小程序截图
首页界面:最上方是找圈子和当前显示的圈子(默认全部圈子)。
![](https://img.haomeiwen.com/i7002358/9a328e04fa2dc838.jpg)
找圈子功能
![](https://img.haomeiwen.com/i7002358/447e4cac5a3c31d7.jpg)
首页热门部分
![](https://img.haomeiwen.com/i7002358/34e2fc82e16b0e4d.jpg)
![](https://img.haomeiwen.com/i7002358/2544e2bec9122f11.jpg)
![](https://img.haomeiwen.com/i7002358/229237c342de59cd.jpg)
同学圈界面
![](https://img.haomeiwen.com/i7002358/8ae668407bfda28c.jpg)
点开同学圈
![](https://img.haomeiwen.com/i7002358/114d8eb54a31ff25.jpg)
问答专区
![](https://img.haomeiwen.com/i7002358/7bcfc16e840800a2.jpg)
点开问题
![](https://img.haomeiwen.com/i7002358/22274fb1b72a5fe1.jpg)
评论和写回答
![](https://img.haomeiwen.com/i7002358/52acc33a0b92ecbc.png)
评论
失物招领(待完善)
![](https://img.haomeiwen.com/i7002358/a6614f66471f36c4.jpg)
发布界面
![](https://img.haomeiwen.com/i7002358/bc504021cc4bdb7c.jpg)
创建圈子
![](https://img.haomeiwen.com/i7002358/8e33a011df093ce8.jpg)
发布同学圈
![](https://img.haomeiwen.com/i7002358/65bb554442610c37.jpg)
消息通知界面
![](https://img.haomeiwen.com/i7002358/c4efc4d9b8342bb8.jpg)
点开消息
![](https://img.haomeiwen.com/i7002358/c1b12e81e9db7fd1.png)
点开圈子消息
个人信息页
![](https://img.haomeiwen.com/i7002358/cb020d9d28e4e60f.jpg)
学生认证
![](https://img.haomeiwen.com/i7002358/de2e78a1accf9e9b.jpg)
总结
由于开发时间预估不足,砍掉了校内二手交易的模块,已完成部分功能的细节也没处理好。毕业之后空闲时间也许会慢慢补充完整,然后开源出来。