前后端数据交互原理（layui+springboot）

                                              以项目保存为例

第一步：把已经保存再数据中的数据回显，项目保存之前会事先存入session域，所以我们这一步只需要从sesson中回显已保存的项目即可，无需在重复查询数据库等繁琐操作

1.回显

2.编辑项目

3. 当我们把项目编辑好并保存后，项目会有一个编辑功能，我们可以点击 “编辑” 。

3.我们点击编辑后，再查看请求信息

4.我们看到请求地址有请求参数：dataId=20190315155059731600，说明点击“编辑”会根据dataId去查找对应的项目，然后再回显出来给我们编辑，那么，这个地址栏中的dataId是怎么来的呢？

http://localhost:8080/dghyht/editWebApply.html

dataId=20190315155059731600

 

5.我们根据请求地址去js代码找其对应的URL

 

6.我们看到地址的后面绑着一个键（dataId），那么这个dataId怎么会有值呢？

7.我们使用dataId关键字在当前页面代码中查找，我们找到了一个循环语句，dataId是item调出来的，而item则是

${projectItems} 遍历出来的。那么，${projectItems}又是什么呢？它是怎么来的呢？

8.我们通过关键字 "projectItems",在项目申报方法中找到了一条语句

session.setAttribute("projectItems",projectItems);

这条语句把整个项目以键为“projectItems”的方式存入了session域，因此，我们在js代码中，使用jqurey语法

“ ${projectItems} ” 就能获取到 projectItems项目。而请求地址中的dataId值就是通过它层层遍历得来的。

9.我们回到项目“ 编辑 ” 的方法中，看到了一条语句：

String dataId = res.getParameter("dataId");

说明项目的“编辑”请求，是依据dataId来获取当前项目的。