更新记录

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云服务空间

项目导入

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

云开发环境配置

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

前端开发配置

  1. main.js已配置uView UI引入

    import uView from './uni_modules/vk-uview-ui';
    Vue.use(uView);
  2. App.vue已引入基础样式

    <style lang="scss">
    @import "./uni_modules/vk-uview-ui/index.scss";
    </style>
  3. 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简化数据库操作:

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

发布部署

微信小程序

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

H5

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

APP

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

注意事项

  1. 开发环境和生产环境需要分别配置
  2. 敏感信息如AppID、密钥等应配置在安全的地方
  3. 云函数修改后需要重新上传才能生效
  4. 数据库 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云服务空间

项目导入

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

云开发环境配置

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

前端开发配置

  1. main.js已配置uView UI引入

    import uView from './uni_modules/vk-uview-ui';
    Vue.use(uView);
  2. App.vue已引入基础样式

    <style lang="scss">
    @import "./uni_modules/vk-uview-ui/index.scss";
    </style>
  3. 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简化数据库操作:

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

发布部署

微信小程序

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

H5

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

APP

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

注意事项

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

更新日志

  • 2025.08.31: 完成基础框架搭建
  • 2025.08.31: 实现单词学习系统和用户功能
  • 2025.08.31: 添加学习计划和进度统计功能
  • 2025.08.31: 完善复习系统和拼写测试功能

License

MIT

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。