更新记录

1.0.0（2026-01-01）

少儿萌宝启蒙卡

项目介绍

少儿萌宝启蒙卡是一个基于uni-app和uniCloud开发的移动端儿童教育应用，专注于帮助1-3岁儿童进行早期启蒙教育，包含动物世界、水果蔬菜、英文字母、汉语拼音、数字计数、颜色识别、形状认知等多个启蒙教育模块，支持多平台部署（微信小程序、H5、APP）。

主要功能

核心功能

启蒙教育模块：包含动物世界、水果蔬菜、英文字母、汉语拼音、数字计数、颜色识别、形状认知等多个儿童启蒙教育模块
互动学习系统：通过丰富的图片、声音和动画，提供趣味性的互动学习体验
学习进度跟踪：记录儿童学习进度，帮助家长了解孩子的学习情况
用户系统：支持多用户管理，可为不同孩子创建独立的学习档案
个性化设置：可根据不同年龄段儿童的需求进行个性化设置

启蒙教育模块

动物世界：通过生动的图片和声音，帮助儿童认识各种动物
水果蔬菜：让儿童了解不同水果和蔬菜的特征
英文字母：通过趣味互动学习26个英文字母
汉语拼音：帮助儿童掌握汉语拼音的基础知识
数字计数：通过游戏化的方式学习数字和计数
颜色识别：帮助儿童识别和区分不同颜色
形状认知：让儿童认识各种基本形状

技术栈

前端技术

框架：uni-app (Vue.js跨平台框架)
状态管理：Vuex
样式预处理：SCSS

后端技术

云开发：uniCloud (阿里云)
数据库：NoSQL数据库
用户系统：uni-id
云函数框架：vk-unicloud-router

项目结构

├── App.vue              # 应用入口文件
├── main.js              # 应用入口JS
├── app.config.js        # 应用配置文件
├── pages.json           # 页面路由配置
├── manifest.json        # 应用配置文件
├── common/              # 公共资源
│   ├── css/             # 公共样式
│   └── function/        # 公共函数
├── pages/               # 页面文件
│   ├── index/           # 首页
│   ├── learn/           # 学习相关页面
│   ├── word/            # 单词本相关页面
│   ├── progress/        # 进度统计页面
│   ├── review/          # 复习相关页面
│   ├── plan/            # 学习计划页面
│   ├── achievement/     # 成就页面
│   ├── record/          # 学习记录页面
│   ├── user/            # 用户相关页面
│   └── error/           # 错误页面
├── static/              # 静态资源
│   ├── logo.png         # 应用Logo
│   └── tabbar/          # 底部导航栏图标
├── store/               # Vuex状态管理
├── uni_modules/         # uni-app模块
│   ├── uni-config-center/ # 配置中心
│   ├── uni-id/          # 用户系统
│   ├── vk-unicloud/     # 云开发框架
│   └── vk-uni-pay/      # 支付模块
└── uniCloud-aliyun/     # uniCloud云开发资源
    ├── cloudfunctions/  # 云函数
    └── database/        # 数据库配置

安装指南

前置条件

安装HBuilderX编辑器
注册DCloud开发者账号
创建uniCloud云服务空间

项目导入

克隆或下载项目代码
在HBuilderX中导入项目
关联uniCloud云服务空间

云开发环境配置

右键点击uniCloud目录，选择运行云服务空间初始化向导
根据提示完成初始化配置
上传common模块和router云函数

前端开发配置

项目已配置基础框架和组件

功能页面说明

首页 (pages/index/index.vue)

应用的首页，展示用户欢迎信息、今日学习数据、学习计划进度和功能入口。

启蒙学习页面 (pages/learn/learn.vue)

启蒙教育主页面，展示今日学习任务和各个启蒙模块的入口。

启蒙内容列表 (pages/word/word-list.vue)

展示各个启蒙模块的学习内容列表，支持按类别查看和搜索。

学习进度 (pages/progress/progress.vue)

展示儿童学习进度统计、学习日历和成就徽章，帮助家长了解孩子的学习情况。

复习页面 (pages/review/)

包含各个启蒙模块的复习功能，帮助儿童巩固所学内容。

学习计划 (pages/plan/study-plan.vue)

制定和管理儿童个性化启蒙学习计划。

儿童档案中心 (pages/user/profile.vue)

儿童档案管理中心，展示各个孩子的学习进度、成就徽章和个性化设置入口。

开发说明

云函数调用方式

项目使用vk-unicloud-router框架，通过统一的云函数入口调用各业务逻辑：

vk.callFunction({
    url: 'service路径',
    data: { /* 请求参数 */ },
    success: (res) => { /* 成功回调 */ }
});

数据库操作

使用vk.baseDao API简化数据库操作：

支持增删改查基本操作
提供连表查询、分页查询等高级功能
内置权限控制和数据过滤

发布部署

微信小程序

在manifest.json中配置微信小程序信息
选择发行 -> 小程序-微信
按照提示完成发布流程

H5

选择发行 -> H5
配置相关参数后生成H5包
部署到Web服务器

APP

选择发行 -> App云端打包
配置应用信息和证书
等待打包完成并下载安装包

注意事项

开发环境和生产环境需要分别配置
敏感信息如AppID、密钥等应配置在安全的地方
云函数修改后需要重新上传才能生效
数据库 schema 修改后需要同步更新

更新日志

2025.09.28: 完成基础框架搭建
2025.09.28: 实现儿童启蒙教育模块和用户功能
2025.09.28: 添加学习计划和进度统计功能
2025.09.28: 完善复习系统和互动学习功能
2025.09.28: 新增多个启蒙教育模块，包括动物世界、水果蔬菜、英文字母、汉语拼音、数字计数、颜色识别、形状认知
2025.09.28: 优化启蒙教育模块页面的UI设计，统一使用主题色

License

Apache 2.0

平台兼容性

云端兼容性

阿里云	腾讯云	支付宝云
√	√	√

uni-app(4.36)

Vue2	Vue3	Chrome	Safari	app-vue	app-nvue	Android	iOS	鸿蒙
√	√	√	√	√	√	√	√	√

微信小程序	支付宝小程序	抖音小程序	百度小程序	快手小程序	京东小程序	鸿蒙元服务	QQ小程序	飞书小程序	快应用-华为	快应用-联盟
√	√	√	√	√	√	√	√	√	√	√

其他

多语言	暗黑模式	宽屏模式
√	×	×

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+

1.0.0（2025-09-28）

星云儿童启蒙