SSM框架JSP使用Layui实现layer弹出层

最近做的系统里，使用layui当作前端的框架，就是用了layui自带的layer弹出层，效果图如下。

首先，导入layui需要的css，js文件，这个就不需要多说了。但是有关键的一步必须要做，也是许多新手会常犯的错误，就是没有预定义layui的form和layer，导致表单和弹出层不显示。
下面是layui的预定义。

layui.use(['jquery', 'table', 'layer', 'form'], function() {
   
        // 加载layui模块，使用其推荐的【预先加载】方式，详见官网【模块规范】一节
        var $ = layui.$;
        var table = layui.table;
        var layer = layui.layer;
        var form = layui.form;

定义完之后可以先写layer弹出层的表单样式，下面是我的layer弹出层表单样式。

<!-- 更新会议弹出层 -->
<div id="update-layer" style="display: none; padding: 20px">
    <form id="update-form" class="layui-form layui-form-pane" lay-filter="update-form">
        <div class="layui-form-item" style="display: none;">
            <label class="layui-form-label">ID</label>
            <div class="layui-input-block">
                <input type="text" name="id" class="layui-input" readonly>
            </div>
        </div>
        <div class