本篇文章教大家如何运用layui数据添加页面的前端布局，有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

layui数据添加页面的前端布局

1、在首页面增加一个学生信息添加，代码如下：

<title>学生信息添加</title>
      <script></script>
      <script></script>
      <link>

2、添加from表单

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

    

    姓名     

           

  

   

    学号     

           

  

  

    性别     

                  

  

  

    开关关     

           

  

  

    开关开     

           

  

  

    单选框     

                  

  

  

    请填写描述     

           

  

  

    

      立即提交       重置     

  

  

<script></script><script> layui.use('form',&nbsp;function(){ &nbsp;&nbsp;var&nbsp;form&nbsp;=&nbsp;layui.form; &nbsp;&nbsp; &nbsp;&nbsp;//&#21508;&#31181;&#22522;&#20110;&#20107;&#20214;&#30340;&#25805;&#20316;&#65292;&#19979;&#38754;&#20250;&#26377;&#36827;&#19968;&#27493;&#20171;&#32461; }); </script>

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！