精华内容
下载资源
问答
  • 三个按钮:,btn: ['拨打','挂断','关闭']'拨打','挂断' 这两个是不同时出现的。var dialog = layer.open({type: 2,title: '拨打电话',content: 'customerPhone.jsp',maxmin: true,area: layui.setter.area_percent,...

    三个按钮:

    ,btn: ['拨打','挂断','关闭']

    '拨打','挂断' 这两个是不同时出现的。

    var dialog = layer.open({

    type: 2

    ,title: '拨打电话'

    ,content: 'customerPhone.jsp'

    ,maxmin: true

    ,area: layui.setter.area_percent

    ,offset:'t'

    ,btn: ['拨打','挂断','关闭']

    ,btnAlign: 'c'

    ,success:function(layero,index){

    window.formData = rec;

    window.formData = $.extend(rec,{

    seatStatus:$("#seatStatus").val(),

    callType:$("#callType").val(),

    });

    $("a.layui-layer-btn1").css("background-color","#FF5722");

    setTimeout(function () {

    callPhone(rec.id,rec.mobile);

    $("a.layui-layer-btn0").hide();

    $("a.layui-layer-btn1").show();

    },500)

    }

    ,yes:function (index, layero) {

    callPhone(rec.id,rec.mobile);

    $("a.layui-layer-btn0").hide();

    $("a.layui-layer-btn1").show();

    return false;

    }

    ,btn2:function (index, layero) {

    hangUpPhone();

    $("a.layui-layer-btn0").show();

    $("a.layui-layer-btn1").hide();

    return false;

    }

    ,btn3:function (index, layero) {

    }

    });

    控制的代码就是:

    $("a.layui-layer-btn0").show();

    $("a.layui-layer-btn1").hide();

    展开全文
  • layui前端控制radio单选按钮不可选 效果图 试了很多方法都不可行 在前端都没法控制 结果!只要在最后加个disabled就可以了 气死了 代码如下 是否业务合同

    layui前端控制radio单选按钮不可选

    效果图
    在这里插入图片描述

    试了很多方法都不可行 在前端都没法控制
    结果!只要在最后加个disabled就可以了 气死了
    代码如下

    <label class="layui-form-label" style="width:108px;">是否业务合同</label>
        <div class="layui-input-inline">
                <input type="radio" name="isBusinessContract" value="true" title="是"  disabled>
                <input type="radio" name="isBusinessContract" value="false" title="否" disabled>
            </div>
    
    展开全文
  • 点击上方蓝色字体,选择“标星公众号”优质文章,第一时间送达 作者|xueheng_blog来源 | urlify.cn/rIFJzm66套java从...解决方法:基于前端的权限控制:前端某个按钮的隐藏或显示可以通过shiro的页面标签来控制,当...

    点击上方蓝色字体,选择“标星公众号”

    优质文章,第一时间送达

      作者 |  xueheng_blog

    来源 |  urlify.cn/rIFJzm

    66套java从入门到精通实战课程分享

    问题描述:

    如何让前端的某个按钮在用户拥有该按钮的权限时才显示?如何让后端的某个接口在用户拥有该访问的权限时才可以访问?

    解决方法:

    基于前端的权限控制:前端某个按钮的隐藏或显示可以通过shiro的页面标签来控制,当用户拥有该权限时,我们就让该按钮显示,否则隐藏;

    基于后端的权限控制:后端的某个接口我们可以通过shiro的注解来控制是否允许访问,当用户拥有该权限时,我们就允许访问,否则不允许访问;

    一、基于前端的权限控制

    标签名作用
    shiro:guest允许游客访问的代码块
    shiro:user允许已经验证或者通过"记住我"登录的用户才能访问的代码块。
    shiro:authenticated只有通过登录操作认证身份,而并非通过"记住我"登录的用户才能访问的代码块。
    shiro:notAuthenticated未登录的用户显示的代码块。
    shiro:principal显示当前登录的用户信息。
    只有拥有admin角色的用户才能访问的代码块。
    只有拥有admin或者manager角色的用户才能访问的代码块。
    没有admin角色的用户显示的代码块
    只有拥有"admin:delete"权限的用户才能访问的代码块。
    没有"admin:delete"权限的用户显示的代码块。

    1、添加依赖


    org.apache.shiroshiro-spring1.4.0

    com.github.theborakompanionithymeleaf-extras-shiro2.0.0

    2、在页面头上加标签支持

    "http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

    3、配置shiro标签

    //配置ShiroDialect:用于thymeleaf和shiro标签配合使用
    @Bean
    public ShiroDialect getShiroDialect(){
        return new ShiroDialect();
    }

    4、在页面中使用shiro标签进行权限控制:有两种方式

    二、基于后端的权限控制

    1、添加依赖


    org.apache.shiroshiro-spring1.4.0

    com.github.theborakompanionithymeleaf-extras-shiro2.0.0 

    2、配置注解支持

    /**
     * 开启shiro aop注解支持.
     */
    @Bean
    public AuthorizationAttributeSourceAdvisor authorizationAttributeSourceAdvisor(SecurityManager securityManager) {
        AuthorizationAttributeSourceAdvisor authorizationAttributeSourceAdvisor =       new AuthorizationAttributeSourceAdvisor();
        authorizationAttributeSourceAdvisor.setSecurityManager(securityManager);
        return authorizationAttributeSourceAdvisor;
    }

    3、在控制层接口上添加注解

    @GetMapping("/users")
    @RequiresPermissions("sys:user:list") //只有拥有该权限的用户才能访问该接口
    public DataResult> getAllDept(User user){
        DataResult result =DataResult.success();
        result.setData(this.userService.getUser());return result;
    }

    1881ef8eba22c3cf0ae9c02b74fd69e9.gif

    9e653f63b0e988863afc04eaa1aa78e6.gif

    • 新款SpringBoot在线教育平台开源了

    • 啃了这66套Java项目课程后,终于找到工作了!

    • 精品帖子大汇总

    • 牛逼plus,Spring Boot-Shiro-Vue权限系统(细粒度控制到按钮)

    感谢点赞支持下哈 112c1bbdace8b9cc5595638d2a97b4c3.gif

    展开全文
  • 下载按钮: <button class="layui-btn layui-btn-sm" data-type="downTemplate">模板下载</button> 对应方法: downTemplate:function () { window.open(ctx+"/download/template/customer"); }, ...

    下载按钮:

    <button class="layui-btn layui-btn-sm" data-type="downTemplate">模板下载</button>
    

    对应方法:

    downTemplate:function () {
        window.open(ctx+"/download/template/customer");
    },
    

    java 控制层:

    
    import org.apache.commons.io.FileUtils;
    import org.apache.commons.io.IOUtils;
    import org.slf4j.Logger;
    import org.slf4j.LoggerFactory;
    import org.springframework.beans.factory.annotation.Value;
    import org.springframework.http.HttpHeaders;
    import org.springframework.http.HttpStatus;
    import org.springframework.http.MediaType;
    import org.springframework.http.ResponseEntity;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.PathVariable;
    import org.springframework.web.bind.annotation.RequestMapping;
    import javax.servlet.http.HttpServletRequest;
    
    import java.io.File;
    import java.io.IOException;
    import java.io.InputStream;
    import java.net.URL;
    import java.net.URLConnection;
    
    
    @Controller
    @RequestMapping("/download")
    public class DownloadController {
    
       private Logger logger = LoggerFactory.getLogger(getClass());
    
    
       @RequestMapping(value = "/template/customer")
       public ResponseEntity<byte[]> downloadTemp(HttpServletRequest request) throws IOException {
          String path = request.getSession().getServletContext().getRealPath("/");
          String newFileName = "客户信息模板" + ".xlsx";
          String fileName = "customer.xlsx";
          File file = FileUtils.getFile(path, "template", fileName);
          HttpHeaders headers = new HttpHeaders();
          headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
          headers.setContentDispositionFormData("attachment", new String(
                newFileName.getBytes("gbk"), "iso-8859-1"));
          return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),
                headers, HttpStatus.OK);
       }
    
    }
    

    customer.xlsx 是放在webapp/template目录下。

    展开全文
  • 下载按钮:模板下载对应方法:downTemplate:function () {window.open(ctx+"/download/template/customer");},java 控制层:import org.apache.commons.io.FileUtils;import org.apache.commons.io.IOUtils;import ...
  • 三个按钮: ,btn: [‘拨打’,‘挂断’,‘关闭’] ‘拨打’,‘挂断’ 这两个是不同时出现的。 var dialog = layer.open({ type: 2 ,title: '拨打电话' ,content: 'customerPhone.jsp' ,maxmin: true ,area: ...
  • Layui数据表格之动态控制按钮本文参考code// 注意layui中的模板语言// {{ # 判断逻辑代码 }}{{# if(d.experience > 500){ }}超级会员VIP{{# } }}{{# if(d.experience < 500){ }}普通会员{{# } }}layui.config...
  • 按钮生成及隐藏权限: <script type="text/html" id="barDemo" > <a class="layui-btn layui-btn-xs layui-btn-normal btn-auth" lay-event="show" ekper="web/disease/showDisease">查看</a>...
  • 下面是layui,form表单 - 页面元素开关按钮控制函数,可做参考: functionchangeOneSwitch(){ if($("input").prop('checked')){ //如果当前是选中,执行此代码 $("input").prop('checked',false) }else{ //如果...
  • 方法一: $(“radio按钮选择器”).click(); 方法二: $(“radio按钮选择器”).prop(‘checked’,true); form.render(“radio”...如果在某个元素的onblur事件中控制radio的选中,须使用方法二,亲测方法一会无效。 ...
  • 根据订单不同的状态显示不同的按钮 官方文档:https://www.layui.com/doc/modules/table.html#templet 实现方法 1 方式一:绑定模版选择器。 <script type="text/html" id="titleTpl"> {{# if(d.id < 100...
  • 控制layui弹框最小值

    2019-01-18 16:28:37
    var layerIndex; success:function(layero,index){ ...//控制按钮放在中间 layero.find('.layui-layer-btn').css('text-align','center'); } resizing:function(layero){ var layerInitW...
  • 需求如下图所示: 代码如下: <input class="switch" type="checkbox" lay-skin="switch" lay-filter="mode" lay-text="开|关"> ...script type="text/javascript">... layui.use('form', function () { ...
  • } style> 权限按钮测试h1> 增加button> 删除权限button> 编辑button> 删库跑路button> 提现button> 升级权限button> <script> $(document).ready(function() { var permissions = JSON.parse(sessionStorage....
  • 因为layui 的tree 是无限级,所以增删改都是所有层级都有的,但是因为,我这边要实现如下图所...实现不同级别的各个按钮的显示隐藏就要对生成的css样式进行控制了 .layui-tree-pack .layui-tree-lineExtend .layui...
  • 原理:用两个按钮,一个按钮设置提交方式为Post,一个为Get,这样你就可以通过控制器端不同的接受请求方式,来实现不同的业务 核心代码如下: 页面上默认写写post请求: 第一个按钮post请求: &lt;form ...
  • 由于是小菜鸟,所用最开始只会用普通的css按钮,然后通过onclick事件来控制div的显隐,但是“师傅”却要求用layui按钮,当时只会把按钮替换成layui的开关按钮,但是却不知道怎么去控制它让div显隐,通过查找了很多...
  • 问题描述写了两个日历组件用于前后对应,控制时间区间,后不能比前小之类的。现在我先选择后一个时间,点击清空,然后再次打开,选择第一个时间,发现第二个时间还是影响着第一个时间的选择。此时便想有什么方法能将...
  • Layui.tree内的数据提交到控制

    千次阅读 2019-06-27 11:05:44
    开发工具与关键技术:Visual Studio 2015、C# ...现在的Layui.tree提交数据主要依靠的是增删改三个按钮的回调,也就是文档所说的操作节点的回调,当然也有其他的,如: 第一、节点被点击的回调:该回调的作用一般是...
  • 最近有一个后台项目前端改造,需要将以前的前端框架换成layui,所以在设计权限与菜单这块研究了一些时间,记录一下以便探讨,查网上很多资料,也有一些心得。 先说说思路:首先菜单权限设计,我是设计到了按钮权限...
  • 基于spring boot 2.1.6、shiro、jwt、redis、swagger2、mybatis 、thymeleaf、layui 后台管理系统, 权限控制的方式为 RBAC。代码通熟易懂 、JWT(无状态token)过期自动刷新,数据全程 ajax 获取,封装 ajax 工具类...
  • layui 穿梭框

    千次阅读 2019-03-01 15:34:47
    注意点,用到了好多的查询控制。主要思路就是,选择左框数据,按下按钮,存到数据库,然后左右表重载渲染。 选择右框数据,按下按钮,删除数据库中的数据,左右表重载渲染。 渲染的时候,注意左边的要排除掉右边的...
  • 打开控制面板f12 查看元素 可以看到搜索按钮是由after动态生成,找到这个样式文件,然后注释 清除浏览器缓存(ctrl+shift+del),刷新,可以看到 小按钮已经没有了。 去除layui-form的搜索框 还是老样子 查看...

空空如也

空空如也

1 2 3 4 5
收藏数 83
精华内容 33
关键字:

layui按钮控制