一.分析需求(泪目-整理不易,友情素质三连)
1.一般需要梳理好整个流程,这是必须的流程,虽然看起来无关紧要,但真正体验过上手就敲代码和先写思路再编程的人肯定是觉得思路的重要性,也是因为自己深刻体会到这一点,就在这里分享下自己的体会。
- 前后端的任务分离:
自己编程时,总是想到哪里就写到哪里,没有固定的思路,显得很乱,文件切换来切换去,有时候自己都不知道在看哪里。这是非常令人头疼的。
举例说明:根据搜索框输入字符跳出提示
1. 前端:一般考虑呈现出的页面效果,不仅是页面的问题,还要考虑通过输入键盘的字符,能够让搜索框进行相关字符的提示(输入框需要进行事件的绑定)
-
利用jquery进行事件的绑定,要求键盘输入后,请求服务器,服务器查询返回结果到搜索框上面。
-
键盘输入后,先判断输入框是否为空,为空则隐藏下拉框
-
不为空的话,进行ajax请求,请求服务器(参数),获取值(需要转换为json数据格式)
-
将获取到的值进行遍历,加入到table标签中,最后jquery展示结果
前端代码:
在这里插入图片描述
2.后端:服务器处理请求做出响应
- 首先通过前端发送的请求中获得参数
- 调用业务,传入参数进行查询
- 返回查询结果,需要将查询的结果转换为json,响应给浏览器
后端代码: