Python django搭建layui提交表单,表格,图标的实例

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

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

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

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

赤色：class=”layui-bg-red”

橙色：class=”layui-bg-orange”

墨绿：class=”layui-bg-green”

藏青：class=”layui-bg-cyan”

雅黑：class=”layui-bg-black”

 
 
 
 
 
 




 

  
表单集合练习
 
{# 

第二步：在templates目录下新建一个table.html文件用于接收用户提交数据

 
 
 
 
 
 





 

  
表格练习(用户提交数据)
 
  

  
   
   
   
  
  

   

   
标题
   
用户名
   
手机号码
   
邮箱地址
   
  
  

   

   
{{ title }}
   
{{ username }}
   
{{ phone }}
   
{{ email }}
   
  
  

第三步：在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('非法操作！')

第四步：定义路由

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提交表单,表格,图标的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。