当前位置:   article > 正文

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

单词本web实训

开发工具

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操作的相关日志以及错误。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/559012
推荐阅读
相关标签
  

闽ICP备14008679号