python与html5数据交互,python使用html开发界面

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: