1. 程式人生 > >ssm後臺獲取layui表單資料(簡單例項)

ssm後臺獲取layui表單資料(簡單例項)

引言:我在開發中,想通過layui表單把裡面的資料或者這個jsp頁面的一些其他屬性值傳遞 給Controller,但發現傳不過去,所以只能通過表單提交,發現網上有很少的例子,特寫下部落格記載這個過程,我這個提交的 資料不多,也比較簡單,希望給那些迷茫的朋友指一條明路。

程式碼如下:

1、表單

 <div class="layui-row" id="option3" >
            <div class="layui-col-md10">
                <form class="layui-form" action="" method="post" id="Optionform">
                    <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="optionName" name="optionName" id="optionName" class="layui-input">
                        </div>
                    </div>
                  
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button lay-submit="" type="submit" class="layui-btn layui-btn tijiao">立即提交</button>
                        </div>
                    </div> 
                </form>
            </div>
        </div>

2、layui監聽表單

<script>


function addOption() {//彈出一個表單
    //頁面層
    layer.open({
    type: 1,
    skin:'optionCss',//自定義表單css樣式
    area: ['400px', '250px'], //寬高
    content: $("#option3") //調到要彈出的表單
    });
    }
layui.use(['layer','form'],function(){
     var layer=layui.layer;
    var form=layui.form;      

         });   

</script>

3、後臺程式碼

@RequestMapping("/questionnaire/addOption")
    public String addOption(@ModelAttribute Option option,String optionName,HttpServletRequest request,Integer topicId,Model model)throws Exception {
        System.out.println("yes22"+topicId);
        option.setOptionName(request.getParameter("optionName");
        option.setTopicId(topicId);
        System.out.println(optionName+"yes33");
        optionService.insert(option);
        System.out.println("新增成功!");
       /* PageHelper.startPage(1,15);

        PageInfo<Option> pageInfo=new PageInfo<Option>(list,15);
          model.addAttribute("pageInfo", pageInfo);*/這個是分頁,


        return "ok“;//返會一個字串,如果像跳轉到指定頁面,也可以。
    }

4、效果圖