《英语随身学》又是我们组花了很多心思和精力完成的一个学习小网站。这个学习网站主要提供一种有效的学习方式帮助初学者学习国际音标、练习标准的英语发音、提高英语听力水平以及积累英语词汇等等。可以让初学者做到随时随地、循序渐进学习英语。
关于这个网站的开发,我们也是一如既往地做一些从未做过、看起来有点挑战的功能,因此也遇到了一些比较棘手的问题,譬如:如何在互联网上搜集到想要的英语学习资源?如何解决词汇的发音功能?如何完成文本的翻译功能?等等。尽管一开始困难重重,但是我们坚信一定可以完成这个学习网站,一直勇往直前,从未轻言放弃!于是,我们学习了很多新的有用的知识,不仅学会了用Java解析网页,获取想要的内容,还学会了申请开发者API接口,使用API接口完成许多有用的功能。
英语随身学——随时随地&循序渐进学习英语!轻松学习26个英语字母的发音/手写、48个国际音标的标准BBC英语音标发音!方便积累大量常用/常考英语词汇、查询陌生单词/翻译英语长难句子及段落!浏览体验有趣的英语文章,了解名人名言、经典谚语和人生格言。
功能特性:
1.账号登录、注册功能,并且用户登录要输入验证码,用户登录之后三天内无需登录。
2.英语字母的学习,提供26个英语字母发音表/手写展示图
3.国际音标的学习,练习48个国际音标/标准BBC英语音标发音
4.收录大量英语词汇,包括日常生活常用词汇、高中英语教材词汇以及大学英语四级词汇,满足日常学习需求
5.翻译功能,可以查询陌生单词,翻译英语长难句子、段落,翻译中文文本为英文
6.文章功能,可以浏览各类英语学习文章、英语学习视频
7.每日一句英语,了解名人名言、经典谚语和人生格言
8.单词本功能,可以添加、删除查询过的陌生英语单词,方便学习、记忆陌生词汇
用到的知识:
1.本项目同样采用前后端分离的开发方式,前端和后端通过json数据进行交互
2.前端使用了 JQuery 框架 + Ajax 异步刷新来解析、渲染json数据,响应式布局主要采用 Bootstrap3 框架来完成
3.后端则使用了 Maven 来创建 SpringBoot 项目,方便管理各种 Java 包的依赖关系
4.另外,也使用了 SpringBoot 来整合 SSM 框架(Spring + SpringMVC + MyBatis),有助于提高后端开发效率
5.本项目还引用了开源项目 DPlayer(支持弹幕的 HTML5 视频播放器),用于实现网页的视频播放功能
6.网页的粒子背景效果使用了 GSAP(专业的 web 动画库)来完成
7.后台的数据存储主要采用开源的Mariadb数据库来完成