# worddayday

**Repository Path**: dixon7989/worddayday

## Basic Information

- **Project Name**: worddayday
- **Description**: 基于Springboot+Vue3+ElementPlus前后端分离的单词记忆小应用，入门学习佳品，喜欢的给个Star。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2023-06-15
- **Last Updated**: 2025-12-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

小巧精美的英文单词记忆应用，整合了艾宾浩斯遗忘曲线记忆法，让记单词不再是难事！

## 系统演示

![输入图片说明](word1.png)
![输入图片说明](word2.png)
![输入图片说明](word3.png)

## 项目说明
本项目为完整的Springboot+vue前后端分离的系统示例

### 后端 worddayday
技术栈：
1. springboot
2. Jpa
3. spring security
4. jsoup
5. H2数据库

### 前端 worddayday-vue
vue3+ElementPlus


## 项目部署
项目运行操作看对应项目里边的README.md，下面主要介绍一下前后端一起部署的方案，可以避免跨域配置。
操作如下：
1. worddayday项目修改application.yml，将server.servlet.context-path注释打开， 或者使用`java -jar`启动时指定：` --server.servlet.context-path=back`
2. 使用nginx，将前后端配置在同一个server下，配置如下
```
upstream worddayday {
        server localhost:8080;
    }

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   dist; # Vue打包dist目录
            index  index.html index.htm;
        }

        location ^~ /back/ {
            proxy_pass http://worddayday;
            proxy_set_header Host $host:80;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Via "nginx";
            client_max_body_size    100m;
        }
    }
```