当前位置: 首页 > 编程日记 > 正文

第15章节-Python3.5-Django实现用户登录与前端交互2 14

目的我想登陆成功后显示我的后台管理(实现过程):

新建home.html 在templates目录下代码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body style="margin: 0"><div style="height: 48px;background-color: #dddddd"></div><div><table><tr><td>js</td><td>女</td><td>alex123@163.com</td></tr><tr><td>bs</td><td>女</td><td>alex456@163.com</td></tr><tr><td>cs</td><td>男</td><td>alex123@qq.com</td></tr></table></div></body>
</html>
image.png
  • 然后在urls.py 添加以下代码:
from django.conf.urls import url
from django.contrib import admin
from cmdb import viewsurlpatterns = [url(r'^admin/', admin.site.urls),# url(r'h.html/', views.home),url(r'^login', views.login),url(r'^home', views.home),
]
image.png
image.png
  • 修改 views.py 代码如下:
from django.shortcuts import render# Create your views here.
from django.shortcuts import HttpResponse
from django.shortcuts import render
# 重定向
from django.shortcuts import redirectdef login(request):# 包含用户提交的所有信息# 获取用户提交方法# print(request.method)# 判断用户名和密码error_msg = ""if request.method == "POST":# 获取用户通过POST提交过来的数据(用户不存在返回None)user = request.POST.get('user',None)pwd = request.POST.get('pwd',None)if user == 'root' and pwd == "123":# 去跳转到(重定向)return redirect('/home')else:# 用户密码不正确error_msg = "用户名或密码错误"# user = request.POST['user']# pwd = request.POST['pwd']# print(user,pwd)return render(request, 'login.html', {'error_msg': error_msg})def home(request):return render(request, 'home.html')# def login(request):
#     # f = open('templates/login.html', 'r', encoding='utf-8')
#     # date = f.read()
#     # f.close()
#     # return HttpResponse(date)
#     return render(request,'login.html')# def home(request):
#     return HttpResponse('<h1>CMDB</h1>')
image.png
image.png
  • 效果图:


    image.png

django使用for循环

  • 修改views.py:
from django.shortcuts import render# Create your views here.
from django.shortcuts import HttpResponse
from django.shortcuts import render
# 重定向
from django.shortcuts import redirectdef login(request):# 包含用户提交的所有信息# 获取用户提交方法# print(request.method)# 判断用户名和密码error_msg = ""if request.method == "POST":# 获取用户通过POST提交过来的数据(用户不存在返回None)user = request.POST.get('user',None)pwd = request.POST.get('pwd',None)if user == 'root' and pwd == "123":# 去跳转到(重定向)return redirect('/home')else:# 用户密码不正确error_msg = "用户名或密码错误"# user = request.POST['user']# pwd = request.POST['pwd']# print(user,pwd)return render(request, 'login.html', {'error_msg': error_msg})USER_LIST = [{'username':'alex','email':'asdfasdf',"gender":'男'},
]
for index in range(20):temp = {'username':'alex'+str(index),'email':'asdfasdf',"gender":'男'}USER_LIST.append(temp)def home(request):return render(request, 'home.html',{'user_list': USER_LIST})# def login(request):
#     # f = open('templates/login.html', 'r', encoding='utf-8')
#     # date = f.read()
#     # f.close()
#     # return HttpResponse(date)
#     return render(request,'login.html')# def home(request):
#     return HttpResponse('<h1>CMDB</h1>')
image.png
  • 修改urls.py :
from django.conf.urls import url
from django.contrib import admin
from cmdb import viewsurlpatterns = [url(r'^admin/', admin.site.urls),# url(r'h.html/', views.home),url(r'^login', views.login),url(r'^home', views.home),
]
image.png
  • 修改 home.html :
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body style="margin: 0"><div style="height: 48px;background-color: #dddddd"></div><div><table><!--django支持 for 循环,与Python不一样,这是模板语言for循环 有开头就有结尾 endfor-->{% for row in user_list %}<tr><td>js</td><td>女</td><td>alex123@163.com</td></tr>{% endfor %}</table></div></body>
</html>
image.png
  • 效果图:


    image.png

另一种修改:

  • views.py和urls.py 代码同上不修改
  • home.html 代码如下:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body style="margin: 0"><div style="height: 48px;background-color: #dddddd"></div><div><table><!--django支持 for 循环,与Python不一样,这是模板语言for循环 有开头就有结尾 endfor-->{% for row in user_list %}<tr><td>{{ row.username }}</td><td>{{ row.gender }}</td><td>{{ row.email }}</td></tr>{% endfor %}</table></div></body>
</html>
image.png
  • 效果图:


    image.png

获取用户输入数据展示:

image.png
  • 修改 views.py:
from django.shortcuts import render# Create your views here.
from django.shortcuts import HttpResponse
from django.shortcuts import render
# 重定向
from django.shortcuts import redirectdef login(request):# 包含用户提交的所有信息# 获取用户提交方法# print(request.method)# 判断用户名和密码error_msg = ""if request.method == "POST":# 获取用户通过POST提交过来的数据(用户不存在返回None)user = request.POST.get('user',None)pwd = request.POST.get('pwd',None)if user == 'root' and pwd == "123":# 去跳转到(重定向)return redirect('/home')else:# 用户密码不正确error_msg = "用户名或密码错误"# user = request.POST['user']# pwd = request.POST['pwd']# print(user,pwd)return render(request, 'login.html', {'error_msg': error_msg})USER_LIST = [{'username':'alex','email':'asdfasdf',"gender":'男'},{'username':'alex','email':'asdfasdf',"gender":'男'},{'username':'alex','email':'asdfasdf',"gender":'男'},
]
# for index in range(20):
#     temp = {'username':'alex'+str(index),'email':'asdfasdf',"gender":'男'}
#     USER_LIST.append(temp)def home(request):if request.method == "POST":# 获取用户提交的数据 POST 请求中u = request.POST.get('username')e = request.POST.get('email')g = request.POST.get('gender')temp = {'username': u, 'email': e, "gender": g}USER_LIST.append(temp)return render(request, 'home.html',{'user_list': USER_LIST})# def login(request):
#     # f = open('templates/login.html', 'r', encoding='utf-8')
#     # date = f.read()
#     # f.close()
#     # return HttpResponse(date)
#     return render(request,'login.html')# def home(request):
#     return HttpResponse('<h1>CMDB</h1>')
image.png
  • 修改 home.html
    placeholder能在输入显示自己所写的内容(如效果图)
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body style="margin: 0"><div style="height: 48px;background-color: #dddddd"></div><div><form action="/home" method="post"><input type="text" name="username" placeholder="用户名"><input type="text" name="email" placeholder="邮箱"><input type="text" name="gender" placeholder="性别"><input type="submit" value="添加"></form></div><div><table><!--django支持 for 循环,与Python不一样,这是模板语言for循环 有开头就有结尾 endfor-->{% for row in user_list %}<tr><td>{{ row.username }}</td><td>{{ row.gender }}</td><td>{{ row.email }}</td></tr>{% endfor %}</table></div></body>
</html>
image.png
image.png
  • 效果图:


    image.png
image.png

相关文章:

【GLib】GLib学习笔记(一):GLib、GObject、GType

1、GLib GLib是 Gtk 库和 Gnome 的基础。glib 可以在多个平台下使用&#xff0c;比如 Linux、Unix、Windows 等。GLib为许多标准的、常用的 C 语言结构提供了相应的替代物。 GLib是GTK的基础库&#xff0c;它由基础类型、对核心应用的支持、实用功能、数据类型和对象系统五个…

tomcat配置tomcat-redis-session-manager

为什么80%的码农都做不了架构师&#xff1f;>>> 今天写了半天程序&#xff0c;有点乏了。想想来配置一下tomcat-redis-session-manager吧&#xff0c;但是按照 官方文档配了总是tomcat启动错误。 java.lang.NoClassDefFoundError: org/apache/commons/pool/impl/Ge…

链式比较、奇怪的字母、有趣的import...Python冷知识(六)

本文转载自Python编程时光&#xff08;ID:Python-Time&#xff09;冷知识系列&#xff0c;已经更新至第六篇。谈谈 Python 那些不为人知的冷知识&#xff08;一&#xff09;谈谈 Python 那些不为人知的冷知识&#xff08;二&#xff09;谈谈 Python 那些不为人知的冷知识&#…

【GLib】GLib学习笔记(二):源码编译

一、源码下载 http://ftp.acc.umu.se/pub/GNOME/sources/glib/本人下载是最新版本(截至2020-08-26)&#xff1a;glib-2.65.2.tar.xz 二、安装依赖 1、安装依赖库 sudo apt install cmake sudo apt install zlib1g-dev sudo apt install meson sudo apt install ninja sudo …

java之类和对象

概述 面向过程&#xff1a;面向过程主要是把问题分解成多个不同的步骤&#xff0c;然后把各个步骤变成方法&#xff0c;它更强调过程。代表语言&#xff1a;c 面向对象&#xff1a;面向对象会把问题分解成各个对象&#xff0c;然后各个对象之间进行交互&#xff0c;每个对象内部…

【GLib】GLib学习笔记(三):gtypes、garray、gerror、goption

1、类型&#xff1a;glib/gtypes.h 1.1 基本类型&#xff1b; typedef char gchar; typedef short gshort; typedef long glong; typedef int gint; typedef gint gboolean;typedef unsigned char guchar; typedef unsigned short gushort; typedef unsigned lo…

Bert时代的创新:Bert应用模式比较及其它 | 技术头条

作者&#xff1a;张俊林&#xff0c;中国中文信息学会理事&#xff0c;中科院软件所博士。目前在新浪微博 AI Lab 担任资深算法专家。在此之前&#xff0c;张俊林曾经在阿里巴巴任资深技术专家并负责新技术团队&#xff0c;以及在百度和用友担任技术经理及技术总监等职务。他是…

HashSet 详解

为什么80%的码农都做不了架构师&#xff1f;>>> package com.sun;/* |——SortedSet接口——TreeSet实现类 Set接口——|——HashSet实现类|——LinkedHashSet实现类 HashSet 此类实现 Set 接口&#xff0c;由哈希表&#xff08;实际上是一个 HashMap 实例&#…

肖仰华:知识图谱落地,不止于“实现”

作者 | Just出品 | AI科技大本营&#xff08;ID:rgznai100&#xff09;“知识将比数据更重要&#xff0c;得知识者得天下”&#xff0c;去年十月&#xff0c;在 CSDN 对肖仰华教授的一篇约稿里&#xff0c;他指出数据的真正价值蕴含于其深加工的知识中。从 Google 于 2012 年提…

【摄像头】摄像头相关名词解释

1、白平衡 白平衡,字面上的理解是白色的平衡。白平衡是描述显示器中红、绿、蓝三基色混合生成后白色精确度的一项指标。 那什么是白色?这就涉及到一些色彩学的知识,白色是指反射到人眼中的光线由于蓝、绿、红三种色光比例相同且具有一定的亮度所形成的视觉反应。我们都知道…

金额跳动动画效果

前言 金额效果&#xff0c;因为觉得公司目前的金额太乏味&#xff0c;决定加点效果&#xff0c;也特此写了个小demo&#xff0c;代码非常简单&#xff0c;贴代码方便大家看看 通过 runtime 建立属性(setter/getter方法) /** 由于分类中要添加属性&#xff0c;所以通过runtime方…

POJ 3070 Fibonacci

裸奔的矩阵乘法&#xff0c;当模板了。 #include <iostream>#include <cstring>#include <cstdio>using namespace std;const int N 2;const int MOD 10000;struct Mat {long long mat[N][N];void init() {for(int i 0; i < N; i) {for(int j 0; j &l…

推荐一个小而美的Python代码格式化工具

代码可读性是评判代码质量的标准之一&#xff0c;有一个衡量代码质量的标准是 Martin 提出的 “WFT” 定律&#xff0c;即每分钟爆出 “WTF” 的次数。你在读别人代码或者做 Code Review 的时候有没有 “WTF” 冲动呢&#xff1f; 为了帮助开发者统一代码风格&#xff0c;Pytho…

【摄像头】摄像机工作原理

1、摄像机工作原理 外部光线穿过镜头(lens)后&#xff0c; 经过滤光片(color filter)滤波后照射到光学传感器(Sensor)上面&#xff0c; Sensor 将从 lens 上传导过来的光线转换为电信号&#xff0c;再通过内部的 AD 转换为数字信号。 如果 Sensor 没有集成 DSP&#xff0c;则通…

@程序员,别再自己闷头学了

60 年冬去春来&#xff0c;人工智能技术发展起起落落。现在是 2019 年&#xff0c;属于 AI 不可阻挡的新转机正强势袭来。 科技巨头一向是未来技术发展最重要的风向标。2011 年&#xff0c;随着 Google 将一线业务引入深度学习技术&#xff0c;落伍移动时代的微软也拉起了一支…

linux下的oracle10g rman备份

RMAN是Oracle提供的一个数据库备份和恢复工具&#xff0c;利用rman可以比较方便的对数据库进行备份。Oracle 数据库可运行在归档和非归档模式下&#xff0c;这两者的区别就在于对redo log的处理。归档模式下&#xff0c;当一个redo log 写满之后&#xff0c;就会把这个redo lo…

最全Python算法实现资源汇总!

整理 | Rachel责编 | Jane出品 | Python大本营&#xff08;ID&#xff1a;pythonnews&#xff09;【导语】数据结构与算法是所有人都要学习的基础课程&#xff0c;自己写算法的过程可以帮助我们更好地理解算法思路&#xff0c;不要轻视每一个算法&#xff0c;一些虽然看似容易&…

【摄像头】低照度和光圈

1、低照度 低照度摄像机是指在较低光照度的条件下仍然可以摄取清晰图像的摄像头。 照度,即光照强度,是一种物理术语,指单位面积上所接受可见光的能量。单位:勒克斯Lux,简作Lx。 照度和光圈大小的关系:镜头的光圈越大(F值越小),所需的照度越低。这个好理解,光圈大了进…

CART树 python小样例

决策树不断将数据切分成小数据集&#xff0c;直到所有目标变量完全相同&#xff0c;或者数据不能再切分为止&#xff0c;决策时是一种贪心算法&#xff0c;它要在给定的时间内做出最佳选择&#xff0c;但并不关心能否达到最优 树回归 优点&#xff1a;可以对复杂和非线性的数据…

Directx教程(24) 简单的光照模型(3)

在工程myTutorialD3D11_17中&#xff0c;我们重新定义我们的cube顶点法向&#xff0c;每个三角形面的顶点法向都是和这个三角形的面法向是一致的。如下图所示&#xff1a; 在该工程中&#xff0c;我们还修改了CubeModelClass文件&#xff0c;从一个cube.txt文件中读cube顶点位置…

SSM框架之批量增加示例(同步请求jsp视图解析)

准备环境:SSM框架JDK8/JDK7MySQL5.7MAVEN3以上Tomcat8/7应用服务器 示例说明: 分发给用户优惠券&#xff0c;通过checkbox选中批量分发&#xff0c;对应也就是批量增加。 对于公司使用freemarket或者jsp或者volocity&#xff0c;有一定的启示意思。 不论视图用的是jsp或者非jsp…

四大指标超现有模型!少样本的无监督图像翻译效果逆天| 技术头条

作者 | Ming-yu Liu, Xun Huang, Arun Mallya, Tero Karras, Timo Aila, Jaakko Lehtinen译者 | linstancy编辑 | Rachel出品 | AI 科技大本营&#xff08;ID:rgznai100&#xff09;【导读】在已有的图像翻译研究中&#xff0c;模型需要使用大量的多类别图像数据&#xff0c;在…

【摄像头】镜头焦距

【摄像头】低照度和光圈 1、简介 在镜头上有两个非常重要的参数,一个是光圈、一个是焦距。 如果在镜头上只标注有一个数字的就是定焦头,比如:50mm,就表示这是一只焦距为50mm的定焦头。 如果在镜头上标注有两个数字的就是变焦头,比如:18-55mm,就表示这只镜头焦距覆盖…

(转)C语言字节对齐

图片可以在下面的博客中看到. 转自:http://blog.csdn.net/bigloomy/article/details/6633008 可能有不少读者会问&#xff0c;字节对齐有必要拿出来单独写一篇博客嘛&#xff1f;我觉得是很有必要&#xff0c;但是它却是被很多人所忽视的一个重点。那么我们使用字节对齐的作用…

赌5毛钱,你解不出这道Google面试题

作者 | Kevin Ghadyani 译者 | 清儿爸 编辑 | Rachel 出品 | AI科技大本营&#xff08;ID&#xff1a;rgznai100&#xff09; 为了更了解其他人对软件工程的看法&#xff0c;我开始疯狂在 YouTube 上追 TechLead 的视频。在接下来的几天里&#xff0c;我为他在 Google 工作时…

【摄像头】摄像头IRCUT滤光片

1、IRCUT组成原理 IRCUT由两层滤光片组成&#xff0c;一片红外截止或吸收滤光片和一片全透光谱滤光片。 白天是红外截止滤光片工作&#xff0c;晚上是全透滤光片工作&#xff1a; 白天摄像头可以接收到人眼无法识别的红外线&#xff0c;会导致图像与肉眼所见有偏差&#xff0c…

修改Java-source版本

2019独角兽企业重金招聘Python工程师标准>>> pom.xml添加以下&#xff1a;<plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin><plugin>&l…

HDU 2519 新生晚会【求组合数】

Problem Description开学了&#xff0c;杭电又迎来了好多新生。ACMer想为新生准备一个节目。来报名要表演节目的人很多&#xff0c;多达N个&#xff0c;但是只需要从这N个人中选M个就够了&#xff0c;一共有多少种选择方法&#xff1f;Input数据的第一行包括一个正整数T&#x…

【摄像头】宽动态范围

1、什么是动态范围 简单的来说,就是摄像机拍摄的同一个画面内,能正常显示细节的最亮和最暗物体的亮度值所包含的那个区间。动态范围越大,过亮或过暗的物体在同一个画面中都能正常显示的程度也就越大。 根据百度百科,当在强光源(日光、灯具或反光等)照射下的高亮度区域及…

mysql format函数对数字类型转化的坑

原值param 1234.5678 format(param, 2) &#xff08;不建议&#xff09; 结果&#xff0c;字符串类型&#xff0c;123,4.57 会导致你图表char 生成失败&#xff0c;直接变0 convert(param, decimal(12,2))&#xff08;建议&#xff09; 结果, 数值类型 1234.57 cast(p…