今天小编就为大家分享一篇Python django搭建layui提交表单,表格,图标的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
利用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”
<title>layui</title> <div style="width: 650px"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px"> <legend>表单集合练习</legend></fieldset> {# #} {# 方框风格的表单集合 #} {% csrf_token %} <div class="layui-form-item"> <label class="layui-form-label layui-bg-red">标题</label><div class="layui-input-block"> </div></div><div class="layui-form-item"> <label class="layui-form-label layui-bg-blue">用户名</label><div class="layui-input-block"> </div></div><div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label layui-bg-orange">手机号码</label><div class="layui-input-inline"> </div></div><div class="layui-inline"> <label class="layui-form-label layui-bg-orange">邮箱地址</label><div class="layui-input-inline"> </div></div></div><div class="layui-form-item" align="center"> <div class="layui-input-block"> <button class="layui-btn layui-btn-normal layui-btn-radius">立即提交</button><button type="reset" class="layui-btn layui-btn-danger layui-btn-radius">重置</button></div></div></div>
第二步：在templates目录下新建一个table.html文件用于接收用户提交数据
<title>layui</title> <div style="width: 650px"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px"> <legend>表格练习(用户提交数据)</legend></fieldset><table class="layui-table"> <colgroup> <col width="150"><col width="200"><col></colgroup><thead> <tr class="layui-bg-red"> <th>标题</th><th>用户名</th><th>手机号码</th><th>邮箱地址</th></tr></thead><tbody> <tr> <td>{{ title }}</td><td>{{ username }}</td><td>{{ phone }}</td><td>{{ email }}</td></tr></tbody></table></div>
第三步：在views里定义如下函数，index用于显示首页信息，get_mas用户接收用户提交同时返回数据
from django.shortcuts import render from django.http import HttpResponse def index(request): return render(request, 'index.html') def get_mas(request): if request.method == "POST": title = request.POST['title'] username = request.POST['username'] phone = request.POST['phone'] email = request.POST['email'] return render(request, 'table.html', {'title': title, 'username': username, 'phone': phone, 'email': email}) else: return HttpResponse('<h1>非法操作！</h1>')
第四步：定义路由
from django.contrib import admin from django.urls import path from django.conf.urls import url from web import views urlpatterns = [ path('admin/', admin.site.urls), url(r'^$', views.index), url(r'^get_mas/$', views.get_mas), ]
实现
表单：
表格：
以上这篇Python django搭建layui提交表单,表格,图标的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持gaodaima搞代码网。
以上就是Python django搭建layui提交表单,表格,图标的实例的详细内容，更多请关注gaodaima搞代码网其它相关文章！
转载请注明原文链接：Python django搭建layui提交表单,表格,图标的实例
