JavaWeb前端技术

JavaWeb前端技术

一、三种脚本语言

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

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

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

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

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处理，最终回显到页面上。