考研打卡APP小程序开发设计
项目展示
安卓app:http://21dayhpc.bbbca.cn
点击上方连接就可以下载安卓app
微信小程序:目前仅在微信小程序发布,其他平台未发布。(微信小程序也只是半量发布)
开发初衷
1,记录一下自己的考研和学习生活,市面上的app或者小程序功能虽然很强大,但是都不是自己想要的感觉。而且有的用起来很繁琐,开发一个自己设计可以满足自己所有需求的软件。
2,也是自己练练手,考研之前的最后一个项目,对自己三年的学习的一个小总结叭。
3,如果有可能发布,也想让其他人使用一下自己的app,测试一下开发成果。
开发初期
一,需求设计:
- 打卡圈,可以自己创建打卡圈,打卡圈分为私人圈和公共圈。公共圈在发现页面展示,而私人圈如果设置可被搜索则可在搜索界面搜索到。如果设置不可搜索,则只有群内成员邀请可加入。
- 圈子分享,第三个tabbar界面为圈子分享,任何人都可以在里面发布图文消息,并且可以点赞。点赞数量多的可获得优先推荐展示。
- 打卡圈详情页,包括我的,发现,排行榜三个选项。“我的”是登陆本人在该圈的打卡详情。“发现”是圈内所用用户的打卡内容。“排行榜”是圈内所有人的打卡天数排行。
- 打卡:每日打卡内容可上传160个字符的内容以及三张图片(数据存储较贵,因此只设置了三张图片的限制)
- 笔记:每天打卡之后可多次记笔记,笔记内容与打卡内容相同
- 打卡日历:记录每天时候打卡,点击日历中的日期可查看当天的打卡内容。
- 打卡数据:可查看一年内的每月的打卡天数,以及当月的打卡率。
- 邀请好友:每个圈子有固定设置的圈子码,可输入对应的圈子加入圈子,也可通过扫码加入圈子。
- 评论,点赞,回复:评论,在打卡圈子内部可点击点赞评论图标进入相应页面。
二,主要页面设计
- 首页(打卡页):最顶部导航栏放置三个按钮,从左到右依次为扫码,消息,成就。需要去除安卓ios及小程序自带的顶部栏。自己设置顶部栏样式,样式要适配屏幕,因为现在异形屏幕太多,不适配会导致页面错乱。右下角设置固定悬浮按钮,可打开(创建,消息,关于)界面。
- 打卡内容界面:最顶部为圈子详情,接着是选择栏,选择栏下是详细打卡内容。打卡内容分为上中下三部分,上部为作者信息(头像,昵称),发布时间和操作按钮。中部为发布内容,text内容加图片内容,图片点击可预览。底部为点赞评论。”我的“和”发现“的上部作者信息处的操作按钮对应功能不同。我的区可以删除修改内容,发现区为分享
- 发现页面:顶部为自定义导航栏,点击进入搜索界面,第二层为大图展示,为内部自定义大图,展示公共圈子信息。最下方为公共圈子及热门私人公开圈,点击可进入相应圈子。
- 圈子页面:采用瀑布流展示用户发出的图文内容,右下角与首页一样固定悬浮按钮,可点击创建图文内容。
- 我的界面:我的界面则囊括了众多功能,很多功能还在开发当中,目前只开发了消息,设置,登录注销功能。像补签卡,成就卡,钱包之类的功能还在开发中~
数据
数据库采用mysql设置,设置用户表,圈子表,用户圈子表,打卡内容表,打卡内容回收站,用户圈子回收站,评论表,点赞表,系统消息表,用户消息表,刷新token表
数据存储采用oss对象存储:用来存储,打卡圈封面,用户头像,每日打卡图片。(这个是按照带宽和流量收费的真心比较贵)
后台
小程序的后台未使用云开发。采用自己的服务器与小程序异步交互。
后台采用的java语言,本来想用php但是学的还不是太深入,就用了Java。还有redis。
挂载在阿里云服务器上,两核,4G内存,1M带宽,基本满足自己的需求。
页面部分展示
最终展示
安卓app:http://21dayhpc.bbbca.cn
点击上方连接就可以下载安卓app
微信小程序:目前仅在微信小程序发布,其他平台未发布。(微信小程序也只是半量发布)
欢迎下载体验访问。
原创文章,作者:程序员凯小白,如若转载,请注明出处:http://www.kaixiaobai.com/archives/513