Python Web框架Django学习

2023-01-31 05:01:24 python 学习 框架

python web框架Django学习（二）

目录：

 三、Django创建APP

 四、创建登录页面，实现用户交互，后台管理用户（非数据库方式）


=================================================================================================

三、Django创建App

=================================================================================================

1、首先使用django-admin创建好一个django项目

Django-admin startproject test01


2、在test01目录下面执行命令

D:\python2.7.13\exercise\test01>Python manage.py startapp cmdb     #app名称为cmdb

D:\python2.7.13\exercise\test01>python manage.py startapp openstack


3、查看目录（使用pycharm打开查看），确认是否创建成功！

wKioL1nXbZ_ybJioAAAf0RbNCUg114.png-wh_50


4、实现浏览器中访问项目cmdb

1) 新创建的cmdb App中的目录有：

wKiom1nXcaDxdipsAAAQpZ46hZc176.png-wh_50

2) 修改cmdb中的views.py文件，具体配置如下：

from djanGo.shortcuts import render
from django.shortcuts import HttpResponse  #加入

# Create your views here.
def home(request):                         #定义函数home
    return HttpResponse('<h1>这是我的第一个Django--App程序！！！<h1>')                        HttpResponse()

3) 修改项目中的urls.py文件

from django.conf.urls import url
from django.contrib import admin
from django.shortcuts import HttpResponse  #导入httpserver模块
import time                                #加入
from cmdb import views                    #导入cmdb app中的views
def home(request):                         #定义函数home
    return HttpResponse('<h1>这是我的第一个Django程序！！！<h1>')

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^index.html',home),           #添加index.html
    url(r'^cmdb',views.home),            #将cmdb app添加到url中
] 


4) 开启django服务器：

5) 浏览器访问测试：

wKiom1nXcyiDY1CqAAA0HNd2_BY150.png-wh_50




==================================================================================================

四、创建登录页面，实现用户交互，后台管理用户（非数据库方式）

=================================================================================================

1、在项目test01目录下面创建一个templates目录，并且在templates目录中创建一个html文件index.html。

2、在html文件中写入内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>

   <style>
       label{
           width: 120px;
           text-align: right;
           display: inline-block;
       }
   </style>

</head>
<body>
   <fORM action="/login" method="post">
       <p>
           <label for="username">请输入用户名</label>
           <input id="username" type="text" />
       </p>
       <p>
           <label for="passWord">请输入密码</label>
           <input id="password" type="text" />
           <input type="submit"  values="提交"/>
       </p>

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

3、在APP文件cmdb目录下的views.py文件中写入以下内容：

from django.shortcuts import HttpResponse  #加入

# Create your views here.
def login(request):             #定义函数home
   f = open('templates/index.html','r',encoding='utf8')
   data = f.read()
   f.close()
   return HttpResponse(data)

  【注意】：可以将views.py中的以上内容修改为：

from django.shortcuts import render

def login(request):

   return render(request,'index.html')

  并且修改项目文件test01中的setting.py中的TEMPLATES中的DIRS，修改为：

'DIRS': [os.path.join(BASE_DIR,'templates')],

表示默认模板位置在templates目录下面。

wKiom1nXlMmy79lpAABirOttspw960.png-wh_50

4、在项目文件夹test01下面的urls.py文件中加入

urlpatterns = [
   url(r'^admin/', admin.site.urls),
   url(r'^index.html',home),           #添加index.html
   url(r'^login',views.login),            #将cmdb app添加到url中
]

5、开启django服务器，浏览器访问效果为：

wKioL1nXliCDjfrbAAAZE1fM9z4926.png-wh_50

  到此，浏览器能够正常访问前端页面，但是不能实现用户交互！！！


  下面将实现用户输入正确的用户名和密码时跳转到百度首页；输入错误的用户名或者密码时，提示“用户名或密码错误”

6、在app文件cmdb中的views.py中加入：

from django.shortcuts import render
from django.shortcuts import redirect

def login(request):

   if request.method == "POST":
       user = request.POST.get('user',None) #得到用户输入的用户名
       pwd = request.POST.get('pwd', None)  #得到用户输入的密码
       print(user,pwd)               #在后台打印用户输入的用户名和密码
       if user == 'root' and pwd == '123456': #判断
           return redirect('http://www.baidu.com') #跳转到百度
   return render(request, 'index.html')

当用户输入用户名为root，密码为123456时，跳转到百度首页！！！

7、继续设计当用户输入错误信息是，返回“用户名或密码错误”

1) 在index.html文件中加入一行：<span style="color: red;">` error_message `</span>

  加入后，index.html文件为：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
   <style>
       label{
           width: 120px;
           text-align: right;
           display: inline-block;
       }
   </style>
</head>
<body>
   <form action="/login" method="post">
       <p>
           <label for="username">请输入用户名:</label>
           <input id="username" type="text" name="user"/>
       </p>
       <p>
           <label for="pwd">请输入密码:</label>
           <input id="pwd" type="password" name="pwd"/>
           <input type="submit"  values="提交" />
           <span style="color: red;">` error_message `</span>
       </p>

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

2）在app文件views.py文件中修改为：

from django.shortcuts import render
from django.shortcuts import redirect

def login(request):
   error_message=""
   if request.method == "POST":
       user = request.POST.get('user',None)
       pwd = request.POST.get('pwd', None)
       print(user,pwd)
       if user == 'root' and pwd == '123456':
           return redirect('http://www.baidu.com')
       else:
           error_message = "用户名或密码错误"

   return render(request, 'index.html',{'error_message':error_message})

3) 当输入错误信息时，浏览器访问效果为：

wKioL1nYZyaAyREeAAAmCS0OO18583.png-wh_50

  到此，能够实现用户名为root密码为123456的用户登录，并且跳转到百度首页。而且实现了当用户输入错误的用户名或密码时，提示“用户名或者密码错误”！

  

  下面将实现后台管理用户。

8、首先在templates目录中创建一个名为home.html的HTML文件，文件内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
   <table>
       <tr>
           <td>张三</td>
           <td>1992</td>
           <td>女</td>
       </tr>
       <tr>
           <td>李四</td>
           <td>1993</td>
           <td>男</td>
       </tr>
       <tr>
           <td>王五</td>
           <td>1997</td>
           <td>男</td>
       </tr>
   </table>
</body>
<html>

9、在APP文件cmdb中的views.py中定义home函数，并把redirect中的地址改为/home

from django.shortcuts import render
from django.shortcuts import redirect

def login(request):
   error_message=""
   if request.method == "POST":
       user = request.POST.get('user',None)
       pwd = request.POST.get('pwd', None)
       print(user,pwd)
       if user == 'root' and pwd == '123456':
           return redirect('/home')
       else:
           error_message = "用户名或密码错误"

   return render(request, 'index.html',{'error_message':error_message})

def home(request):
   return render(request,'home.html')

10、在项目文件test01的urls.py中加入映射关系from django.conf.urls import url

from django.contrib import admin
from django.shortcuts import HttpResponse  #导入HttpServer模块
import time                                #加入
from cmdb import views                    #导入cmdb app中的views
def home(request):                         #定义函数home
   return HttpResponse('<h1>这是我的第一个Django程序！！！<h1>')

urlpatterns = [
   url(r'^admin/', admin.site.urls),
   url(r'^index.html',home),           #添加index.html
   url(r'^login',views.login),   #将cmdb app添加到url中
   url(r'^home',views.home)
]

11、浏览器测试

1) 浏览器中输入用户登录地址：127.0.0.1:8000/login

wKioL1nYfIOzmu-QAAAgrHY4ll0193.png-wh_50

2) 输入正确的用户名和密码，正常跳转到127.0.0.1:8000/home页面

wKioL1nYfJDC-nGJAAAb2v-UFFQ411.png-wh_50

  到此，当用户输入正确的用户名和密码时，能够实现跳转，并且能够能够看到之前在home.html文件中输入的三位用户的信息，但是这些用户的信息无法灵活改变，已经在html文件中写死了。


  下面将进行将后台列表中的用户，用循环的方式，打印在前端页面上。

12、首先需要在home.html文件中添加一个循环，添加后home.html文件如下：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
   <table>
       {% for row in user_list %}
       <tr>
           <td>` row`.`username `</td>
           <td>` row`.`gender `</td>
           <td>` row`.`email `</td>
       </tr>
       {% endfor    %}
       <tr>
           <td>李四</td>
           <td>1993</td>
           <td>男</td>
       </tr>
       <tr>
           <td>王五</td>
           <td>1997</td>
           <td>男</td>
       </tr>
   </table>
</body>
<html>

【注意】：

1) Django中在html文件中加入文件的方法：

       {% for row in user_list %}   #循环的开始，需要一对大括号，并且里面有两个%
       <tr>
           <td>` row`.`username `</td>
           <td>` row`.`gender `</td>
           <td>` row`.`email `</td>
       </tr>
       {% endfor    %}         #循环的结尾也得有一对大括号和两个%

2) row表示一个字典

3) 引入单变量值时需要两个大括号

       {% for row in user_list %}
       <tr>
           <td>` row`.`username `</td>
           <td>` row`.`gender `</td>
           <td>` row`.`email `</td>
       </tr>
       {% endfor    %}

  这里的username、gender和email与APP文件中views.py中的username、gender、email相对应。

13、修改APP文件中的views.py文件，加入USER_LIST列表和一个循环，修改后的views.py文件如下：

from django.shortcuts import render
from django.shortcuts import redirect

def login(request):
   error_message=""
   if request.method == "POST":
       user = request.POST.get('user',None)
       pwd = request.POST.get('pwd', None)
       print(user,pwd)
       if user == 'root' and pwd == '123456':
           return redirect('/home')
       else:
           error_message = "用户名或密码错误"

   return render(request, 'index.html',{'error_message':error_message})

USER_LIST=[
   {'username':'qiuuuu','email':'abcdefg','gender':'male'}
]

for index in range(20):
   temp = {'username':'qiuuuu'+str(index),'email':'abcdef','gender':'male'}
   USER_LIST.append(temp)
#str(index)表示将index的值变为字符型，range(20)表示数字1到20之间的整数从小到大排列。
def home(request):
   return render(request,'home.html',{'user_list':USER_LIST})

14、在项目文件test01中的urls.py中加入对应关系，加入后的urls.py文件如下：

from django.conf.urls import url
from django.contrib import admin
from django.shortcuts import HttpResponse  #导入HttpServer模块
import time                                #加入
from cmdb import views                    #导入cmdb app中的views
def home(request):                         #定义函数home
   return HttpResponse('<h1>这是我的第一个Django程序！！！<h1>')

urlpatterns = [
   url(r'^admin/', admin.site.urls),
   url(r'^index.html',home),           #添加index.html
   url(r'^login',views.login),   #将cmdb app添加到url中
   url(r'^home',views.home),
]

15、浏览器输入127.0.0.1:8000/login，然后输入正确的用户名和密码后跳转到home.html页面的效果为：

wKioL1nYhvmCWdk-AACKmk9VSAo417.png-wh_50












相关文章