更新记录
1.0.0(2025-08-31)
星云英语记单词
项目介绍
星云英语记单词是一个基于uni-app和uniCloud开发的移动端英语学习应用,专注于帮助用户高效记忆和掌握英语单词,支持多平台部署(微信小程序、H5、APP)。
主要功能
核心功能
- 单词学习系统:支持新词学习、复习模式、拼写练习等多种学习方式
- 学习计划管理:制定个性化学习计划,跟踪学习进度
- 统计分析:记录学习数据,提供学习统计和趋势分析
- 用户系统:注册、登录、个人资料管理、设置
- 单词本:单词列表、单词详情、错题集等功能
学习功能模块
- 学习主页:展示当日学习任务、学习计划进度和快捷功能入口
- 学习模式:提供多种学习模式,满足不同学习需求
- 复习系统:智能复习机制,巩固记忆效果
- 拼写测试:检验单词拼写掌握程度
- 学习进度:展示学习统计数据、学习日历和成就徽章
技术栈
前端技术
- 框架:uni-app (Vue.js跨平台框架)
- UI组件库:vk-uview-ui
- 状态管理: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-uview-ui/ # UI组件库
│ └── vk-uni-pay/ # 支付模块
└── uniCloud-aliyun/ # uniCloud云开发资源
├── cloudfunctions/ # 云函数
└── database/ # 数据库配置
安装指南
前置条件
- 安装HBuilderX编辑器
- 注册DCloud开发者账号
- 创建uniCloud云服务空间
项目导入
- 克隆或下载项目代码
- 在HBuilderX中导入项目
- 关联uniCloud云服务空间
云开发环境配置
- 右键点击
uniCloud
目录,选择运行云服务空间初始化向导
- 根据提示完成初始化配置
- 上传
common
模块和router
云函数
前端开发配置
-
main.js已配置uView UI引入
import uView from './uni_modules/vk-uview-ui'; Vue.use(uView);
-
App.vue已引入基础样式
<style lang="scss"> @import "./uni_modules/vk-uview-ui/index.scss"; </style>
-
uni.scss已引入全局变量
@import "@/uni_modules/vk-uview-ui/theme.scss";
功能页面说明
首页 (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.08.31: 完成基础框架搭建
- 2025.08.31: 实现单词学习系统和用户功能
- 2025.08.31: 添加学习计划和进度统计功能
- 2025.08.31: 完善复习系统和拼写测试功能
License
MIT
平台兼容性
云端兼容性
阿里云 | 腾讯云 | 支付宝云 |
---|---|---|
√ | √ | √ |
uni-app(4.36)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
√ | × | × |
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+
1.0.0(2025-08-31)
星云英语记单词
项目介绍
星云英语记单词是一个基于uni-app和uniCloud开发的移动端英语学习应用,专注于帮助用户高效记忆和掌握英语单词,支持多平台部署(微信小程序、H5、APP)。
主要功能
核心功能
- 单词学习系统:支持新词学习、复习模式、拼写练习等多种学习方式
- 学习计划管理:制定个性化学习计划,跟踪学习进度
- 统计分析:记录学习数据,提供学习统计和趋势分析
- 用户系统:注册、登录、个人资料管理、设置
- 单词本:单词列表、单词详情、错题集等功能
学习功能模块
- 学习主页:展示当日学习任务、学习计划进度和快捷功能入口
- 学习模式:提供多种学习模式,满足不同学习需求
- 复习系统:智能复习机制,巩固记忆效果
- 拼写测试:检验单词拼写掌握程度
- 学习进度:展示学习统计数据、学习日历和成就徽章
技术栈
前端技术
- 框架:uni-app (Vue.js跨平台框架)
- UI组件库:vk-uview-ui
- 状态管理: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-uview-ui/ # UI组件库
│ └── vk-uni-pay/ # 支付模块
└── uniCloud-aliyun/ # uniCloud云开发资源
├── cloudfunctions/ # 云函数
└── database/ # 数据库配置
安装指南
前置条件
- 安装HBuilderX编辑器
- 注册DCloud开发者账号
- 创建uniCloud云服务空间
项目导入
- 克隆或下载项目代码
- 在HBuilderX中导入项目
- 关联uniCloud云服务空间
云开发环境配置
- 右键点击
uniCloud
目录,选择运行云服务空间初始化向导
- 根据提示完成初始化配置
- 上传
common
模块和router
云函数
前端开发配置
-
main.js已配置uView UI引入
import uView from './uni_modules/vk-uview-ui'; Vue.use(uView);
-
App.vue已引入基础样式
<style lang="scss"> @import "./uni_modules/vk-uview-ui/index.scss"; </style>
-
uni.scss已引入全局变量
@import "@/uni_modules/vk-uview-ui/theme.scss";
功能页面说明
首页 (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.08.31: 完成基础框架搭建
- 2025.08.31: 实现单词学习系统和用户功能
- 2025.08.31: 添加学习计划和进度统计功能
- 2025.08.31: 完善复习系统和拼写测试功能
License
MIT