# word-vue

**Repository Path**: fsxl/word-vue

## Basic Information

- **Project Name**: word-vue
- **Description**: 一个用来自己背单词的小应用的vue 端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 0
- **Created**: 2021-02-14
- **Last Updated**: 2025-09-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 1. 项目说明
## 1. 背景
该项目是本人考研期间为解决背单词无人提问的苦恼，而开发出来的一个小小的应用，初期只是实现了简单的背单词的需求，效果如下：
![输入图片说明](https://images.gitee.com/uploads/images/2021/0217/082454_91ccc38d_5439039.png "屏幕截图.png")
目前只是实现了展示单词，每次进入app, 就会随机出现一个单词(单词在数据库中)， 点击认识，就会切换到下一个随机的单词， 点击提示， 机会出现单词的词根等帮助自己记忆的提示，点击翻译则是该单词对应的中文翻译。
CSDN 详细介绍地址：[https://blog.csdn.net/weixin_44415928/article/details/113813951](https://blog.csdn.net/weixin_44415928/article/details/113813951)

## 2. 技术实现
该应用是基于springboot + vue 的前后分离项目

### 1. 数据库
数据库选型使用的 MongoDB 数据库，主要是单词这种东西存的都是文本，考虑到MongoDB 这种 NoSQL 对文本的处理速度很快，于是选用了它。

### 2. 后端
后端采用 SpringBoot + SpringDataMongoDB ，利用 其中的 MongoRepository 和 MongoTemplate 实现MongoDB 的增删改查

### 3. 前端
前端采用 Vue-CLI + Vant ， 这里的 Vant 是一个配合vue使用的前端 手机，小程序UI， 类似于电脑端的 ElementUI

# 2. 版本迭代
## 2021-02-17 v.0.2.0版
背单词时，由于词汇量大，泛泛的背也是没有效果的，所以app右上角新增选范围功能，默认范围是`ALL`， 可以选择 26个英文字母之间任何一个，表示以这个字母开头的所有单词，后边所有单词就都是这个字母开头的。效果如下
![选词范围功能](https://images.gitee.com/uploads/images/2021/0217/090430_1e350a57_5439039.png "屏幕截图.png")