不是吧？2000块的英语听读应用长这样？！

基本需求

前端部分：

1、访问地址为：http://website/zrpd?useid=1234，其中userid是用户标识，页面需要根据不同的标识值返回不同的信息。

（1)如果该userid字段不存在，或者该userid在后端不存在，则整个页面提示：您输入的访问地址无效，请重新输入。

（2)如果userid和访问者的ip不对应，则整个页面提示：您无权限访问该地址，请重新输入。

2、页面的UI设计为单页面，无跳转，具体设计如下：

整个页面分为两个区域，一个区域为通过单词搜索（完整的单词），一个区域为通过音素搜索（字母或字母组合），互不干扰，相互独立。未搜索前，下方显示为空。

3、单词搜索区搜索出来的单词，分段赋予颜色显示，比如department，分为三段，de、part、ment，每一段用一种颜色，颜色使用的顺序为（红绿橙蓝紫，超过5个字段，则循环这5个颜色）：字段1字段2字段3字段4字段5，例句中该单词用红色标出。

4、音素搜索区搜索出来的单词，颜色显示同单词搜索区搜索出来的单词，除此之外，还需要额外在搜索的音素下方画横线标出。

5、点击搜索按钮时，不整体刷新，后台返回数据后，仅刷新显示区域。

6、点击喇叭图片可以播放声音，播放声音时，喇叭图片有动效。

7、单词图片点击可以放大，放大后右上角有叉号，点击可以关闭放大的图片。

2.后端部分：

1、以json字符串或xml等作为数据源文件，具体格式可以按照方便编程和提高效率来设计。

2、通过单词搜索（大概有3000个单词）和通过音素（大概有100个音素）搜索，设计两个独立的数据源文件，数据源在启动后加载到内存，无需每次搜索时重新加载，如修改数据源文件，需要重启后台服务才能生效。

3、userid需要设计一个独立的数据源文件，每次页面访问均需检索数据源文件，做到修改了数据源文件，即刻生效，无需重启后台服务。每一个userid对应一个字符串（用于在页面上显示），一个ip地址列表（用于校验合法的访问ip地址，0.0.0.0代表所有地址均合法）。

编程语言

html+css+js+ajax+springboot+json

环境与工具

开发工具：hbuilderx、idea、json

开发环境：jdk

实现思路

1.前端：使用前端三件套，灵活布局和渲染页面，主要技术点在于js的运用，使用ajax请求后端数据，以及控制、监听音频的播放暂停等。

2.后端：使用传统的web开发思路，编写页面请求数渲染，采用json形式的数据库，单词、音素、以及账号系统都使用json建立独立的数据结构，响应给前端动态渲染到页面上。

3.数据库：使用的是json文件保存json形式的数据，且json文件可以部署在tomcat或者本地。

效果展示

看完技术大佬们的解题思路，有没有学到什么呢？想做兼职可以看看我们的公众号哦。

如果你也想要这样的代码，欢迎联系我们，限时8折，等你来呦。

不是吧？2000块的英语听读应用长这样？！相关推荐

易达英语听力通 v2.0 bt
Welcome to my blog! <script language="javascript" src="http://avss.b15.cnwg.cn/cou ...
中国地质大学英语语音学习笔记（四）：英语连读——弱读、冠词连读方法（包括元音字母前添加an的原因）和词间辅音加元音的连读方法
前言本笔记整理于中国地质大学(武汉)的一门英语发音课程:英语语音,的第九,十单元的文档资料.包括冠词连读(不定冠词连读,定冠词连读,元音字母前用an的原因),弱读和辅音加元音连读的发音技巧.整理 ...
ear的英语怎么念_ear英语怎么读谐音
ear英语怎么读谐音易耳追答 ear的中文意思.音标.例句及语法单词音标英语音标:[ɪə] 美语音标:[ɪr] 转载需注明"转自音标网yinbiao5.com/19-1533.htm ...
cαr怎么发音_【英语拼读发音规则】连读、略读、重读、断句、语调……
在说汉语的时候,我们讲究的是"字正腔圆.掷地有声",而英语恰恰相反,它需要将一句话中的某些重点词汇突出,弱化非重点词汇. 所以,对已经习惯了"字正腔圆"的我们来 ...
2012最新版人教版pep小学英语三年级上册恋宇思涵英语点读软件
[size=xx-large]软件下载地址:(软件可以试用) [url]http://pan.baidu.com/share/link?shareid=29144&uk=2972707896[ ...
python接活月入2000_大学生每月额外再赚2000块，是种什么体验？
原标题:大学生每月额外再赚2000块,是种什么体验? 大家终于陆陆续续回到学校了,这个假期长得有点令人怀疑人生,时间越多越不知道该干些什么. 每天睡醒吃饭.逛街看电影,累了就煲剧打游戏--一个寒假过去 ...
为什么好多中国人说英语听起来不太礼貌？
为什么好多中国人说英语听起来不太礼貌? 转自:http://edu.qq.com/a/20131012/004228.htm?pgv_ref=aio2012&ptlang=2052 中国人的英 ...
计算机的复数英语怎么读,英语的复数怎么读
目录 1.土豆的复数英语怎么读 1.英语中的月份的复数怎么读读音? months 最后两个辅音,是否可以省略一个. 2.在清辅音后,读/s/,如books, 在浊辅音和元音后,读/z/,如dogs ...
[渝粤教育] 西南科技大学英语泛读在线考试复习资料
英语泛读--在线考试复习资料一.单选题 1.It is recommended that the project ______ until all the preparations have bee ...

不是吧？2000块的英语听读应用长这样？！

不是吧？2000块的英语听读应用长这样？！相关推荐

最新文章

热门文章