关于springboot:SpringBoot高级篇三Web项目

web 我的项目创立

创立一般的 maven 我的项目，咱们手动增加依赖

1.<!-- 指定我的项目打包形式 -->
<packaging>war</packaging>
2.<!--springBoot 整合 JSP 增加依赖 -->
<!--servlet 依赖 -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
</dependency>

<!--jstl 依赖 -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
</dependency>

<!-- 使 jsp 页面失效 -->
<dependency>
<groupId>org.apache.tomcat.embed</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
</dependency>

定义启动类

批改启动项目录

批改 YML 配置

创立 jsp 页面的目录构造

异步形式调用

AJAX 原理

特点: 部分刷新: 异步调用 (加载)
调用原理阐明:
1. 用户将申请发给 AJAX 引擎进行解决. 之后期待引擎返回数据.
2.ajax 引擎接管到用户的申请之后., 代替用户拜访后端服务器,
3. 后端服务器接管申请之后, 执行业务解决. 并且将返回值返回.
4.ajax 引擎收到返回值后果之后, 要在第一工夫告诉给用户. 利用回调函数将数据传给客户端.ajax 调用胜利.

AJAX 的一些技巧
遍历索引用 in 遍历一条数据用 of

<script type="text/javascript">
   /* 页面加载实现后执行 */
   $(function(){
      
      /*
         需要：利用 ajax 形式动静获取 user 数据信息
         申请网址：localhost/findAjax
         知识点：返回值类型: 能够依据数据主动匹配类型，所以能够省略
            1.$.get(url 地址,param 参数, 回调函数, 返回值类型)
            2.$.post(.....)
            3.$.getJSON(.....)
      */
      $.get("findAjax",{id:40},function(res){
         //1. 能够应用 js 中的 for 循环
         /* for(let index in res){} */
         /* index 示意索引 应用 in  */
         /* user 示意对象 应用 of */
            
         for(let user of res){
            let id=user.id;
            let name=user.name;
            let age=user.age;
            let sex=user.sex;
            let tr ="<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+sex+"</td></tr>";
            $("#tableId").append(tr);
         }
      })
   })
</script>