CGB2005 0811 JAVA08

复习 模态框
CGB2005 0807 JAVA05总结
重要知识点补回来
实现日期下拉有模态框

还没实现

还没有实现? 核对代码

路径出错 已找到原因
改错如下图

实现效果

重叠了 去提问(方法1 清理缓存)

清理过后还是存在
新处理办法


还是不行 定位不了问题 问雷哥把 放弃了(OVER)
还是删缓存问题 高级删除表格类的就可

总结 新增bootstrap模态框 下拉日期表功能

1.html 客户端层
引入包后 js+css



2.页面效果实现

1.定义全局变量

变量就是里面的存的东西是变化的 如果是int类型，你可以给他赋值是1，也可以赋值是2。就像你去超市买东西，有个口袋，开始里面什么都没有，在你买东西的过程中口袋里盛的东西是一直变的。

对象就是 你所能看到的东西都是对象，对象本身有自己的属性 和方法(行为)；

对象类型 dx=new 对象（） 就是实例化它，dx.属性 dx.方法 都可以。
把它的所有属性 都归拢在一个对象里，这样你调用属性时候就特别的方便！

引入js函数多了 有几率被覆盖
基于这种问题 js变量 构造函数开始分析

掌握 能用局部 就不用全局 但是局部会得不到重用

JS中对象的构建方式

对象P1

对于结构相同 数据内容不同的js对象

引入构造函数的概念

如果构造函数还需要一个函数怎么办


构造函数的结构





看原型

动吧系统深入



ctrl+a ctrl+c 不行 有些中文会变成乱码 全面复制 不行
1.导入数据 先看 再执行

这个格式 忘了怎么办


重要 老师总结



mysql忘了 ?点出来就可以知道语法了 晚上自己试试

自己尝试cmd进入

记得这里 .sql文件 前缀是加/


1.创建项目

常做的配置 报错注意空格和缩进!!!
自己打



晚上验证 或者迟点 问雷哥
雷哥:是在控制台输出你的sql日志

导入页面
1.controller层

报错
两个都要导报 static和templete包

初步效果实现

yml文件缩进

客户端的404

资源找不到(包括动静态资源)

找不到路径

服务端的404

结束

其余错误

html页面解析错误

晚上回看录像14.40分的 找出html username加了什么(over)

错误的

找caused by 没有就找第一行~第五行

有空归纳之前mvc的404,500,400报错图片 自我复习查看

验证想法 yml缺少了debug

但是对应console控制台就没有报错信息显示

加回去之后
错误的想法 验证失败 等待再次验证

新内容开始

归纳错误

对应controller 类似下图

图标问题 F12一直有一个报错

图标问题
图标问题 晚上得补上相应的图片(over)

图解
晚上得补上相应的图片(over)

tomcat怎么去处理下面的对象和请求呢

如下图是 通过对象处理请求的过程

后修正 插入今晚的图

AOP以后才实现日志管理数据的添加 暂时做不了

现在去实现
原型设计

目的 返回日志列表页面

小点 之前遗漏的
继续





client 客户端



自己的
starter去注册事件

把共性封装

Xddfathe r 16:51:49
为了它在任意环节都在执行 因为有可能获取不了id 别的位置

Xddfathe r 16:52:00
放在任何位置都能正常执行

???放在哪 疑惑 如上
function函数即是 页面加载后执行的一段 放在任意位置都可执行事件注册

$(function(){//页面加载完成以后执行
		doLoadUI("load-log-id","log/log_list");
	});
	
	
	function doLoadUI(id,url){
		//在指定位置进行click事件注册
		$("#"+id).click(function(){//这个匿名函数为事件处理函数(这里也叫回调函数)
	    	
	    	//向服务端发送异步请求,获取服务端响应的页面以后更新到指定位置.
			$("#mainContentId").load(url);
	    });
	}

我的页面 点日志管理没反应
查看html页面


Xddfathe r 17:09:06
点了没反应

Xddfathe r 17:09:11
断点和打桩

去解决
上面两个报错查错之后
继续404

Xddfathe r 17:23:13
完成初步实现

Xddfathe r 17:23:45
现在对接回 doPageUI

对应
结束 待会自己再重复一次 3个js函数!!!

概念层

公共的对象,共有的 封装特性

作业 自己自己尝试写

自己尝试写动吧日志管理页面 初步3步

1.一开始只有doIndexUI
导入包

显示的就是最完全的页面 后把部分js代码删除

也是如上 把starter.html页面的javascript代码删除

log_list.html页面代码 也是js部分删除


2.实现点击日志管理系统 异步局部刷新更新右面相应页面

原理上面有 可以自己翻
先编写原型代码
controller层

//返回日志列表页面
	@RequestMapping("log/log_list")
	public String doLogUI() {
		return "sys/log_list";
	}

html 客户端层

定义function函数+回调函数 放在哪个位置都可以了(避免获取不了id这种情况)
怎么看实际id 去对应写下客户端层面的js代码 上面有 自己忘了可以回看

//在指定位置进行click事件注册
	
	$(function(){//页面加载完成以后执行
		doLoadUI("load-log-id","log/log_list");
	});
	
	
	function doLoadUI(id,url){
		//在指定位置进行click事件注册
		$("#"+id).click(function(){//这个匿名函数为事件处理函数(这里也叫回调函数)
	    	
	    	//向服务端发送异步请求,获取服务端响应的页面以后更新到指定位置.
			$("#mainContentId").load(url);
	    });
	}

执行代码

3.局部页面再加入更多内容 把page分页页面元素加入

$(function(){
      $("#pageId").load("doPageUI");
    })

执行代码

代码复刻完成
总结 return后的 都是真实前端文件页面地址