python与html5数据交互,python使用html开发界面
最近项目中采用了前端分离的技术,感觉有必要给大家总结一下。所以下面这篇文章主要介绍python html实现前端和后端数据交互界面显示的相关信息,有需要的朋友可以参考一下。
00-1010前言1.python开发工具2 .项目创建摘要
目录
刚开始学习如何将python后端和html前端结合起来。现在我写博客记录下来。我用的是前后端不分离的形式。
不用多说,我们先实现一个简单的计算函数。前端输入计算的数据,后端计算结果,并将结果返回前端显示。
前言
我选择了pycharm专业版,因为社区版无法创建django程序。
1.python开发工具
步骤1:打开pycharm并创建一个django程序
蓝色圆圈是自定义名称。点击右下角的create来创建一个django项目。
如下图,圈出来的名字对应上图。
第二步:写后端代码。
在博客文件夹下的views.py中编写以下代码:
从django.shortcuts导入渲染
自算进口吉算
#在此创建您的观点。
定义计算(请求):
返回render(请求, hello.html )
定义显示(请求):
x=请求。POST.get(x )
y=请求。POST.get(y )
result=Ji suman(x,y)
返回render(request, result.html ,{result: result})
在csdn文件夹下的urls.py中添加以下两行粗体代码。
从django.shortcuts导入渲染
自算进口吉算
#在此创建您的观点。
定义计算(请求):
返回render(请求, hello.html )
定义显示(请求):
x=请求。POST.get(x )
y=请求。POST.get(y )
result=Ji suman(x,y)
返回render(request, result.html ,{result: result})
用以下内容创建一个新的calculate.py文件:
def计算(x,y):
x=int(x)
y=int(y)
返回(x y)
第三步:写前端代码。
(1)hello.html数据输入页面,内容是:
!声明文档类型
html lang=en
头
meta charset=UTF-8
标题标题/标题
/头
身体
form method= post action=/get data/
{% csrf_token %}
type= text name= x placeholder=请输入x/br
type= text name= y placeholder=请输入ybr
输入类型=提交值=计算
/表单
/body
/html
(2)返回result.html页面的结果,内容是:
!声明文档类型
html lang=en
头
meta charset=UTF-8
标题标题/标题
/头
身体
H1 style=color:blue 计算结果为{{ result }}/h1
/body
/html
第四步:启动后台程序。
在浏览器地址栏输入http://127.0.0.1:8000/jisuan。
回车进入数据录入页面。
我们输入x=10和y x=10,y=20。
点击计算按钮跳转到页面并显示计算结果。
好了,一个简单的django项目完成了。
如果要执行复杂的计算,可以在calculate.py中编写更复杂的函数
来源链接:django学习,前后不分。
2.项目创建
关于python html实现前端和后端数据交互界面展示的这篇文章到此为止。关于python html前端和后端数据交互的更多信息,请搜索热门IT软件开发工作室之前的文章或者继续浏览下面的相关文章。希望大家以后多多支持热门IT软件开发工作室!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。