好资源导航 » 文章资讯 » Python django搭建layui提交表单,表格,图标的实例

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

2023-08-08 16:40:07 59

利用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”





layui









表单集合练习

{##}
{#方框风格的表单集合#}
{%csrf_token%}

标题

用户名

手机号码

邮箱地址

立即提交重置

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





layui










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









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




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

第三步：在views里定义如下函数，index用于显示首页信息，get_mas用户接收用户提交同时返回数据

fromdjango.shortcutsimportrender
fromdjango.httpimportHttpResponse


defindex(request):
returnrender(request,'index.html')

defget_mas(request):
ifrequest.method=="POST":
title=request.POST['title']
username=request.POST['username']
phone=request.POST['phone']
email=request.POST['email']
returnrender(request,'table.html',{'title':title,'username':username,'phone':phone,'email':email})
else:
returnHttpResponse('非法操作！')

第四步：定义路由

fromdjango.contribimportadmin
fromdjango.urlsimportpath
fromdjango.conf.urlsimporturl
fromwebimportviews

urlpatterns=[
path('admin/',admin.site.urls),
url(r'^$',views.index),
url(r'^get_mas/$',views.get_mas),
]

实现效果图如下：

表单：

表格：

以上这篇Pythondjango搭建layui提交表单,表格,图标的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

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

非法操作！

热门推荐

随机推荐