1.0极简IT｜SimpleIThttps://www.ruianding.com/blogRuian Dinghttps://www.ruianding.com/blog/author/ruiand/rich600338<blockquote class="wp-embedded-content" data-secret="Cg1w4nEFHL"><a href="https://www.ruianding.com/blog/studhubpro-prd/">My WeChat Mini Program Journey – Part 1: PRD for StudHubPro</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.ruianding.com/blog/studhubpro-prd/embed/#?secret=Cg1w4nEFHL" width="600" height="338" title="“My WeChat Mini Program Journey – Part 1: PRD for StudHubPro” — 极简IT｜SimpleIT" data-secret="Cg1w4nEFHL" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://www.ruianding.com/blog/wp-includes/js/wp-embed.min.js /* ]]> */ </script> 一、项目背景 StudHubPro 是一款为学生自习室提供管理支持的小程序。该项目旨在为自习室运营方和学生提供便捷的签到、出勤记录等功能。通过小程序，学生可以快速打卡签到，查看自己的学习进度，而管理者则可以跟踪学生的出勤情况，提高自习室的运营效率。 二、目标用户 1. 学生/自习者：在自习室学习的学生群体，希望通过打卡记录学习时间，提高自律性。 2. 自习室管理者：自习室的运营人员，通过该小程序跟踪管理学生的出勤信息，优化运营。 三、核心功能 1. 用户注册与登录 • 需求描述：学生可以通过微信授权进行快速注册和登录，绑定个人信息。 • 功能要求： • 微信授权登录，获取用户基本信息。 • 用户首次登录需填写个人信息（姓名、联系方式等）。 2. 学生签到功能 • 需求描述：学生进入自习室后，可以通过小程序完成签到，记录每日到场时间和学习时长。 • 功能要求： • 签到页面显示当前时间和签到按钮。 • 点击签到后，记录签到时间并上传至服务器。 • 签到成功后，显示提示信息。 • 可设置每日签到提醒，确保学生不遗漏签到。 3. 学生出勤记录与分析 • 需求描述：学生可以在小程序中查看个人的签到历史和学习时长，管理自己的学习进度。 • 功能要求： • 显示学生的签到历史记录（日期、签到时间、学习时长等）。 • 生成出勤率和学习时长的统计分析图表。 • 可选择日期范围，查看指定时间段的出勤记录。 4. 自习室管理功能 • 需求描述：自习室的管理者可以通过后台查看学生的签到记录，了解出勤情况并进行管理。 • 功能要求： • 管理者可以查看所有学生的签到记录。 • 按日期或学生姓名筛选签到数据。 […]