1,前面准备,呈现菜单界面。
要实现删除,首先得确定关系。在dao层要加@Mapper
image.png
要先解决关系才能删除。
一个是查询子元素个数。
一个是基于id进行删除。
基本上一个数据表对应一个dao,所以在建立一个表。
image.png
数据层结束。下面思路:先用getChildCount方法去判断没有子菜单,没有子菜单在去调用deleteObject--什么的去删除id,,!!!有子菜单应该返回一个异常,没有子菜单删除关系数据,在删除自身信息,在返回一个行数。这里有两个效验。!!
业务层 首先
image.png
接着下具体实现类
image.png
要关联多个表
image.png
image.png
可以进行test,直接去控制层,基本上都用JsonResult
image.png
可以启动查看
image.png
怎么在客户端删除选中数据
image.png
先找到tr,客户端删除行
image.png
进阶
image.png

下面要实现添加操作,首先点击添加需要弹出一个界面。设置按钮。
跟日志模块条状界面是一样的道理
image.png
会调用配置文件里的函数,一样的异步请求
image.png
点进去界面
image.png
在上级菜单上需要要呈现的选择菜单,服务端需要提供什么数据。
image.png
第一菜单名称,菜单id,还有一个parent的id,只要有树状都会有parentId。所以
image.png
只要蓝色的就是树状。按照图去写。
接着数据层去写一个方法
image.png
下面业务层:还是查询
image.png
接着实现类
image.png
最后控制层,JsonResult就是为了个业务层添加一个状态,客户端便于去处理,所以就需要对状态进行封装。
用@RestController默认每一个下面都有一个@RespongBody
image.png
可以点解添加,点击上级菜单。前面只是提供了数据
image.png显示应该如图
若有错,看下结构
image.png
分析树状结构:需要的数据都可以看成一个note,由三部分组成,id,name,parent
image.png官网入门指南
image.png
发起请求getJSON
js文件对应
image.png
image.png
想要选中,拿到基础管理。
image.png
image.png
image.png
为什么要绑定,因为写到数据库的值是id,不是name
image.png
增加个
image.png
。。。。
image.png
最后控制层
image.png
接下来是修改
点击菜单管理,都绑定了一个数据,item是一行对应的数据,
image.png
target 是渲染行
image.png
绑定的数据只在当前页面有效,怎么让修改页面拿到数据
image.png
把局部数据放在公共数据。
思考
image.png
如何呈现数据,修改是要有数据,二增加不用,就看公共区域mainContentled,没有就是增加,有就是修改。
image.png
基础管理那个箭头表示把val填充到基础管理。这上面两种去值方法,一种是直接从表单里取,,要求表单里的数据要够多,能够满足修改,另一种从数据库里找
image.png
image.png
image.png
image.png

角色表的操作:增加了表与表之间对关系
1image.png
2image.png
3定义sql映射,跟日志的差不多
image.png
4image.png
5定死,当前页的记录条数。注意构造方法要一致,类型也要一致(long啊,int)
image.png
6image.png
客户端不写。这里会有个问题
image.png
image.png
image.png
查看。
增加修改和添加的功能
image.png
修改从当前行的id,去数据库进行查询,查询到记录想办法更新到页面。
image.png
这个是取到tbody里的绑定的第一行。

添加界面:授权来自菜单模块,点save更新到数据库,更新两部分。image.png
应该设计到两个do
在dao层添加方法
image.png
一个角色是可以有授权的id的
image.png
一个角色是对应多个菜单的,要求是动态的,动态的写在xml里,可以把前面的去掉。
image.png
关于添加和删除在impl里面的逻辑是相反的。2,跟3的顺序。增加是先保存自身的信息,在解决关系,记得要增加多一个private。
活动模块有一种方法解决主键问题。跟老师文档不一样。
image.png
1image.png
2image.png
理解下js
image.png
image.png
接下来修改,修改需要点击的时候,就能显示出数据库,就是从数据库获得数据呈现出来。
首先建立一个封装类,来储存从数据库查询到的类,封装的是关系数据。
image.png
第一种方法
image.png
还需要找到菜单id
image.png
封装到业务层
image.png
image.png
image.png

第二种:
image.png
image.png
image.png
绿色是表中的字段,和column对应,表中的字段储存到类里。类中的叫属性为橙色部分
image.png
有映射关系。一旦有select
image.png
当字段名和属性名可以省略。
不知道什么方法
image.png
选中节点。
image.png

接下来思路
image.png
菜单指的是多个权限的意思


伍六七
1 声望0 粉丝

下一篇 »
dsa