SSM Project Day01-日志功能。坑：在log_list.html中第一个function的大括号花括号括在了所有函数的最底下，导致无法回调函数。

最新推荐文章于 2020-07-27 11:53:07 发布

西轩草诏暇

最新推荐文章于 2020-07-27 11:53:07 发布

阅读量650

点赞数 1

分类专栏： SSM整合+JS 文章标签：小白学编程

本文链接：https://blog.csdn.net/qq_31416771/article/details/88542430

版权

本文详细记录了SSM项目中日志管理功能的实现步骤，从访问首页开始，逐步讲解如何找到页面元素，修改Controller和HTML页面，以及处理页面查询和分页。在log_list.html中，由于大括号位置错误导致的回调函数问题被重点指出，并分享了解决方法。

摘要由CSDN通过智能技术生成

1.访问首页网址：

http://localhost:8080/ssmday4/doIndexUI

2.找到页面显示数据元素的位置

在这里插入图片描述
id：#mainContentId

3.指定目录列表“日志管理”功能连接

在这里插入图片描述

找到主页上列表的id。
设定JavaScript代码

//  第四阶段--------项目project-------------Day01
//  日志id绑定：load-log-id
     $(function(){
          $("#load-log-id").click(function(){
                var url="log/doLogListUI";
                //load函数为一个特殊的ajax函数
                $("#mainContentId").load(url);
          })
     })

4.修改Controller，进行返回页面的绑定

在这里插入图片描述

5.修改绑定的html页面，做出响应

由于div页面部分是doPageUI
在这里插入图片描述
由此：

<script type="text/javascript">
 //作业，补充JS,发异步请求获取数据，呈现在页面上
//	第四阶段   Project  ======Day01
 		$(function(){
 			$("#pageId").load("doPageUI")
 		})
 
</script>

访问：
在这里插入图片描述