若依源码分析(3)——用户管理

系统管理-用户管理 /system/user

在这里插入图片描述

/**
     * @RequiresPermissions 是Shiro的注解
     * 只有当用户拥有system:user:list这个字符串时才能访问此方法
     */
    @RequiresPermissions("system:user:list")
    @PostMapping("/list")
    @ResponseBody
    public TableDataInfo list(SysUser user)
    {
   
        //设置请求分页数据
        startPage();
        //调用service层的userService实现selectUserList
        //根据条件分页查询用户列表
        List<SysUser> list = userService.selectUserList(user);
        //返回响应分页的数据
        return getDataTable(list);
    }

请求分页数据

/**
     * 设置请求分页数据
     */
    protected void startPage()
    {
   
        //设置分页数据对象,并建立连接
        PageDomain pageDomain = TableSupport.buildPageRequest();
        //获取页码及每页的数目
        Integer pageNum = pageDomain.getPageNum();
        Integer pageSize = pageDomain.getPageSize();
        if (StringUtils.isNotNull(pageNum) && StringUtils.isNotNull(pageSize))
        {
   
            //检查字符,防止SQL注入绕过
            String orderBy = SqlUtil.escapeOrderBySql(pageDomain.getOrderBy());
            //使用分页插件开始分页
            PageHelper.startPage(pageNum, pageSize, orderBy);
        }
    }

查询用户列表

/**
     * 根据条件分页查询用户列表
     * 
     * @param user 用户信息
     * @return 用户信息集合信息
     */
    @Override
    @DataScope(deptAlias = "d", userAlias = "u")
    public List<SysUser> selectUserList(SysUser user)
    {
   
        return userMapper.selectUserList(user);
    }

UserMapper.xml

<select id="selectUserList" parameterType="SysUser" resultMap="SysUserResult">
		select u.user_id, u.dept_id, u.login_name, u.user_name, u.user_type, u.email, u.avatar, u.phonenumber, u.password, u.sex, u.salt, u.status, u.del_flag, u.login_ip, u.login_date, u.create_by, u.create_time, u.remark, d.dept_name, d.leader from sys_user u
		left join sys_dept d on u.dept_id = d.dept_id
		where u.del_flag = '0'
		<if test="loginName != null and loginName != ''">
			AND u.login_name like concat('%', #{loginName}, '%')
		</if>
		<if test="status != null and status != ''">
			AND u.status = #{status}
		</if>
		<if test="phonenumber != null and phonenumber != ''">
			AND u.phonenumber like concat('%', #{phonenumber}, '%')
		</if>
		<if test="params.beginTime != null and params.beginTime != ''"><!-- 开始时间检索 -->
			AND date_format(u.create_time,'%y%m%d') &gt;= date_format(#{params.beginTime},'%y%m%d')
		</if>
		<if test="params.endTime != null and params.endTime != ''"><!-- 结束时间检索 -->
			AND date_format(u.create_time,'%y%m%d') &lt;= date_format(#{params.endTime},'%y%m%d')
		</if>
		<if test="deptId != null and deptId != 0">
			AND (u.dept_id = #{deptId} OR u.dept_id IN ( SELECT t.dept_id FROM sys_dept t WHERE FIND_IN_SET (#{deptId},ancestors) ))
		</if>
		<!-- 数据范围过滤 -->
		${params.dataScope}
	</select>

编辑用户 /system/user/edit/{id}

回显信息

/**
     * 修改用户(回显相关信息)
     */
    @GetMapping("/edit/{userId}")
    //@PathVariable用户获取url中的{userId}
    public String edit(@PathVariable("userId") Long userId, ModelMap mmap)
    {
   
        //查询数据库,回显当前Id用户的相关信息
        //用户信息
        mmap.put("user", userService.selectUserById(userId));
        //角色信息
        mmap.put("roles", roleService.selectRolesByUserId(userId));
        //岗位信息
        mmap.put("posts", postService.selectPostsByUserId(userId));
        return prefix + "/edit";
    }
userService查询用户信息
/**
     * 通过用户ID查询用户
     * 
     * @param userId 用户ID
     * @return 用户对象信息
     */
    @Override
    public SysUser selectUserById(Long userId
  • 5
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在Antd的Tabs组件中,当标签页数量过多时,会自动出现滚动条,使用户可以通过滚动来查看所有标签页。下面我们就来分析一下Antd是如何实现这个滚动效果的。 ## 实现原理 Antd中Tabs的滚动效果是通过设置`overflow-x: auto`来实现的,当标签页数量超过一定数量时,Tabs容器的宽度会缩小,出现水平滚动条。 具体实现代码如下: ```css .ant-tabs-bar { position: relative; margin: 0; padding: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-overflow-scrolling: touch; .ant-tabs-nav-container { height: 100%; display: inline-flex; align-items: stretch; } } ``` 从上面的代码中可以看出,Antd将Tabs容器的`overflow-x`属性设置为auto,这样当标签页数量过多时,会自动出现水平滚动条;同时还设置了一些其他属性,比如`white-space: nowrap`来防止标签页换行,`-webkit-overflow-scrolling: touch`来优化iOS设备的滚动体验等。 ## 注意事项 使用Antd的Tabs组件时,需要注意以下几点: 1. 需要设置Tabs容器的宽度,否则滚动条不会出现; 2. 如果标签页数量较少,Tabs容器的宽度会很大,导致页面布局不美观,需要进行调整; 3. 当标签页数量很多时,滚动体验可能会受到影响,需要根据实际情况进行优化。 ## 总结 Antd的Tabs组件通过设置`overflow-x: auto`来实现标签页滚动效果,同时还设置了一些其他属性来优化用户体验。在使用该组件时,需要注意设置Tabs容器的宽度,并根据实际情况进行优化。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值