侧边栏壁纸
博主头像
神奇的程序员

今天的努力只为未来

  • 累计撰写 167 篇文章
  • 累计创建 25 个标签
  • 累计收到 215 条评论

目 录CONTENT

文章目录

改造了一个练习英语的开源项目

神奇的程序员
2024-02-25 / 0 评论 / 2 点赞 / 902 阅读 / 1,233 字 正在检测是否收录...

前言

在2023年下半年,我决定将英语学习纳入我的计划清单,找到了一套适合自己的学习方法。在学习过程中,我养成了记录我不熟悉的单词,并计划在闲暇时复习这些新词以加强记忆的习惯。然而,经过一段时间的尝试,我发现自己很少去复习这些单词,它们大多只是被存储在了软件中,而没有得到有效回顾。

在2024年初,我偶然发现了一个名为qwerty-learner的开源项目,眼前一亮,这不正是我苦苦寻找的东西吗😀。使用体验后,我发现它的词库是固定的,无法直接进行个性化修改。如果想要添加自己的词库,需要自己拉代码到本地,加词库文件。对于想要添加个人词库的用户来说,这意味着需要下载代码到本地并手动添加词库文件,这对程序员而言是相当不便的。

因此,我决定fork这个项目,花了亿点时间,为其开发了添加单词/短语功能,使得词库可以自定义。完成后,我将其部署到了我网站的english-study路径下。

本文就跟大家分享下这个项目的使用方法,欢迎各位感兴趣的开发者阅读本文。

使用方法

打开浏览器访问网站(https://www.kaisir.cn/english-study/),会跳转到登录界面,通过第三方平台授权登录即可进入网站。

image-20240225205656392

登录成功后,将看到如下所示的界面。

image-20240225205806211

添加单词或短语

点击页面上方工具栏中的添加单词/短语图标,即可进入添加页面。

image-20240225210310881

创建单词本

默认是没有单词本的,直接在录入界面创建即可,直接输入单词本名称,按下Enter键就会自动创建。

image-20240225210558806

编写单词本描述。

image-20240225210830405

注意⚠️:单词本只是创建了,还没有保存,需要添加单词/短语后,点保存,数据才会存储在服务器上。

录入单词/短语

有了单词本后,就可以输入英文以及释义,触发保存了。

image-20240225211150617

添加成功后,单词本的描述将不可修改,会记住上一次保存时选择的单词本。

image-20240225211316318

注意:如果你输入的是短语,录入的内容会存储在单词本的例句分类下。

选择单词本

默认情况下,系统选择的是CET-4词典。点击顶部工具栏的词典切换图标,进入切换界面,选择前面我们创建的单词本。

image-20240225211818853

image-20240225211920368

点击单词本后,选择一个章节即可。

image-20240225212115030

开始练习

选择章节后,就会来到主页面,输入法切换到英文模式,就能练习你添加在单词本中的单词了🤗

image-20240225212412750

image-20240225212430744

单词管理

点击顶部工具栏的管理单词/短语图标,即可打开单词管理界面。如果录入的单词有错误时,就可以在此处进行删除。

image-20240225212617720

image-20240225212817439

帐户信息

通过第三方平台授权登录后,在设置界面的帐户信息菜单下,可以设置/修改用户名、密码。

image-20240225213944069

image-20240225214024788

注意:设置完用户名和密码后,就可以通过用户名、密码来登录系统了。

项目地址

写在最后

至此,文章就分享完毕了。

我是神奇的程序员,一位前端开发工程师。

如果你对我感兴趣,请移步我的个人网站,进一步了解。

  • 文中如有错误,欢迎在评论区指正,如果这篇文章帮到了你,欢迎点赞和关注😊
  • 本文首发于神奇的程序员公众号,未经许可禁止转载💌
2

评论区