基本要求前端部分：1、访问地址为：http://website/zrpd?useid=1234，其中userid为用户ID，页面需要根据不同的ID值返回不同的信息。(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数据库，words、音素、账号系统均使用json建立独立的数据结构，响应页面前端动态渲染。3、数据库：json文件用于以json的形式保存数据，json文件可以部署在tomcat中，也可以部署在本地。效果展示看完技术负责人的解题思路，你学到了什么？想兼职的朋友可以加入我们哦！
