JSON传输
利用阿里或者Google现成转换和提取方法，进行客户端与服务器之间的一种数据传输的方法
- 资源准备
要用到fastjson.jar包，然后导入到工程文件下。 - 函数使用
- 利用json包中的方法将一存放一类对象的一个list直接转换成一个json串（转自菜鸟教程
private List<Person> listOfPersons = new ArrayList<Person>();
@Before
public void setUp() {
listOfPersons.add(new Person(15, "John Doe", new Date()));
listOfPersons.add(new Person(20, "Janette Doe", new Date()));
}
@Test
public void whenJavaList_thanConvertToJsonCorrect() {
String jsonOutput= JSON.toJSONString(listOfPersons);
}
- 利用json包中的方法将json字符串转换成一个已经定义的类（转自菜鸟教程
@Test
public void whenJson_thanConvertToObjectCorrect() {
Person person = new Person(20, "John", "Doe", new Date());
String jsonObject = JSON.toJSONString(person);
Person newPerson = JSON.parseObject(jsonObject, Person.class);
assertEquals(newPerson.getAge(), 0); // 如果我们设置系列化为 false
assertEquals(newPerson.getFullName(), listOfPersons.get(0).getFullName());
}
Vue.js框架
Vue.js框架是嵌套在js中的一个框架，每次运行是运行一个生命周期，从创造、初始化，到更新，可以更便利地取出数据，来进行传输
el:作用域（注意在原的html中，要加上一对的div来包括起来el这个作用域）
data：一个大括号包起来的，表示数据集
created：类似构造函数
beforeMount：在运行之前的使用
method：主方法体（内部写所有要处理的方法）
jQuery初步
jQuery用于进行前后端的实时传输
具体用法是通过$符号进行索引，然后通过一对括号内部为传输成分，
其中url是要对应的传输的处理的servlet
其中type是这个jQuery要请求的方法，其中包含post和get两种，取决与这种请求的属性，如果是主要要拿元素，就是get，主要发送元素，就是post，然后相对应的，在url对应的那个servlet中写dopost()和doget()来分别对应两个请求。
项目分析：
在购物车界面进行实时的数据更新的思路，
- 原生写法，利用js底层语言可以通过一个容器来保存所有的信息，然后一直遍历；如果有一个部分更改，就通过这个更改的部位再去遍历得到这个部位牵连的整体，一起打包发给服务器进行处理，然后前端把当前的界面删掉，等着后端重新传回来数据进行重新渲染。
- 利用Vue框架优化，通过在Vue框架中的update进行更新，在向服务器发送信息的同时自己就刷新好前端，而不是先删掉当前的前端，等着把数据发给后端，然后处理了之后再传给前端重新渲染新的界面。
Vue框架大致结构：
在created中也就是刚刚进入生命周期，先写好在界面产生的时候做法，先把传进来的json字串渲染出来。在这个区块里，jQuery的type应该是get，是从客户端拿取数据，所以应该是get方法
update中，处理中间对界面的更改，所以应该把数据打包成一个json字串再传回servlet，然后对应那个服务器servlet中的post方法，通过servlet处理所有的数据层的更新
