2020-09-01

JavaWeb前端技术(一)

一、三种脚本语言

1、html超文本标记语言:实现网站页面实现,展现文字、表格、超链接等。

2、css样式:实现了页面的美化。

3、JavaScript:实现网站的交互(请求和响应)。jQuery只是对JavaScript进行封装,操作更加简洁、高效。

二、动态网页之B/S架构,ajax交互过程

2020-09-01

1、用户访问页面,页面触发事件——>(创建)XHR对象

2、JavaScript(jQuery)发起ajax请求——>(请求)访问服务器端(注:ajax实现请求和获取响应的api工具包,无需重新加载整个网页的情况,能够更新部分网页的技术)

3、请求被web中间件拦截并进行处理:控制层框架springmvc中的controller进行(接收)——>请求业务层spring框架的service服务——>请求持久层mybatis框架的mapper(映射)        

4、mapper访问数据库,返回结果。mybatis封装java对象——>service——>controller(java对象转换成json字符串

5、json字符串传回浏览器(注:json传输数据,效率高)

6、浏览器传回给调用者XHR,XHR调用回调方法callback,callback进行json字符串的解析,从中拿到要展现的数据,通过JavaScript处理,最终回显到页面上。