角色管理模块

首页展示模块角色管理模块_第1张图片

1 创建view-controller来对应
2 创建role-page.jsp基本前端代码
3 初始化数据(keyword,pageSize,pageNum),用windows作为全局变量,条件查询和页面跳转都会改变windows的值
4 写role.js函数库,有以下的方法
generatePage() //总舵方法, 执行分页,生成页面效果
1)getPageInfoRemote 远程访问服务器端程序获取pageInfo数据即当页数据
2)fillTableBody将第一步获取到的当前页数据显示到表格体上,在表格尾生成分页栏,页面导航条调用会掉函数实现页面跳转

增添角色

1 点击新建按钮触发$("#searchBtn").click(function () {}
2 获取到用户填写的数据并通过ajax发送给handler相应函数处理
3 handler处理数据并插入数据库,然后将执行情况回复前端
4 前端页面显示执行情况
注意特殊结构,由于js引入的关系,导致一些动态代码依附于当前jsp页面的静态结构,这是不能直接对动态代码部分用click操作,应该用on,on方法可以很自然的操作父元素的子元素

模块修改方法

角色管理模块_第2张图片
1 点击修改按钮
2 弹出带初始值的修改框

  • 因为当前的操作界面是role的list主页面,初始值可以以获取动态节点的方式取得,展示到修改页上,修改页是layer弹出技术得到的,不需要用一张新的jsp页面
  • 获取用户填写的最新数据并提交,handler相应方法在数据库层面进行更改,然后将结果回复前端界面并显示

单个/批量删除角色

角色管理模块_第3张图片
角色管理模块_第4张图片
批量删除和单个删除时两个不同的事件,但内部调用的都是同一个handler处理器方法
1 用户选择全部的待删除的项目点击删除或者点击每项数据都有的单个删除
注意:必须有所选择才能点击删除总按钮并执行,否则要有禁止操作的提示
2 弹出删除确定框,确认框中还要展示待删除的数据
3 点击确定后,将删除项的id列表作为参数,发送ajax请求到handler的处理方法,批量删除
4 回显结果

你可能感兴趣的:(尚筹网,java)