boostrap模态框+iframe实现复杂页面弹出窗口

之前使用模态框，只能实现表单的显示，一直想实现复杂页面显示，现提供代码给各位

1. 调用菜单

<a id="roleMenu" class="btn btn-default" href="#" onclick="editMenuTree()">分配权限</a>

2.模态框显示，内置iframe 

<div class="modal fade" id="userAssignModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3>分配人员</h3>
            </div>
            <div class="modal-body">
                <iframe id="SelectUser" src="roles" style="width:870px;height:460px;">
                </iframe>
            </div>
            <div class="modal-footer">
                <input type="button" value="保存" class="btn btn-primary" id="saveUser"/>
            </div>
        </div>

    </div>
</div>

3. 菜单调用模态框显示 

<script>
//分配人员
     function assginUser()
     {

     $("#userAssignModal").modal('show');
     }
</script>

4.springboot后台controller调用用户界面

public class RoleFrontController {

    @Autowired
    RoleService roleSerivce;


    //从前端访问
    @RequestMapping("roles")
    public  String getRoleFront()
    {
        System.out.println("roles");
        return "role/roleFront";
    }
}

5. roleFront.html为系统的用户管理界面

最终模态框显示结果如下：