背宝微信小程序产品系统

我要开发同款
胡琪2026年05月04日
15阅读

技术信息

语言技术
HTML5CSSJavaScriptVue小程序
系统类型
小程序轻应用
行业分类
教育校园

作品详情

行业场景

1,立项原因:前公司为拓展市场,对教育行业经过调研决定在中小学英语和语文的背诵,听写这一块做一个微信小程序。
2,业务场景:针对日益增长的中小学教育市场,分为英语和语文两大主要模块。

功能介绍

1.登录功能,使用微信小程序文档中的微信登陆来获取用户的手机号,再使用手机号发送验证码来做登录功能。
2.语文,英语的背诵功能
3.语文,英语的听写功能
4.语文的课文跟读功能
5.语文的译文,鉴赏功能

项目实现

1. 使用小程序适配方案rpx,适配多种设备
2. 小程序授权功能:open-type = ‘getUserInfo’ 获取用户信息
3. 底部导航栏使用了css sprites
4. 小程序中scroll-view滚动视图区域,设置enable-flex才能开启flex布局
5. 登录流程:收集数据,前台表单验证,后台表单验证,登陆完成后使用wx.switchTab跳转回页面。
6. 使用了下拉刷新:refresher-enabled开启下拉动画;上拉加载更多:bindscrolltolower功能优化用户体验。
7. 通过openid获取用户唯一标识
8. 在app.json中设置subpackages字段来分包

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论