AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2018-07-21 1304
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 目的我想登陆成功后显示我的后台管理(实现过程):新建home.html 在templates目录下代码如下: Title ...

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

新建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 views

urlpatterns = [
    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 redirect


def 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 redirect


def 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 views

urlpatterns = [
    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 redirect


def 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
文章标签：
数据安全/隐私保护
Python
前端开发
关键词：
Python前端
Python交互
Django前端
Python前端交互
前端交互
阿啦卜
目录
相关文章
龙大吉
|
2月前
|
前端开发 API UED
Python后端与前端交互新纪元：AJAX、Fetch API联手，打造极致用户体验！
Python后端与前端交互新纪元：AJAX、Fetch API联手，打造极致用户体验！
龙大吉
78 2
qa浪涛
|
24天前
|
JavaScript 前端开发 Python
django接收前端vue传输的formData图片数据
django接收前端vue传输的formData图片数据
qa浪涛
23 4
zzy的aly
|
22天前
|
关系型数据库 MySQL 数据库
Mysql学习笔记(四)：Python与Mysql交互--实现增删改查
如何使用Python与MySQL数据库进行交互，实现增删改查等基本操作的教程。
zzy的aly
49 1
bruce刘晓伟-18435
|
27天前
|
Python
Python软链接：Python 2与现代Python的交互
Python软链接：Python 2与现代Python的交互
bruce刘晓伟-18435
24 4
龙大吉
|
1月前
|
前端开发 API 开发者
从零到精通，AJAX与Fetch API让你的Python Web前后端交互无所不能！
从零到精通，AJAX与Fetch API让你的Python Web前后端交互无所不能！
龙大吉
37 3
游客yh3p2jjdyya5c
|
17天前
|
前端开发 Python
帮我用python作为网页前端输出“hallow world
帮我用python作为网页前端输出“hallow world
游客yh3p2jjdyya5c
27 0
bruce刘晓伟-18435
|
2月前
|
Python
Python软链接：Python 2与现代Python的交互 原创
Python软链接：Python 2与现代Python的交互 原创
bruce刘晓伟-18435
29 2
游客j4mujezz7vm7y
|
2月前
|
关系型数据库 MySQL Python
pymysql模块，python与MySQL之间的交互
pymysql模块，python与MySQL之间的交互
游客j4mujezz7vm7y
21 1
bruce刘晓伟-18435
|
27天前
|
Python
Python软链接：Python 2与现代Python的交互
Python软链接：Python 2与现代Python的交互
bruce刘晓伟-18435
20 0
游客j4mujezz7vm7y
|
2月前
|
关系型数据库 MySQL 数据库
python之excel与mysql之间的交互
python之excel与mysql之间的交互
游客j4mujezz7vm7y
18 0

热门文章

最新文章

  • 1
    Python 微信机器人：调用电脑摄像头时时监控功能实现演示，调用电脑摄像头进行拍照并保存
  • 2
    一行代码都不加如何提升性能 | Python从入门到精通：入门篇之二十一
  • 3
    Python程序结构2
  • 4
    Python3之文件读写操作详解
  • 5
    天罗地网——Python爬虫初初初探
  • 6
    [Spark][Python]Mapping Single Rows to Multiple Pairs
  • 7
    Python新手入门教程，从环境准备到掌握基本编程
  • 8
    python 内置变量
  • 9
    Python---map/reduce
  • 10
    Python实现冒泡排序
  • 1
    利用Django框架构建高效后端API服务
    186
  • 2
    django4版本提示 django.db.utils.NotSupportedError: MySQL 8 or later is required (found 5.7.26)
    878
  • 3
    手把手教你使用Django如何连接Mysql
    707
  • 4
    如何使用Django的Form组件
    68
  • 5
    一篇文章带你了解Django ORM操作
    73
  • 6
    使用 Django 的异步特性提升 I/O 类操作的性能
    169
  • 7
    实现Django Models的数据mock
    69
  • 8
    Django中Cookie和Session的使用
    61
  • 9
    django如何连接sqlite数据库？
    258
  • 10
    Python爬虫在Django项目中的数据处理与展示实例
    102

    • 相关课程

    更多
  • Python爬虫实战
  • Python开发基础入门
  • Python常用数据科学库
  • Python网络爬虫实战
  • Python完全自学手册图文教程
  • Python基础快速入门实战教程

    • 相关电子书

    更多
  • From Python Scikit-Learn to Sc
  • Data Pre-Processing in Python:
  • 双剑合璧-Python和大数据计算平台的结合

    • 相关实验场景

    更多
  • 用Python画圣诞树
  • 前端开发基础3：CSS3常见显示属性
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础2：VS Code和Edge的联动开发
  • 前端开发基础1：前端开发环境的安装和配置
  • 云端Python及基本操作

    • 推荐镜像

    更多
  • python-release
  • nodejs-release
  • linuxmint-packages
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月