Skip to content

AG Admin开发手手册_v1.1

Mr.AG edited this page Jul 23, 2017 · 1 revision

AG-Admin开发手手册

1. 后端开发流程

举例:用户管理模块开发

服务层

  • mapper构建,直接里用mybatis-generator:generate来生成,具体修改文件 src/main/resources/builder/generatorConfig.xml

  • biz和rest开发,直接继承BaseBiz、BaseController即可

到此完成后端的开发

ui层

  • 控制跳转,通过在ace-ui中创建一个controller
  • 在templates中创建一个html页面
  • controller中编写一个跳转,保证返回值和刚才创建的页面和文件夹层次一致,具体参见用户
  • 额外说明,ui主要是通过使用layui来的,所以我们快速地开发。

至此完成前端页面开发

网关拉通

  • 创建刚才页面菜单
  • 授权用户可以访问菜单
  • 退出重登即可

2. 快速开发技巧

后续会做成代码生成器。

后端

  • 复制groupType的biz、controller,修改为对应的对象,如下:
@Service
public class UserBiz extends BaseBiz<UserMapper,User> {
}

// 记得修改requestmapping的对象标志,前端会用
@Controller
@RequestMapping("user")
public class UserController extends BaseController<UserBiz,User> {
    @RequestMapping(value = "/page",method = RequestMethod.GET)
    @ResponseBody
    public TableResultResponse<User> page(@RequestParam(defaultValue = "10") int limit, @RequestParam(defaultValue = "1")int offset, String name){
        Example example = new Example(User.class);
        if(StringUtils.isNotBlank(name)) {
            example.createCriteria().andLike("name", "%" + name + "%");
            example.createCriteria().andLike("username", "%" + name + "%");
        }
        int count = baseBiz.selectCountByExample(example);
        PageHelper.startPage(offset, limit);
        return new TableResultResponse<User>(count,baseBiz.selectByExample(example));
    }
}

前端ui

  • 复制src/main/resources/static/ag/group/group_type.js,修改其中的对象标志和后端地址
var groupType = {
    baseUrl: "/back/groupType",
    entity: "groupType",
    tableId: "groupTypeTable",
    toolbarId: "toolbar",
    unique: "id",
    order: "asc",
    currentItem: {}
};
变为 ==>
var user = {
    baseUrl: "/back/user",
    entity: "user",
    tableId: "userTable",
    toolbarId: "toolbar",
    unique: "id",
    order: "asc",
    currentItem: {}
};
  • 复制src/main/resources/templates/groupType下所有文件,修改其中的js引用
<script type="text/javascript" src="ag/group/group_type.js"></script>
==>
<script type="text/javascript" src="ag/user/user.js"></script>
  • 修改edit.html中的相关提交属性和js代码中,add、edit对应的表单提交事件

3. 页面授权过程

  • 创建访问页面菜单和权限资源 img img
  • 分配人员并授权上述创建的菜单和资源 img img
Clone this wiki locally