第15章節(jié)-Python3.5-Django實(shí)現(xiàn)用戶登錄與前端交互2 14

目的我想登陸成功后顯示我的后臺(tái)管理(實(shí)現(xiàn)過程):

新建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提交過來的數(shù)據(jù)(用戶不存在返回None)
        user = request.POST.get('user',None)
        pwd = request.POST.get('pwd',None)
        if user == 'root' and pwd == "123":
            # 去跳轉(zhuǎn)到(重定向)
            return redirect('/home')
        else:
            # 用戶密碼不正確
            error_msg = "用戶名或密碼錯(cuò)誤"
        # 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循環(huán)

  • 修改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提交過來的數(shù)據(jù)(用戶不存在返回None)
        user = request.POST.get('user',None)
        pwd = request.POST.get('pwd',None)
        if user == 'root' and pwd == "123":
            # 去跳轉(zhuǎn)到(重定向)
            return redirect('/home')
        else:
            # 用戶密碼不正確
            error_msg = "用戶名或密碼錯(cuò)誤"
        # 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 循環(huán),與Python不一樣,這是模板語言for循環(huán) 有開頭就有結(jié)尾 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 循環(huán),與Python不一樣,這是模板語言for循環(huán) 有開頭就有結(jié)尾 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

獲取用戶輸入數(shù)據(jù)展示:

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提交過來的數(shù)據(jù)(用戶不存在返回None)
        user = request.POST.get('user',None)
        pwd = request.POST.get('pwd',None)
        if user == 'root' and pwd == "123":
            # 去跳轉(zhuǎn)到(重定向)
            return redirect('/home')
        else:
            # 用戶密碼不正確
            error_msg = "用戶名或密碼錯(cuò)誤"
        # 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":
        # 獲取用戶提交的數(shù)據(jù) POST 請(qǐng)求中
        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能在輸入顯示自己所寫的內(nèi)容(如效果圖)
<!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 循環(huán),與Python不一樣,這是模板語言for循環(huán) 有開頭就有結(jié)尾 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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末歼秽,一起剝皮案震驚了整個(gè)濱河市拉岁,隨后出現(xiàn)的幾起案子绿聘,更是在濱河造成了極大的恐慌级解,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,607評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件试伙,死亡現(xiàn)場離奇詭異嘁信,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)疏叨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門潘靖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蚤蔓,你說我怎么就攤上這事卦溢。” “怎么了秀又?”我有些...
    開封第一講書人閱讀 164,960評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵单寂,是天一觀的道長。 經(jīng)常有香客問我吐辙,道長宣决,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,750評(píng)論 1 294
  • 正文 為了忘掉前任昏苏,我火速辦了婚禮尊沸,結(jié)果婚禮上威沫,老公的妹妹穿的比我還像新娘。我一直安慰自己洼专,他們只是感情好棒掠,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著壶熏,像睡著了一般句柠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上棒假,一...
    開封第一講書人閱讀 51,604評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音精盅,去河邊找鬼帽哑。 笑死,一個(gè)胖子當(dāng)著我的面吹牛叹俏,可吹牛的內(nèi)容都是我干的妻枕。 我是一名探鬼主播,決...
    沈念sama閱讀 40,347評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼粘驰,長吁一口氣:“原來是場噩夢啊……” “哼屡谐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蝌数,我...
    開封第一講書人閱讀 39,253評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤愕掏,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后顶伞,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體饵撑,經(jīng)...
    沈念sama閱讀 45,702評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評(píng)論 3 336
  • 正文 我和宋清朗相戀三年唆貌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了滑潘。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,015評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡锨咙,死狀恐怖语卤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情酪刀,我是刑警寧澤粹舵,帶...
    沈念sama閱讀 35,734評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站蓖宦,受9級(jí)特大地震影響齐婴,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜稠茂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評(píng)論 3 330
  • 文/蒙蒙 一柠偶、第九天 我趴在偏房一處隱蔽的房頂上張望情妖。 院中可真熱鬧,春花似錦诱担、人聲如沸毡证。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽料睛。三九已至,卻和暖如春摇邦,著一層夾襖步出監(jiān)牢的瞬間恤煞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評(píng)論 1 270
  • 我被黑心中介騙來泰國打工施籍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留居扒,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,216評(píng)論 3 371
  • 正文 我出身青樓丑慎,卻偏偏與公主長得像喜喂,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子竿裂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容