美文网首页
做了一个“校内社交”的微信小程序

做了一个“校内社交”的微信小程序

作者: JeasonHe | 来源:发表于2019-06-17 12:43 被阅读0次

    好久没写东西了

    一个多月了,期间一直在忙着做毕设。做了个主题是“校内大学生社交”的微信小程序。从去年就开始构思,想着毕设做一款产品,前期花费了很多时间,后期开发时间不够,砍了不少需求。后期可能会继续开发和完善,未来应该会把git仓库转成public。

    采用的技术

    uni-app:是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。

    image

    ColorUI:是一个css库,在你引入样式后可以根据class来调用组件。可以完美配合着uni-app使用。

    小程序功能简介

    整个小程序围绕“圈子”的概念,提供“同学圈”,“问答”,“实物招领”,“二手交易(后期完成)”功能。用户授权后,只有进行了学生认证,并且后台人工审核通过后才可以使用。当用户完成学生认证后会自动加入所在学校,学院,专业,班级的圈子。所以,该小程序专注于 — 在校大学生社交。

    小程序截图

    首页界面:最上方是找圈子和当前显示的圈子(默认全部圈子)。

    image

    找圈子功能

    image

    首页热门部分

    image image image

    同学圈界面

    image

    点开同学圈

    image

    问答专区

    image

    点开问题

    image

    评论和写回答

    image

    评论

    失物招领(待完善)

    image

    发布界面

    image

    创建圈子

    image

    发布同学圈

    image

    消息通知界面

    image

    点开消息

    image

    点开圈子消息

    个人信息页

    image

    学生认证

    image

    总结

    由于开发时间预估不足,砍掉了校内二手交易的模块,已完成部分功能的细节也没处理好。毕业之后空闲时间也许会慢慢补充完整,然后开源出来。

    相关文章

      网友评论

          本文标题:做了一个“校内社交”的微信小程序

          本文链接:https://www.haomeiwen.com/subject/xfhafctx.html