1. 首页
  2. JAVA

考研打卡APP小程序开发设计

考研打卡APP小程序开发设计

 项目展示

安卓apphttp://21dayhpc.bbbca.cn

点击上方连接就可以下载安卓app

微信小程序:目前仅在微信小程序发布,其他平台未发布。(微信小程序也只是半量发布)

考研打卡APP小程序开发设计

开发初衷

1,记录一下自己的考研和学习生活,市面上的app或者小程序功能虽然很强大,但是都不是自己想要的感觉。而且有的用起来很繁琐,开发一个自己设计可以满足自己所有需求的软件。

2,也是自己练练手,考研之前的最后一个项目,对自己三年的学习的一个小总结叭。

3,如果有可能发布,也想让其他人使用一下自己的app,测试一下开发成果。

开发初期

一,需求设计:

  1. 打卡圈,可以自己创建打卡圈,打卡圈分为私人圈和公共圈。公共圈在发现页面展示,而私人圈如果设置可被搜索则可在搜索界面搜索到。如果设置不可搜索,则只有群内成员邀请可加入。
  2. 圈子分享,第三个tabbar界面为圈子分享,任何人都可以在里面发布图文消息,并且可以点赞。点赞数量多的可获得优先推荐展示。
  3. 打卡圈详情页,包括我的,发现,排行榜三个选项。“我的”是登陆本人在该圈的打卡详情。“发现”是圈内所用用户的打卡内容。“排行榜”是圈内所有人的打卡天数排行。
  4. 打卡:每日打卡内容可上传160个字符的内容以及三张图片(数据存储较贵,因此只设置了三张图片的限制)
  5. 笔记:每天打卡之后可多次记笔记,笔记内容与打卡内容相同
  6. 打卡日历:记录每天时候打卡,点击日历中的日期可查看当天的打卡内容。
  7. 打卡数据:可查看一年内的每月的打卡天数,以及当月的打卡率。
  8. 邀请好友:每个圈子有固定设置的圈子码,可输入对应的圈子加入圈子,也可通过扫码加入圈子。
  9. 评论,点赞,回复:评论,在打卡圈子内部可点击点赞评论图标进入相应页面。

二,主要页面设计

  1. 首页(打卡页):最顶部导航栏放置三个按钮,从左到右依次为扫码,消息,成就。需要去除安卓ios及小程序自带的顶部栏。自己设置顶部栏样式,样式要适配屏幕,因为现在异形屏幕太多,不适配会导致页面错乱。右下角设置固定悬浮按钮,可打开(创建,消息,关于)界面。考研打卡APP小程序开发设计
  2. 打卡内容界面:最顶部为圈子详情,接着是选择栏,选择栏下是详细打卡内容。打卡内容分为上中下三部分,上部为作者信息(头像,昵称),发布时间和操作按钮。中部为发布内容,text内容加图片内容,图片点击可预览。底部为点赞评论。”我的“和”发现“的上部作者信息处的操作按钮对应功能不同。我的区可以删除修改内容,发现区为分享考研打卡APP小程序开发设计
  3. 发现页面:顶部为自定义导航栏,点击进入搜索界面,第二层为大图展示,为内部自定义大图,展示公共圈子信息。最下方为公共圈子及热门私人公开圈,点击可进入相应圈子。考研打卡APP小程序开发设计
  4. 圈子页面:采用瀑布流展示用户发出的图文内容,右下角与首页一样固定悬浮按钮,可点击创建图文内容。考研打卡APP小程序开发设计
  5. 我的界面:我的界面则囊括了众多功能,很多功能还在开发当中,目前只开发了消息,设置,登录注销功能。像补签卡,成就卡,钱包之类的功能还在开发中~考研打卡APP小程序开发设计

数据

数据库采用mysql设置,设置用户表,圈子表,用户圈子表,打卡内容表,打卡内容回收站,用户圈子回收站,评论表,点赞表,系统消息表,用户消息表,刷新token表

数据存储采用oss对象存储:用来存储,打卡圈封面,用户头像,每日打卡图片。(这个是按照带宽和流量收费的真心比较贵)

后台

小程序的后台未使用云开发。采用自己的服务器与小程序异步交互。

后台采用的java语言,本来想用php但是学的还不是太深入,就用了Java。还有redis。

挂载在阿里云服务器上,两核,4G内存,1M带宽,基本满足自己的需求。

页面部分展示

考研打卡APP小程序开发设计考研打卡APP小程序开发设计考研打卡APP小程序开发设计

考研打卡APP小程序开发设计

最终展示

安卓app:http://21dayhpc.bbbca.cn

点击上方连接就可以下载安卓app

微信小程序:目前仅在微信小程序发布,其他平台未发布。(微信小程序也只是半量发布)

考研打卡APP小程序开发设计

欢迎下载体验访问。

原创文章,作者:程序员凯小白,如若转载,请注明出处:http://www.kaixiaobai.com/archives/513

发表评论

登录后才能评论

联系我们

qq

在线咨询:点击这里给我发消息

邮件:1298646637@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息