精华内容
下载资源
问答
  • layui表单提交到后台

    万次阅读 2018-10-17 22:57:57
    思路:我开发问卷调查模块时,想添加问卷的时候使用layui弹出一个表单,然后经过校验提交到ssm下的Controller 一:jsp要弹出的表单 <button id="add" class="layui-btn layui-btn-sm"...

    思路:我在开发问卷调查模块时,想添加问卷的时候使用layui弹出一个表单,然后经过校验提交到ssm下的Controller里

    一:jsp要弹出的表单

    <button id="add" class="layui-btn layui-btn-sm">添加问卷</button>

     <div class="layui-row" id="test" style="display: none;">
                <div class="layui-col-md10">
                    <form class="layui-form" action="" method="post" id="addEmployeeForm">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="padding-left:-50px;">问卷标题:</label>
                            <div class="layui-input-block">
                                <input type="text" placeholder="请输入问卷名称" lay-verify="questionnaireName" name="questionnaireName" id="questionnaireName" class="layui-input">
                            </div>
                        </div>
                      
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button lay-submit="" lay-filter="suu" class="layui-btn layui-btn-normal tijiao">提交</button>
                            </div>
                        </div> 
                    </form>
                </div>
            </div>


    二:layui脚本

    layui.use(['layer','form'],function(){
        var form=layui.form;
        var layer=layui.layer;
        $=layui.jquery;

     

    $("#add").on('click',function(){
              layer.open({
                  type:1,
                  title:"添加问卷",
                  skin:"myclass",//自定样式
                  area:["400px","250px"],
                  content:$("#test").html(),
                 
                  success: function(layero, index){},
                  yes:function(){
                  }
              });
               form.render();//动态渲染

             }); 

             form.verify({
        questionnaireName: function(value){
      if(value.length < 5){        
          return '标题至少得5个字符啊';    
          }        
      }     
        });     
        form.on('submit(suu)', function(data){ 
                $.ajax({   
                    url:'./add',       
                    method:'post',       
                    data:data.field,        
                    dataType:'JSON',         
                    success:function(res){       
                         if(res.code='0'){       
                            parent.closeIframe(res.msg);
                            }                
                        else            
                            alert(res.msg);   
                        },              
                        error:function (data) {
                            
                        }           
                        }) ;         
                    
                });   
     });
     


    三:ajax发出的请求访问Controller

     @RequestMapping("/addQuestionaire")
        @ResponseBody
        public ModelAndView addQuestionnaire(HttpServletRequest request)throws Exception {
               Questionnaire questionnaire=new Questionnaire();
               questionnaire.setQuestionnaireName(request.getParameter("questionnaireName"));
               String nowTime=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date());
               questionnaire.setTime(Timestamp.valueOf(nowTime));    
               questionnaireService.insert(questionnaire);
                System.out.println(questionnaire.getTime());
                System.out.println("添加成功!");
                return new ModelAndView("redirect:/questionnaire/QuestionnairePage");//返回到分页查询的requestMapping;
        }


    四:效果图


    也可以参考另一篇博客,https://blog.csdn.net/liqz666/article/details/83508260,后台接收layui表单传来的数据

    展开全文
  • SpringBoot项目上用layui前端框架,由于之前使用的是JSP页面,我就讲layui.js的一些结构都拿过来了,谁知道运行访问页面直接报错 网上查了一下才知道,[[…]]之间的表达式Thymeleaf被认为是内联表达式,解决...

    在SpringBoot项目上用layui前端框架,由于之前使用的是JSP页面,我就讲layui.js的一些结构都拿过来了,谁知道运行访问页面直接报错

     

    网上查了一下才知道,[[…]]之间的表达式在Thymeleaf被认为是内联表达式,解决方式很简单cols的后面的两个中括号换行就可以了。

    展开全文
  • 1,后台数据库的增删改查操作在jsp页面layui.use方法下的所有函数不能用alert("")来测试问题。 2,在$.ajax({})中的某些sql语句的跳转无法触发动作时,且没有语法错误。检查layui的use是否写全了赋值的参数...

    1,后台数据库的增删改查操作在jsp页面里的layui.use方法下的所有函数不能用alert("")来测试问题。

    2,在$.ajax({})中的某些sql语句的跳转无法触发动作时,且没有语法错误。检查layui的use里是否写全了赋值的参数,常见的有['form','jquery','upload','layedit','laydate']等等。如果没有补全,有时.ajax是失效的。

    3,layui 中input  d的样式:div class="layui-input-inline"> 与 <div class="layui-input-block">最好不要放置同一个 <div class="layui-form-item">下面

    4,layui 编辑菜单中$出现错误,则直接会影响前端界面的渲染(按钮不会显示!)

    5,layui 中如果$.ajax({}) 有类属性值获取不到时,哪怕语句是被注释掉了,也会报:类似Property 'item_category_id1' not found on type com.huiyou.domain.Mall_item_category的错误。

    5,layui 在table.render({}) 渲染表格中,不能采用 if ....else if ....else if ...else结构,可以采用switch结构来代替。。

    展开全文
  • 在jsp页面中使用到了layui里的分页,本来是异步刷新,但是这里因为直接返回的是model,所以这里layui里的curr参数是后台直接传过来的: // 分页 layui.use(['laypage', 'layer'], function(){ var laypage = layui....

    在jsp页面中使用到了layui里的分页,本来是异步刷新,但是这里因为直接返回的是model,所以这里layui里的curr参数是后台直接传过来的,而且这里得curr参数在刚开始写得时候,要注意根据当前页码来改变其大小,否则这里很容易出现一直为第一页的BUG。

    // 分页
    layui.use(['laypage', 'layer'], function(){
      var laypage = layui.laypage,
      	  layer = layui.layer;
    //自定义首页、尾页、上一页、下一页文本
      laypage.render({
        elem: 'demo3'
        ,count: ${pagehelper.total}    // 总数
        ,first: '首页'
        ,last: '尾页'
        ,limit: ${pagehelper.pageSize}   // 一页显示多少行
        ,curr: ${pagehelper.pageNum}     // 当前页码
        ,layout: ['count','prev','page','next','limit','skip']  // 要显示的组件
      	,jump: function (obj, first) {    // 在里面写调用方法。
      		console.log(this.curr); //得到当前页,以便向服务端请求对应页的数据。
      		this.curr = obj.curr;
      		this.limit = obj.limit;
      		if (!first) {
      			// 不是首页时调用的方法
      		}
      	}
      });
    })
    
    展开全文
  • 文章目录前端jspspringMVC后端处理多文件上传 效果预览: 使用框架:SSM ...标签引入layui的css以及js文件,更改js代码的请求上传接口即可。代码如下: <%@ page contentType="text/html;charse...
  • 由于这里使用的是弹出层,建议不要将评分组件代码放到jsp页面上,放在弹出层success回调方法。因为先弹出层创建完毕时,再执行success回调方法。 如果把评分组件代码放到jsp页面上,会出现评分组件获取不了值的...
  • 引言:我开发中,想通过layui表单把里面的数据或者这个jsp页面的一些其他属性值传递 给Controller,但发现传不过去,所以只能通过表单提交,发现网上有很少的例子,特写下博客记载这个过程,我这个提交的 数据不多...
  • 在jsp 页面展示 结果它显示的是时间戳 我百度一堆,先找到layui的将时间戳更改为正确时间的方法 <script type="text/javascript"> function createTime(v){ var date = new Date(v); var y = date.get...
  • 后台:使用ssm框架,Controller的方法已经加了@ResonseBody注释,返回的对象是User 前端:jsp页面,ajax写了dataType:'json',点击‘编辑’按钮,点击‘提交’表单后,ajax没有执行success里面的代码 不能执行...
  • js页面的提交没有问题,所以错误出现html或jsp页面,弹出层会出现提交两次的原因是ajax提交了一次,然后由于layui的种种BUG,导致form的action也提交了一次。 解决方法: 将form里面的button按钮移到form外面...
  • 问题: 在jsp中使用${pageContext.request.contextPath}获取相对路径,可是最后路径变为:http://localhost:8080/TMIS/$%7BpageContext.request.contextPath%7D/static/LayUI/layui.all.js 如何解决呢? 在jsp...
  • 弹出层中,content : '/jilei_v1.0/loginSpecial/safety_manage.jsp', content属性是一个加载出来的页面时候,想要获得(子层)表单的数据可以用一下方法: 通过yes回调确认来获得。 第54行获得子层页面...
  • IDEA导入eclipse项目(ssm+layui的项目)成功编译但是运行404,找不到资源 ...由于这是eclipse的项目,然后不是原生idea写的,然后可能就是有一个原因,前端的资源包没到正确。就是如下图 来修...
  • 1:首先在jsp添加相关属性 这是添加这些属性的话,计算出的合计是当前页的累加合计,不符合我的需求 2:在后台方法中,写一个合计统计的sql,返回的数据结构如图所示 3:需要注意的是,你的合计数据totalRow里面的...
  • 获取$(pageContext.request.contextPath)在JS中,我发现不能直接引用这个,所以导致我最开始的JS全是写在JSP里面 ,代码非常的乱。在JSP中加一句&lt;input type="hidden" id="context" val....
  • 项目用到的是spring MVC+layui,我的jsp页面: ``` ;charset=UTF-8" language="java" pageEncoding="UTF-8" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 数据库列表 ()%>/...
  • 2017-11-06 博客Spring Boot系列八 spring boot集成jsp、restful接口、springmvc基本功能对应的git代码为tagv0.3 2017-09-17 博客 Spring Boot系列六 Spring boot集成mybatis、分页插件pagehelper对应的git代码为...
  • 这是JSP代码 ``` <div class="layui-col-xs4"> <label class="layui-form-label">申请现场联系人 <div class="layui-input-block"> ...
  • 而且我试过,如果跳转是原项目本来就有的jsp文件就能跳转进去。 问了别人,就只是说了一句地址错了,可具体什么错,没有说。 画圈的是我自己新建的jsp。 ![图片说明]...
  • 解决jsp界面没有滚动条的问题

    千次阅读 2019-11-01 11:26:05
    layUI的后台框架改写界面时发现,静态table的大小不是固定的,即height属性是变化的,这样导致没有滚动条,只能靠缩放来显示全部信息。 后来网上发现解决办法可以设置如下格式。用将表格嵌套里面 .h{ ...
  • 静态资源导入问题

    2019-07-12 16:44:49
    layui导入问题 前段时间写东西的时候导入layui时遇到了一些麻烦: 这是项目目录 css引用采用这种方式: <link rel="stylesheet" href="${pageContext....html里没问题 ,但是到了jsp里就加载不到,到web中...
  • 每个人用的框架不一样,绑定下拉框的过程多多少少也不一样,但是大都大不多。...上面是jsp页面,写from表单里面的, name这个字段属性,里面填写的是要绑定的表的字段; class和后面的则是本人框架所需样式;
  • 使用ssm框架的时候,用的是jsp页面,也没怎么写过ajax,form表单是直接action写的接口路径,input框和实体类对应上即可,但是由于Springboot再使用jsp的话,会比较麻烦,所以就开始写ajax了。分析一下没自动...
  • 前段时间做一个pdf操作的项目,现在分享一下在jsp中遇到的坑1.js动态拼接表格文件上传完毕后读取文件信息,将本次上传的文件信息封装到list中 从controller层传过来是map集合 map里面存了一个list和pages ajax获取...
  • easyui(入门)

    2019-07-29 03:01:22
    ui框架 1.easyui 2.bootstrap 3.layui 这里介绍easyui的组件 ...truee_data1.json可以到导入的easyui的demo去复制(一定要和jsp在同一级) [{ "id":1, "text":"dingjicaidan", "children":[{ ...
  • 情况:我要批量插入表格的数据,使用复选框,选中复选框时,怎么把该复选框的行的数据也取出来。 像这样,我要取出标题,作者等信息,咋取?这记一下。 jsp页面,我的表格是酱的,我要取fid,title,userid ...
  • 首先,先看一个项目前端用的什么框架,比如,dojo+jquery、vue+elementUI、jquery+layui,等等 一般一个网站系统 都会有一个主界面,包含 左侧菜单,顶部 header等,其他的子页面都是 嵌套 外面大的页面里面,...
  • "Quella"中译英为"杀手"的意思,亦有“杀人红尘中,脱身白刃”的感觉,正符合这个项目的意境。 1.2 特性 简单:将源码下载后,启动Redis服务,修改jdbc.properties 即可直接tomcat部署; 双视图:采用了Freemaker...
  • 编程的世界,该如何选择自己的技术栈呢。学前端?学 APP 开发?对于 Java、C++、C#、Python、PHP 又如何选择呢?人工智能现如今这么火,是不是机器学习、深度学习更高级一些呢?那么程序员又如何修炼内功呢? ...

空空如也

空空如也

1 2
收藏数 31
精华内容 12
关键字:

layui在jsp里