扩展功能大全

【前端】Ant Design Vue 默认中文

对应源码：https://github.com/liyupi/yu-picture/commit/f5cbb68e24413b14bfb2eb13d04e9ce73226dee7

Ant Design Vue 默认使用的是英文文案，如果需要替换为中文，可以参考 国际化文档，只需给整个应用包裹一层组件即可完成。

【前端 + 后端】用户兑换会员功能

对应源码：https://github.com/liyupi/yu-picture/commit/f5cbb68e24413b14bfb2eb13d04e9ce73226dee7

如果要实现会员功能，可以对表进行如下扩展：

1. （已完成）给 userRole 字段新增枚举值 vip，表示会员用户，可根据该值判断用户权限
2. （已完成）用户表新增会员过期时间字段 vipExpireTime，可用于记录会员有效期
3. 用户表新增会员兑换码字段 vipCode，可用于记录会员的开通方式**（极速版实现）**
4. 用户表新增会员编号字段 vipNumber，可便于定位用户并提供额外服务，并增加会员归属感

对应的 SQL 如下：

▼
sql
复制代码
vipExpireTime datetime     null comment '会员过期时间',
vipCode       varchar(128) null comment '会员兑换码',
vipNumber     bigint       null comment '会员编号'

怎么给用户开通会员？

1）【前期最推荐】直接改数据库

2）【前期比较推荐，适合用户量 < 10000 的项目】**预设一批会员码，直接通过非系统的方式发送给用户 => 用户在系统上兑换会员码

简单起见，我们这个阶段先不用数据库来维护会员码，而是通过本地文件进行维护，结构如下

▼
json
复制代码
{"code": "xxx", "hasUsed": false}

用户在系统上兑换会员码：

1. 读取 JSON 配置文件
2. 判断是否存在某个会员码（判断用户输入的会员码是否在我们的 JSON 数组文件中）
3. 把会员码的状态标记为已使用（修改 JSON 配置文件对应兑换码的使用状态）
4. 修改数据库的用户表，给当前登录用户开通 1 年会员，修改会员的有效期和用户角色

3）【成熟，用户量 > 10000】用户支付 => 系统生成会员码 => 用户在系统上兑换会员码 => 会员码管理系统（可以新增 / 废弃会员码）

前端

1. 需要提供一个输入兑换码进行兑换的页面
2. 给用户增加会员的专属标识