CGB2005 0815 JAVA12

0815
JS复习在这里插入图片描述

示例
在这里插入图片描述

获取class选择器是 是用. 号 获取id的时候 是用#号

一个类选择器可以选择多个button

在这里插入图片描述
在这里插入图片描述
如下图 会从上往下找 如果不是全找 默认第一个
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
原生js

拿到所有的(类选择器)
在这里插入图片描述
在这里插入图片描述
拿到多个button

在这里插入图片描述
在这里插入图片描述
新增
在这里插入图片描述
拿一个在这里插入图片描述
拿全部
在这里插入图片描述
看到它的属性

晚上回看9:30分的录像
1.拿到对象 id 选择器 标签名
2.对对象进行事件注册 拿到对象
3.操作对象 取到对象的属性
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
js和jquery对应
自己学
如下图 是对应的
在这里插入图片描述
github.com/nefe/You-DontNeed-jQuery
在这里插入图片描述
在这里插入图片描述
学习dom
添加链接描述

开始菜单模块
在这里插入图片描述
在这里插入图片描述
建立一级菜单二级三级
在这里插入图片描述

除了自有id 还需要标明上级菜单id
自关联在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
懂得业务的设计

在这里插入图片描述
controller层
在这里插入图片描述
简化写法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

rest风格的url
在这里插入图片描述
固定url的优先级最高
在这里插入图片描述
在这里插入图片描述
因为自跳转的url一次 套用进去 然后优先级较后 又打印一次
在这里插入图片描述
如下 写了model后 下面就不用写被注释的那两个了
在这里插入图片描述
在这里插入图片描述
更明确的写法
在这里插入图片描述
在这里插入图片描述
等价 即省略
因为前缀只有/sys/ sys/ = {module}
在这里插入图片描述

1.dao
查询菜单和查询所有的上级菜单 菜单模块不做分页
在这里插入图片描述
修正 是大写
在这里插入图片描述
在这里插入图片描述
为什么不用pojo呢 自己新建 因为map灵活
map中可以存任意key值
优点:不用写类 速度更快 灵活
劣势:可读性比较差 值的类型不可控(Object可以放任意类型 打开源码不知道存了什么)
应用:实际项目中 外包项目中经常用map封装项目 只关心周期 不关心pojo 公司产品级应用 能用pojo则用pojo
在这里插入图片描述

在这里插入图片描述
map存什么都行
在这里插入图片描述
在这里插入图片描述
do对象要有一一对应
在这里插入图片描述
因为菜单页面 可以一对多 所以map更好 而不用pojo
在这里插入图片描述
想拿到菜单id 要多张表对应或者 表嵌套
在这里插入图片描述
在这里插入图片描述
把菜单名称(id)赋值给上级菜单名称(parentId)
把菜单名称(name)赋值给上级菜单名称(parentName) 附带的 也是相同的
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
自己去思考 嵌套 树结构
在这里插入图片描述
如上图 错了 c代表子菜单而不是父菜单 表名p才是父菜单

多表查询
在这里插入图片描述
在这里插入图片描述
多表不太懂 后把前覆盖
在这里插入图片描述
测试
在这里插入图片描述

cmd
嵌套查询
在这里插入图片描述
只要有from 就先执行
在这里插入图片描述
多表查询
在这里插入图片描述
在这里插入图片描述
有left
在这里插入图片描述
无left 一级菜单信息会掉 null的话 就不可能有值等于它
在这里插入图片描述
自己弄不懂left有无的区别
自己看 null值得区别 如果没有left 左连接 就显示少一些东西
一级菜单会获取不了了
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
左外连接 满足条件的要显示 不满足条件的也要显示

ps 比嵌套和关联性 性能更好 但是更新记录的时候 一个更新 所有都要更新 带来复杂度
修改完上级菜单后 下级菜单对应也要改
最关键看查询多 还是修改多 是否添加冗余字段
在这里插入图片描述
在这里插入图片描述
看需求 设计是看下要不要加冗余字段 表的三大范式
在这里插入图片描述
service层在这里插入图片描述
在这里插入图片描述
实现类
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

controller层
完好的页面
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
提供数据
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
自己回去了解树形表格
在这里插入图片描述
写了代码 要看到呈现的效果
先上效果 再讲代码
插件 公司会自己加扩展 傻逼前端的工作
https://blog.csdn.net/qq_39954604/article/details/104038242
在这里插入图片描述
比如自己的项目
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
对应客户端 格式一定要相同
在这里插入图片描述
下午 表的小点
在这里插入图片描述
在这里插入图片描述
inner 表关联后的共性数据
在这里插入图片描述
找不到对应关系的 就显示null

开始在这里插入图片描述
没有路径对应 就不加
在这里插入图片描述
在这里插入图片描述
基于css样式去呈现
漏了 晚上找图补上
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

定义的框架
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
漏了一个删除的表 晚上补上 14.42
在这里插入图片描述

客户端层面 怎么获取这个点中的记录的值

在这里插入图片描述

在这里插入图片描述
去拿tbody
jQuery的取法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
js的原生取法 目的 获取选中的radio的id
在这里插入图片描述
找多个
在这里插入图片描述
var radios…
在这里插入图片描述
在这里插入图片描述
js原生无了
在这里插入图片描述
在这里插入图片描述
都可以取到
在这里插入图片描述
然后怎么去实现删除
有子元素不可以删除 必须先删除子元素
在这里插入图片描述
考虑关系数据
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

实现根据id radio实现删除功能

1.dao层
在这里插入图片描述

需要有条件的去删除

每个表都有对应的删除
在这里插入图片描述
定义一个新的 角色菜单dao表
在这里插入图片描述
查看表结构
在这里插入图片描述
在这里插入图片描述
service层
举例 欠了公司前 要离职 先还钱 还请了才可以完全离职
在这里插入图片描述
保存
则先保存自身的 再保存关系的

impl
如果是一级菜单删除 二级菜单连带直接删完 (有孩子)
在这里插入图片描述
考虑完管理 还需要考虑子元素 必须删完子菜单 才可以删完
在这里插入图片描述
看注释 考虑风险
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
客户端不是自己写的 不能错 得对应
在这里插入图片描述
deleteObject(id)修正
在这里插入图片描述
在这里插入图片描述
删除添加
在这里插入图片描述
Xddfathe r 15:37:44
只刷新了一行

Xddfathe r 15:37:53
因为这个页面就是数据库的所有的数据

Xddfathe r 15:38:03
没有分页 不用考虑下一页加载的问题

在这里插入图片描述
不是从数据库中删除后 再刷新一次

直接从客户端实现 如下图
在这里插入图片描述
在这里插入图片描述
错误
显示null
在这里插入图片描述
取result.message 单词是message 不对应 所以弹出为null

显示添加按钮 的添加功能

点击后 直接跳转
在这里插入图片描述

controller层很多页面的返回 不用写了

在这里插入图片描述
尝试自己断点去分析
在这里插入图片描述
在这里插入图片描述
把数据拿过来
拿id,name和parentId
pojo层
在这里插入图片描述
在这里插入图片描述
dao层
查询出来的 一行映射为一个节点
在这里插入图片描述
service层
在这里插入图片描述
在这里插入图片描述
controller层
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

实现不了 待会核对
响应的结果
在这里插入图片描述

 $(document).ready(function(){
      zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
   });

在这里插入图片描述
在这里插入图片描述
从客户端
可以获取选中的值

怎么拿到Ztree里面的那些节点

晚上 找图
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
**

从客户端获取值 传到服务器端

**
在这里插入图片描述
dao层
在这里插入图片描述
service层
在这里插入图片描述
controller层
在这里插入图片描述

页面反馈
在这里插入图片描述
授权标识:一级二级三级
在这里插入图片描述
排序号:20
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
自己复现页面
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

自己的错误

在这里插入图片描述
超大型报错
在这里插入图片描述
在这里插入图片描述

修改数据
在这里插入图片描述
为什么页面会有数据
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

绑定到外层表单中 再更新 就可以显示在页面上了

update自己实现
在这里插入图片描述
在这里插入图片描述
dao
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
dao修正名字后
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
语法错误 之前的变成了insert语法 和上面一致
update格式问题修正 老师提过一次 今天的 自己回看
在这里插入图片描述
在这里插入图片描述
效果已实现
在这里插入图片描述

回去补全截图

作业 删除没有做完 自己补回来 相关的service也是
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值