利用Python django搭建layui提交表单，表格，图标

最新推荐文章于 2024-08-12 09:01:36 发布

Luzaofa

最新推荐文章于 2024-08-12 09:01:36 发布

阅读量6.8k

点赞数 1

文章标签： layui django 表单

本文链接：https://blog.csdn.net/Luzaofa/article/details/80812415

版权

本文介绍了如何结合layui和Python的Django框架来创建独特的感谢表单和数据表格。通过在layui官网上获取代码并自定义div布局，可以轻松调整表单样式。同时，详细阐述了新建HTML文件、视图函数定义以及路由设置的步骤，展示了最终的表单和表格效果。

摘要由CSDN通过智能技术生成

利用layui制作与众不同的感谢表单，表格

layui极大的提高了前端开发效率，它极具个性的样式等等都非常吸引人，接下来我将为大家展示如何利用Python的django框架与layui制作极富个性的表单与数据表格

注：忽略创建项目，配置文件，若这部分内容不太明白，参考教你亲手用Django搭建一个基金模拟交易系统，里面会教你从项目创建到最终运行的完整流程。

第一步：在templates目录下新建一个index.html文件（文件内容根据自己的业务需求在layui官网复制即可），同时改变其布局只需将form标签放到一个自定义div内，若要更改其标签颜色只需将内置的背景色CSS类添加到lable标签class即可，如：

<label class="layui-form-label layui-bg-orange">

赤色：class=”layui-bg-red”
橙色：class=”layui-bg-orange”
墨绿：class=”layui-bg-green”
藏青：class=”layui-bg-cyan”
雅黑：class=”layui-bg-black”

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../static/layui/css/layui.css"  media="all">
</head>
<body>

<div style="width: 650px; position: relative; left:25%;">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px">
      <legend>表单集合练习</legend>
    </fieldset>
{#    <form class="layui-form" action="">#}
    <form class="layui-form layui-form-pane" action="/get_mas/" method="post">  {# 方框风格的表单集合 #}
      {%