layui 弹出层里面添加表格数据

好文章需要耐心阅读…茶凡—Matrix

这里点击添加按钮会弹出一个弹出层，里面可以添加数据并提交。

type - 基本层类型，类型：Number，默认：0

layer官方提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。 若你采用*layer.open({type: 1})*方式调用，则type为必填项（信息框除外）。

layer弹层组件开发文档 - Layui

这里使用的 iframe 层。

參 在页面上添加一个按钮，点击按钮弹出弹出层

參定义一个表单页面，把它放在弹出层的 content 里面

注意

本文中采用的是 thymeleaf + springboot + java + layui 来创建的项目，如果单纯写html可能会有一些区别。

    
    
    
    









    

        
             新增
        
    

 把从表单获取的数据提交给后台，提交成功后就跳转到后台管理系统的主页面。

 这里重点就是监听表单数据 form.on() 方法，监听到数据后请求后端接口实现数据库删除效果。

    
    
    
	
	



	
	

		

			学生姓名
			

				
			
		

		

			学生学号
			

				
			
		
	 
	  

	    

	      立即提交
	      重置
	    
	  
	

后台的就不贴代码了，文章末尾可以获取

茶凡_Matrix仓亏地址：(CommuteRate: 通勤率后台初版 (gitee.com))