java背单词页面_简易Web背单词软件 #01# 当前功能

使用Java Spring Boot作为后端,IntelliJ IDEA和HBuilder作为开发工具,构建了一个Web背单词应用。用户可以通过前端浏览器操作,包括创建、删除单词本,导出单词本为Excel,以及单词的增删查改功能。软件提供键盘快捷键以增强用户体验。
摘要由CSDN通过智能技术生成

开发工具

Java作后端(Spring Boot),浏览器作前端。

IDE:IntelliJ IDEA 2017.1.1 x64以及HBuilder

软件启动

一,切换到相应目录,通过命令行指令java -jar tuna-1.0-SNAPSHOT.jar在本地启动后端软件。

5cb766b6099fbf77ca6a6259ae07bb58.png

后端软件运行结果

二,待后端软件启动成功后,用浏览器打开前端页面index.html(该文件在项目路径下)即进入软件首页。

功能介绍

单词本的相关操作

一,软件首页。显示用户自定义的单词本列表。

d2b96ff3bde4b6e1f02557c58b1f9fb9.png

软件首页

二,创建单词本。软件首页左右两侧空白处右键,选择New Target。

04a1d20c25d1f306d8a5159d5de9c8e7.png

创建单词本

三,删除单词本。右键点击单词本条目,在该单词本为空的状态下(否则不成功),选择Delete。

496ed01ebb4f971ca645a2b13867462e.png

删除单词本

四,导出单词本为电子表格。右键点击单词本条目,选择Export。

d4d94a72c0553d305d4d812dd73a324b.png

导出单词本为电子表格

单词的相关操作

一,单词列表。左键点击单词本条目,显示用户自行添加的单词。

每页显示7个单词条码,通过键盘R键往后翻页,通过B键往前翻页。通过1~4键以及QWE键实现相应的单词卡片翻页(查看用户自行添加的相应笔记、释义等)。设计初衷是用户先对单词进行尝试回忆,尝试回忆后翻页验证。

e75c453138b2c6837552d5a4a3cbe5ff.png

单词列表

二,删除单词。右键点击单词条目,选择Delete。

de7e77bf09388c89a3e4b7c9d9fb6dbf.png

删除单词

三,添加单词。按键盘TAB建,在跳出的对话框中选择“确定”,进入添加单词页,左右两个输入框分别为单词卡片的正面和背面。输入完毕后,鼠标点击ok添加单词。返回到单词列表,按键盘ESC键,在跳出的对话框中选择“确定”。

20592bac4e629743f74a8d4a666acdc3.png

添加单词

其它

一,在单词列表页按L键显示当前页码以及背单词的时间(切换页面置为0)。

二,软件后端,也就是命令行窗口,同步显示前端CRUD操作的相关日志以及错误。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值