脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 脚本专栏 → python → Django之PopUp的具体实现

Django之PopUp的具体实现方法

 更新时间：2019年08月31日 16:40:30   作者：Quincy379  
今天小编就为大家分享一篇Django之PopUp的具体实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

步骤一：index页面处理

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>首页</title>
</head>
<body>
<div id="hhh">hello</div>
<a href="" onclick=" rel="external nofollow" punch('/pop/')">点我点我</a>
</body>
<script>
  function punch(url) {
    window.open(url,url,"status=1,width:500,height:600,toolbar=0,resizeable=0")
  }
  function callbackns(text) {
    document.getElementById('hhh').innerText = text
  }
</script>
</html>

步骤二：配置路由

urlpatterns = [
  path('admin/', admin.site.urls),
  path('index/', views.index),
  path('pop/', views.pop),
]

步骤三：视图函数

from django.shortcuts import render


# Create your views here.
def index(request):
  """
  :param request:
  :return:
  """
  return render(request, 'test1.html')


def pop(request):
  """
  :param request:
  :return:
  """
  if request.method == 'GET':
    return render(request, 'test2.html')
  else:
    text = request.POST.get('content')

    return render(request, 'test3.html', {'text': text})

步骤四：构建一个前端页面

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>pop页面</title>
</head>
<body>
<form action="" method="post">
  {% csrf_token %}
  <input type="text" name="content">
  <input type="submit" value="提交">
</form>
</body>
</html>

步骤五：自执行函数处理

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>正在关闭...</title>
</head>
<body>
<script>

  (function () {
    opener.callbackns("{{ text }}");
    window.close()
  })()

</script>
</body>
</html>

步骤六：关闭当前窗口并执行

function callbackns(text) {
  document.getElementById('hhh').innerText = text
 }

以上这篇Django之PopUp的具体实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • pycharm查看变量值的4种方法汇总

    pycharm查看变量值的4种方法汇总

    因为Python是脚本语言,不会进行编译,所以只有执行到那一行,才能知道那个变量的类型,下面这篇文章主要给大家介绍了关于pycharm查看变量值的4种方法,需要的朋友可以参考下
    2022-04-04
  • Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法

    Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法

    这篇文章主要介绍了Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法，本文代码实例图文相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07
  • 利用tkinter改变下拉列表(Combobox)的选项值

    利用tkinter改变下拉列表(Combobox)的选项值

    这篇文章主要介绍了利用tkinter改变下拉列表(Combobox)的选项值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-01-01
  • 详解Python3之数据指纹MD5校验与对比

    详解Python3之数据指纹MD5校验与对比

    这篇文章主要介绍了Python3之数据指纹MD5校验与对比，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • 使用Python在Word中查找并高亮指定文本

    使用Python在Word中查找并高亮指定文本

    当你需要在长文档或报告中快速找到特定的关键词或短语,Word中提供的查找并高亮这一功能可以帮助你迅速定位这些内容,本文将介绍如何使用Python在Word中查找并突出显示指定的文本,需要的朋友可以参考下
    2024-03-03
  • 一文详解Python中Reduce函数轻松解决复杂数据聚合

    一文详解Python中Reduce函数轻松解决复杂数据聚合

    这篇文章主要为大家介绍了Python中Reduce函数轻松解决复杂数据聚合示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • 使用Python实现全能手机虚拟键盘的示例代码

    使用Python实现全能手机虚拟键盘的示例代码

    在数字化办公时代,你是否遇到过这样的场景：会议室投影电脑突然键盘失灵、躺在沙发上想远程控制书房电脑、或者需要给长辈远程协助操作？今天我要分享的Python全栈项目,只需30行核心代码就能让手机变身全能虚拟键盘！本文将深度解析技术实现,并附完整可运行代码
    2025-04-04
  • 几款Python编译器比较与推荐(小结)

    几款Python编译器比较与推荐(小结)

    这篇文章主要介绍了几款Python编译器比较与推荐(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • python实现文件分组复制到不同目录的例子

    python实现文件分组复制到不同目录的例子

    这篇文章主要介绍了python实现文件按组复制到不同目录的例子,需要的朋友可以参考下
    2014-06-06
  • Python中__new__()方法适应及注意事项详解

    Python中__new__()方法适应及注意事项详解

    这篇文章主要介绍了Python中__new__()方法适应及注意事项的相关资料,new()方法是Python中的一个特殊构造方法,用于在创建对象之前调用,并负责返回类的新实例,它与init()方法不同,需要的朋友可以参考下
    2025-03-03

最新评论