测试

2019-11-28 07:50:28来源：博客园阅读 ()

测试

thymeleaf抽取公共部分

head.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
</head>
</html>

新页面

<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>新增用户信息</title>
    <header th:replace="header::html"></header>
</head>

跳转控制器

    @RequestMapping(value="/getPage")
    public ModelAndView getPage(ModelAndView modelAndView, String pageName){
        modelAndView.setViewName(pageName);
        return modelAndView;
    }

好看的操作图标

                            <td class="td-manage">
                                <a onclick="member_stop(this,'10001')" href="javascript:;"  title="启用">
                                    <i class="layui-icon">&#xe601;</i>
                                </a>
                                <a title="编辑"  onclick="xadmin.open('编辑','admin-edit.html')" href="javascript:;">
                                    <i class="layui-icon">&#xe642;</i>
                                </a>
                                <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
                                    <i class="layui-icon">&#xe640;</i>
                                </a>
                            </td>

常用script操作方法

    <script>
        layui.use('table', function(){
            var table = layui.table,
                form = layui.form;
            table.render({
                elem: '#table'
                ,url: '/user/list' //数据接口
                ,page: true //开启分页
                ,response: {
                    countName: 'count', //规定数据总数的字段名称，默认：count
                    dataName: 'datas' //规定数据列表的字段名称，默认：data
                }
                ,cols: [
                    [ //表头
                        {type: 'checkbox', fixed: 'left'}
                        ,{field: 'id', title: 'ID', align:'center', width:50}
                        ,{field: 'username', title: '用户名'}
                        ,{field: 'telephone', title: '手机'}
                        ,{field: 'status', title: '状态',  templet:function(d){
                            return  d.status == '1' ? "启动":"禁用";
                        }}
                        ,{field: 'birthday', title: '生日'}
                        ,{title:'操作', toolbar: '#barDemo' }
                    ]
                ],
                done:function(){
                    checkPermission()
                }
            });

            //监听工具条
            table.on('tool(member)', function(obj){
                var data = obj.data;
                if(obj.event === 'del'){
                    layer.confirm('真的删除行么', function(index){

                        $.ajax({
                            url:"/user/delete",
                            type:"GET",
                            data:{id:data.id},
                            dataType:'json',
                            success:function(result){
                                layer.alert("删除成功", {icon: 1},function (index1) {
                                    layer.close(index1);
                                    //xadmin.father_reload();
                                    table.reload('table');
                                });
                            },
                        });

                    });
                } else if(obj.event === 'edit'){
                    xadmin.open('编辑用户信息','/user/edit/?id='+data.id);
                }
            });


            //搜索
            form.on('submit(search)', function(data){
                var username = data.field.username;
                table.render({
                    elem: '#table'
                    ,url: '/user/findUserByFuzzyUserName' //数据接口
                    ,page: true //开启分页
                    ,where:{
                        "username":username
                    }
                    ,response: {

                        countName: 'count', //规定数据总数的字段名称，默认：count
                        dataName: 'datas' //规定数据列表的字段名称，默认：data
                    }
                    ,cols: [
                        [ //表头
                            {type: 'checkbox', fixed: 'left'}
                            ,{field: 'id', title: 'ID', align:'center', width:50}
                            ,{field: 'username', title: '用户名'}
                            ,{field: 'telephone', title: '手机'}
                            ,{field: 'status', title: '状态',  templet:function(d){
                                return  d.status == '1' ? "启动":"禁用";
                            }}
                            ,{field: 'birthday', title: '生日'}
                            ,{title:'操作', toolbar: '#barDemo' }
                        ]
                    ]
                });
                return false;
            });
            checkPermission();
        });
    </script>

前端传过来一个参数，后端必须减一，jpa从0开始

mark

    @Override
    public Page<User> find(Integer page, Integer size) {
        if (null == page) {
            page = 0;
        }
        if (CheckUtils.isEmpty(size)) {
            size = 10;
        }
        PageRequest pageable = PageRequest.of(page, size, Sort.Direction.DESC, "updateTime");
        Page<User> users = userRepository.findAll(pageable);
        return users;
    }



    @RequestMapping(value = "/userapi/user/find", method = {RequestMethod.POST, RequestMethod.GET})
    public BhResponseResult<?> find(Integer pageOffset, Integer pageSize) {
        Page<User> users = userService.find(pageOffset, pageSize);
        return new BhResponseResult<>(0, "success", users);
    }

原文链接:https://www.cnblogs.com/senup/p/11949235.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有