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

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

2018-07-21 1297
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 目的我想登陆成功后显示我的后台管理(实现过程):新建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前端
Django用户登录
阿啦卜
目录
相关文章
python编程狮
|
12天前
|
机器学习/深度学习 数据采集 数据可视化
基于爬虫和机器学习的招聘数据分析与可视化系统，python django框架，前端bootstrap，机器学习有八种带有可视化大屏和后台
本文介绍了一个基于Python Django框架和Bootstrap前端技术，集成了机器学习算法和数据可视化的招聘数据分析与可视化系统，该系统通过爬虫技术获取职位信息，并使用多种机器学习模型进行薪资预测、职位匹配和趋势分析，提供了一个直观的可视化大屏和后台管理系统，以优化招聘策略并提升决策质量。
python编程狮
37 4
python编程狮
|
12天前
|
搜索推荐 前端开发 数据可视化
【优秀python web毕设案例】基于协同过滤算法的酒店推荐系统，django框架+bootstrap前端+echarts可视化，有后台有爬虫
本文介绍了一个基于Django框架、协同过滤算法、ECharts数据可视化以及Bootstrap前端技术的酒店推荐系统，该系统通过用户行为分析和推荐算法优化，提供个性化的酒店推荐和直观的数据展示，以提升用户体验。
python编程狮
28 1
东方睿赢
|
29天前
|
开发框架 JSON API
震撼发布！Python Web开发框架下的RESTful API设计全攻略，让数据交互更自由！
【7月更文挑战第22天】在Python Web开发中，设计高效的RESTful API涉及选择框架（如Flask或Django）、明确资源及使用HTTP方法（GET, POST, PUT, DELETE）来操作数据。响应格式通常是JSON，错误处理也很重要。示例展示了使用Flask创建图书管理API，包括版本控制、文档化、安全性和性能优化是最佳实践。这样的API使数据交互更顺畅。
东方睿赢
58 2
python编程狮
|
12天前
|
搜索推荐 前端开发 数据可视化
基于Python协同过滤的旅游景点推荐系统，采用Django框架，MySQL数据存储，Bootstrap前端，echarts可视化实现
本文介绍了一个基于Python协同过滤算法的旅游景点推荐系统，该系统采用Django框架、MySQL数据库、Bootstrap前端和echarts数据可视化技术，旨在为用户提供个性化的旅游推荐服务，提升用户体验和旅游市场增长。
python编程狮
37 9
基于Python协同过滤的旅游景点推荐系统，采用Django框架，MySQL数据存储，Bootstrap前端，echarts可视化实现
python编程狮
|
12天前
|
搜索推荐 前端开发 算法
基于用户画像及协同过滤算法的音乐推荐系统，采用Django框架、bootstrap前端，MySQL数据库
本文介绍了一个基于用户画像和协同过滤算法的音乐推荐系统，使用Django框架、Bootstrap前端和MySQL数据库构建，旨在为用户提供个性化的音乐推荐服务，提高推荐准确性和用户满意度。
python编程狮
66 7
基于用户画像及协同过滤算法的音乐推荐系统，采用Django框架、bootstrap前端，MySQL数据库
音视频牛哥
|
7天前
|
编解码 算法 Linux
Linux平台下RTSP|RTMP播放器如何跟python交互投递RGB数据供视觉算法分析
在对接Linux平台的RTSP播放模块时，需将播放数据同时提供给Python进行视觉算法分析。技术实现上，可在播放时通过回调函数获取视频帧数据，并以RGB32格式输出。利用`SetVideoFrameCallBackV2`接口设定缩放后的视频帧回调，以满足算法所需的分辨率。回调函数中，每收到一帧数据即保存为bitmap文件。Python端只需读取指定文件夹中的bitmap文件，即可进行视频数据的分析处理。此方案简单有效，但应注意控制输出的bitmap文件数量以避免内存占用过高。
音视频牛哥
18 3
python编程狮
|
12天前
|
数据采集 数据可视化 关系型数据库
【优秀python web设计】基于Python flask的猫眼电影可视化系统，可视化用echart，前端Layui，数据库用MySQL，包括爬虫
本文介绍了一个基于Python Flask框架、MySQL数据库和Layui前端框架的猫眼电影数据采集分析与可视化系统，该系统通过爬虫技术采集电影数据，利用数据分析库进行处理，并使用Echart进行数据的可视化展示，以提供全面、准确的电影市场分析结果。
python编程狮
38 4
python编程狮
|
12天前
|
数据采集 前端开发 算法
基于朴素贝叶斯算法的新闻类型预测，django框架开发，前端bootstrap，有爬虫有数据库
本文介绍了一个基于Django框架和朴素贝叶斯算法开发的新闻类型预测系统，该系统具备用户登录注册、后台管理、数据展示、新闻分类分布分析、新闻数量排名和新闻标题预测等功能，旨在提高新闻处理效率和个性化推荐服务。
python编程狮
25 4
python编程狮
|
12天前
|
前端开发 数据挖掘 关系型数据库
基于Python的哔哩哔哩数据分析系统设计实现过程，技术使用flask、MySQL、echarts，前端使用Layui
本文介绍了一个基于Python的哔哩哔哩数据分析系统，该系统使用Flask框架、MySQL数据库、echarts数据可视化技术和Layui前端框架，旨在提取和分析哔哩哔哩用户行为数据，为平台运营和内容生产提供科学依据。
python编程狮
41 3
python编程狮
|
13天前
|
数据采集 数据可视化 数据挖掘
基于Django的数据分析可视化系统，有后台，有增删改查，实现多用户登录
本文介绍了一个基于Django框架开发的今日头条数据分析可视化系统，该系统具备后台管理、增删改查功能以及多用户登录，利用数据可视化技术为新闻媒体行业提供数据管理和决策支持。
python编程狮
24 0
基于Django的数据分析可视化系统，有后台，有增删改查，实现多用户登录

热门文章

最新文章

  • 1
    前端JS H5 touch事件封装,更加高效的开发移动端 - 戴向天
  • 2
    web前端css定位position和起浮float
  • 3
    从破解某设计网站谈前端水印(详细教程)
  • 4
    前端学习笔记（7）css选择器（一）
  • 5
    移动前端框架重构几个关键问题
  • 6
    好程序员web前端培训分享FormData 简单介绍
  • 7
    优秀的WEB前端开发框架：Bootstrap！
  • 8
    【初探移动前端开发03】jQuery Mobile（上）
  • 9
    前端学 Ruby：安装Ruby、Rails
  • 10
    前端工作总结241-uni-状态不同选择
  • 1
    【Python机器学习专栏】机器学习在物联网（IoT）中的集成
    114
  • 2
    【Python 机器学习专栏】机器学习在医疗诊断中的前沿应用
    321
  • 3
    【Python机器学习专栏】联邦学习：保护隐私的机器学习新趋势
    78
  • 4
    【Python机器学习专栏】迁移学习在机器学习中的应用
    54
  • 5
    【Python 机器学习专栏】强化学习在游戏 AI 中的实践
    221
  • 6
    【Python机器学习专栏】深度学习在自动驾驶中的应用
    119
  • 7
    【Python 机器学习专栏】自然语言处理中的深度学习应用
    57
  • 8
    【Python机器学习专栏】金融数据分析中的机器学习应用
    413
  • 9
    【Python机器学习专栏】文本分类的机器学习应用
    37
  • 10
    【Python机器学习专栏】使用Python进行图像分类的实战案例
    109

    • 相关课程

    更多
  • Python Web 框架 Django 快速入门
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 阿里文娱大前端技术实践
  • 前端代码是怎样智能生成的

    • 相关实验场景

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

    • 推荐镜像

    更多
  • python-release
  • nodejs-release
  • golang
    • 下一篇
    通义千问API入门教程