广告
返回顶部
首页 > 资讯 > 后端开发 > Python >python:前端(HTML)+后端(D
  • 855
分享到

python:前端(HTML)+后端(D

后端pythonHTML 2023-01-31 00:01:05 855人浏览 泡泡鱼

Python 官方文档:入门教程 => 点击学习

摘要

1、创建一个html文件用于简单的网页注册demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

1、创建一个html文件用于简单的网页注册demo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<!--表单域,action用于将获取的到信息提交到后台地址-->
<fORM action="save" method="get"> <span> 用户:<input type="text" name="username"> </span> <br> <span> 密码:<input type="passWord" name="password"> </span> <br> <span> <input type="submit" name="submit1" value="注册"> </span> </form> </body> </html>

 

2、创建一个html文件用于简单的网页登录demo

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<form action="query" method="get">
    <span>
        用户:<input type="text" name="username">
    </span>
    <br>
    <span>
        密码:<input type="password" name="password">
    </span>
    <br>
    <span>
        <input type="submit" name="submit1" value="登录">
    </span>

</form>
</body>
</html>

 

 

 3、创建一个Django项目,并将刚才的两个html文件放入template模板文件夹中

 

4、打开DjanGo项目下默认生成的urls.py文件,进行一些业务功能的编辑

"""Django01 URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/2.1/topics/Http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from django.shortcuts import render
from django.shortcuts import HttpResponse
import pyMysql
#登录页面
def login(request):
    #指定要访问的页面,render的功能:讲请求的页面结果提交给客户端
    return render(request,'login.html')
#注册页面
def regiter(request):
    return render(request,'regiter.html')
#定义一个函数,用来保存注册的数据
def save(request):
    has_regiter = 0#用来记录当前账号是否已存在,0:不存在 1:已存在
    a = request.GET#获取get()请求
    #print(a)
    #通过get()请求获取前段提交的数据
    userName = a.get('username')
    passWord = a.get('password')
    #print(userName,passWord)
    #连接数据库
    db = pymysql.connect('127.0.0.1','root','123','db2')
    #创建游标
    cursor = db.cursor()
    #sql语句
    sql1 = 'select * from user1'
    #执行SQL语句
    cursor.execute(sql1)
    #查询到所有的数据存储到all_users中
    all_users = cursor.fetchall()
    i = 0
    while i < len(all_users):
        if userName in all_users[i]:
            ##表示该账号已经存在
            has_regiter = 1

        i += 1
    if has_regiter == 0:
        # 将用户名与密码插入到数据库中
        sql2 = 'insert into user1(username,password) values(%s,%s)'
        cursor.execute(sql2,(userName,passWord))
        db.commit()
        cursor.close()
        db.close()
        return HttpResponse('注册成功')
    else:

        cursor.close()
        db.close()
        return HttpResponse('该账号已存在')

def query(request):
    a = request.GET
    userName = a.get('username')
    passWord = a.get('password')
    user_tup = (userName,passWord)
    db = pymysql.connect('127.0.0.1','root','123','db2')
    cursor = db.cursor()
    sql = 'select * from user1'
    cursor.execute(sql)
    all_users = cursor.fetchall()
    cursor.close()
    db.close()
    has_user = 0
    i = 0
    while i < len(all_users):
        if user_tup == all_users[i]:
            has_user = 1
        i += 1
    if has_user == 1:
        return HttpResponse('登录成功')
    else:
        return HttpResponse('用户名或密码有误')
urlpatterns = [
    path('admin/', admin.site.urls),#系统默认创建的
    path('login/',login),#用于打开登录页面
    path('regiter/',regiter),#用于打开注册页面
    path('regiter/save',save),#输入用户名密码后交给后台save函数处理
    path('login/query',query)#输入用户名密码后交给后台query函数处理

]

 

5、运行整个Django项目,访问相应的url

数据库数据情况:

 

 

后台状态信息

再次查看数据库数据:

6、再次进行登录操作,打开登录的url

 

 

测试一个用户名错误情况:

 

--结束END--

本文标题: python:前端(HTML)+后端(D

本文链接: https://www.lsjlt.com/news/182112.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • python:前端(HTML)+后端(D
    1、创建一个html文件用于简单的网页注册demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
    99+
    2023-01-31
    后端 python HTML
  • python属于前端还是后端
    Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用,无论是构建交互性强的前端界面,还是构建可扩展高性能的后端系统,Python都是一个强大而受欢迎的选择。Python是一种通用编程语言,既可以用于...
    99+
    2023-08-14
  • golang是前端还是后端
    golang是一种通用的编程语言,可以用于前端和后端开发。golang具有高效、简洁、并发安全等特点,适用于构建各种类型的应用程序。在后端开发中,Golang常被用于构建高性能的服务器端应用程序和网络服务。同时,也可以用于前端开发,例如使用...
    99+
    2023-10-26
    go语言 Golang
  • django是前端还是后端
    django是后端。详细介绍:尽管Django主要是一个后端框架,但它与前端开发密切相关。通过Django的模板引擎、静态文件管理和RESTful API等功能,前端开发人员可以与后端开发人员协作,共同构建功能强大、可扩展的Web应用程序。...
    99+
    2023-11-21
    django Django框架
  • 硬杠后端(后端坑系列)——Django前
    Django是一个开放源代码的Web应用框架,由Python写成,采用了MVC的框架模式. MVC MVC是一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改造和个性化定制界面及用户交互...
    99+
    2023-01-31
    后端 系列 Django
  • python前端HTML和CSS入门
    前端阶段课程介绍1 ~ 4 : HTML及CSS5 ~ 6 : JavaScript 7 ~ 10 : jQuery 00-知识点预习1、HTML基本结构2、HTML的常用标签3、...
    99+
    2023-01-31
    入门 python HTML
  • Spring Boot前后端分离之后端开发
    Spring Boot前后端分离开发之后端开发 前后端分离开发概述相关术语前后端分离开发概述 接口规范RESTful API的理解RESTful风格的特点URI规范路径请求方式...
    99+
    2023-09-04
    spring boot 后端 java
  • day 44 前端HTML
        Web服务本质  import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True...
    99+
    2023-01-31
    day HTML
  • 前后端分离djangorestframe
    关于验证码部分,在我这篇文章里说的挺详细的了:Python高级应用(3)—— 为你的项目添加验证码   这里还是再给一个前后端分离的实例,因为极验官网给的是用session作为验证的,而我们做前后端分离的用的是token,而不是sessi...
    99+
    2023-01-30
    后端 djangorestframe
  • thinkPHP5前后端分离
    thinkPHP5前后端分离 环境配置并运行起thinkphp安装小皮面板安装phpstorm配置thinkPHP5将文件放入适当位置修改Nginx配置修改配置和伪静态 跨域前端 ...
    99+
    2023-10-11
    php 前端 nginx 1024程序员节
  • 后端和前端有什么区别
    1、定义不同 前端统称为”客户端开发“,在应用程序或网站的屏幕上看到的所有内容,都是由浏览器解析、处理、渲染相关HTML、CSS、JAVA文件后呈现出来,都属于前端的工作范畴。 后端称为“服务器端开发”,属于在系统“后面”所发生的事情。在后...
    99+
    2023-10-29
    有什么区别 后端
  • javascript属于前端还是后端的
    小编给大家分享一下javascript属于前端还是后端的,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!javascript是前端。javascript是前端开发语...
    99+
    2023-06-14
  • 前端与后端传递数据 — — JSON
    前端与后端传递数据 — — JSON 1 前端传送JSON数据给后端 1.1 application/x-www-form-urlencoded默认格式 1.1.1 通过HttpServletReq...
    99+
    2023-10-27
    json 前端 java Content-Type
  • 详解Python flask的前后端交互
    目录前端index.htmlscript.js后端app.py总结场景:按下按钮,将左边的下拉选框内容发送给后端,后端再将返回的结果传给前端显示。 按下按钮之前: 按下按钮之后: ...
    99+
    2022-11-13
  • 前后端分离之VueJS前端的示例分析
    这篇文章给大家分享的是有关前后端分离之VueJS前端的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。前言前端用什么框架都可以,这里选择小巧的vuejs。要实现的功能很简单...
    99+
    2022-10-19
  • Vue之前端体系与前后端分离详解
    目录概述前端知识体系前端三要素表现层(CSS)行为层(JavaScript)JavaScript 框架 UI框架JavaScript 构建工具三端统一混合开发(Hybrid...
    99+
    2022-11-12
  • Java前后端的JSON传输方式(前后端JSON格式转换)
    目录JSON 数据简介一、后端将 Java 对象、JSONObject 转换为 JSON 字符串格式二、前端 Javascript 对象与 JSON 字符串格式的转换总结JSON 数...
    99+
    2023-05-14
    Java JSON JSON传输 JSON格式转换
  • Web前端和后端有哪些区别
    小编给大家分享一下Web前端和后端有哪些区别,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Web前端和后端的区别是什么如何区分从...
    99+
    2022-10-19
  • Vue前端后端的交互方式 axios
    目录语法数据请求封装前言: 大家都知道,只要进行数据交互,肯定就要去请求接口,数据请求的方式有vue-resource axios fetch等方式进行数据集请求...
    99+
    2022-11-13
  • vue框架是前端还是后端的
    vue框架是属于前端的,现在vue一般都是指vue.js,vue-router,vuex的统称,它是一套构建web用户界面的渐进式框架,能够让基于网页的前端应用程序开发起来更加方便,可以对数据进行双向绑定,并且使用vue编写出来的界面效果都...
    99+
    2022-10-06
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作