根本需要

前端局部：

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、单词图片点击能够放大，放大后右上角有叉号，点击能够敞开放大的图片。

后端局部：

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或者本地。

成果展现

看完技术大佬们的解题思路，有没有学到什么呢？想要做兼职的小伙伴能够加咱们哦！