首頁登錄功能的實(shí)現(xiàn)
- 定義路由
from django.views.generic import TemplateView
path('', TemplateView.as_view(template_name="index.html"), name='index'),
其中
- 將項(xiàng)目的靜態(tài)資源全部導(dǎo)入，在MXOline/settings指定靜態(tài)資源目錄
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
- 在模板下復(fù)制index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>課程機(jī)構(gòu)列表 - 慕學(xué)在線網(wǎng)</title>
<link rel="stylesheet" type="text/css" href="/static/css/reset.css">
<link rel="stylesheet" type="text/css" href="/static/css/animate.css">
<link rel="stylesheet" type="text/css" href="/static/css/style.css">
<script src="/static/js/jquery.min.js" type="text/javascript"></script>
<script src="/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
</head>
<body>
<section class="headerwrap ">
<header>
<div class=" header">
<div class="top">
<div class="wp">
<div class="fl"><p>服務(wù)電話：<b>400-888-888</b></p></div>
<div class="personal">
<dl class="user fr">
<dd>EricLee<img class="down fr" src="/static/images/top_down.png"/></dd>
<dt><img width="20" height="20" src="/static/media/image/2016/12/default_big_14.png"/></dt>
</dl>
<div class="userdetail">
<dl>
<dt><img width="80" height="80" src="/static/media/image/2016/12/default_big_14.png"/>
</dt>
<dd>
<h2>django</h2>
<p>EricLee</p>
</dd>
</dl>
<div class="btn">
<a class="personcenter fl" href="usercenter-info.html">進(jìn)入個(gè)人中心</a>
<a class="fr" href="/logout/">退出</a>
</div>
</div>
</div>
</div>
</div>
{# <a style="color:white" class="fr registerbtn" href="register.html">注冊</a>#}
{# <a style="color:white" class="fr loginbtn" href="login.html">登錄</a>#}
<div class="middle">
<div class="wp">
<a href="index.html"><img class="fl" src="/static/images/logo.jpg"/></a>
<div class="searchbox fr">
<div class="selectContainer fl">
<span class="selectOption" id="jsSelectOption" data-value="course">
公開課
</span>
<ul class="selectMenu" id="jsSelectMenu">
<li data-value="course">公開課</li>
<li data-value="org">課程機(jī)構(gòu)</li>
<li data-value="teacher">授課老師</li>
</ul>
</div>
<input id="search_keywords" class="fl" type="text" value="" placeholder="請輸入搜索內(nèi)容"/>
<img class="search_btn fr" id="jsSearchBtn" src="/static/images/search_btn.png"/>
</div>
</div>
</div>
<nav>
<div class="nav">
<div class="wp">
<ul>
<li class="active"><a href="index.html">首頁</a></li>
<li>
<a href="course-list.html">
公開課<img class="hot" src="/static/images/nav_hot.png">
</a>
</li>
<li>
<a href="teachers-list.html">授課教師</a>
</li>
<li><a href="org-list.html">授課機(jī)構(gòu)</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
</section>
<!--crumbs start-->
<div class="banner">
<div class="wp">
<div class="fl">
<div class="imgslide">
<ul class="imgs">
<li>
<a href="#">
<img width="1200" height="478"
src="/static/media/banner/2016/11/57a801860001c34b12000460.jpg"/>
</a>
</li>
<li>
<a href="#">
<img width="1200" height="478"
src="/static/media/banner/2016/11/57aa86a0000145c512000460.jpg"/>
</a>
</li>
<li>
<a href="#">
<img width="1200" height="478"
src="/static/media/banner/2016/11/57a801860001c34b12000460_z4Vb8zl.jpg"/>
</a>
</li>
<li>
<a href="#">
<img width="1200" height="478"
src="/static/media/banner/2016/11/57aa86a0000145c512000460_nMwvoQD.jpg"/>
</a>
</li>
<li>
<a href="#">
<img width="1200" height="478"
src="/static/media/banner/2016/11/57aa86a0000145c512000460_GXIBATC.jpg"/>
</a>
</li>
</ul>
</div>
<div class="unslider-arrow prev"></div>
<div class="unslider-arrow next"></div>
</div>
</div>
</div>
<!--banner end-->
<!--feature start-->
<section>
<div class="wp">
<ul class="feature">
<li class="feature1">
<img class="pic" src="/static/images/feature1.png"/>
<p class="center">專業(yè)權(quán)威</p>
</li>
<li class="feature2">
<img class="pic" src="/static/images/feature2.png"/>
<p class="center">課程最新</p>
</li>
<li class="feature3">
<img class="pic" src="/static/images/feature3.png"/>
<p class="center">名師授課</p>
</li>
<li class="feature4">
<img class="pic" src="/static/images/feature4.png"/>
<p class="center">數(shù)據(jù)真實(shí)</p>
</li>
</ul>
</div>
</section>
<!--feature end-->
<!--module1 start-->
<section>
<div class="module">
<div class="wp">
<h1>公開課程</h1>
<div class="module1 eachmod">
<div class="module1_1 left">
<img width="228" height="614" src="/static/images/module1_1.jpg"/>
<p class="fisrt_word">名師授課<br/>專業(yè)權(quán)威</p>
<a class="more" href="course-list.html">查看更多課程 ></a>
</div>
<div class="right group_list">
<div class="module1_2 box">
<div class="imgslide2">
<ul class="imgs">
<li>
<a href="course-detail.html">
<img width="470" height="300"
src="/static/media/courses/2016/12/python文件處理.jpg"/>
</a>
</li>
<li>
<a href="course-detail.html">
<img width="470" height="300"
src="/static/media/courses/2016/12/python面向?qū)ο?jpg"/>
</a>
</li>
</ul>
</div>
<div class="unslider-arrow2 prev"></div>
<div class="unslider-arrow2 next"></div>
</div>
<div class="module1_3 box">
<a href="course-detail.html">
<img width="233" height="190" src="/static/media/courses/2016/11/mysql.jpg"/>
</a>
<div class="des">
<a href="course-detail.html">
<h2 title="django入門">django入門</h2>
</a>
<span class="fl">難度：<i class="key">初級</i></span>
<span class="fr">學(xué)習(xí)人數(shù)：3</span>
</div>
<div class="bottom">
<span class="fl" title="慕學(xué)網(wǎng)">慕學(xué)網(wǎng)</span>
<span class="star fr">0</span>
</div>
</div>
<div class="module1_4 box">
<a href="course-detail.html">
<img width="233" height="190"
src="/static/media/courses/2016/11/57035ff200014b8a06000338-240-135.jpg"/>
</a>
<div class="des">
<a href="course-detail.html">
<h2 title="java入門">java入門</h2>
</a>
<span class="fl">難度：<i class="key">中級</i></span>
<span class="fr">學(xué)習(xí)人數(shù)：0</span>
</div>
<div class="bottom">
<span class="fl" title="北京大學(xué)">北京大學(xué)</span>
<span class="star fr">0</span>
</div>
</div>
<div class="module1_5 box">
<a href="course-detail.html">
<img width="233" height="190"
src="/static/media/courses/2016/11/540e57300001d6d906000338-240-135.jpg"/>
</a>
<div class="des">
<a href="course-detail.html">
<h2 title="python入門">python入門</h2>
</a>
<span class="fl">難度：<i class="key">中級</i></span>
<span class="fr">學(xué)習(xí)人數(shù)：0</span>
</div>
<div class="bottom">
<span class="fl" title="南京大學(xué)">南京大學(xué)</span>
<span class="star fr">0</span>
</div>
</div>
<div class="module1_6 box">
<a href="course-detail.html">
<img width="233" height="190"
src="/static/media/courses/2016/11/57035ff200014b8a06000338-240-135_dHfj8Nq.jpg"/>
</a>
<div class="des">
<a href="course-detail.html">
<h2 title="java入門2">java入門2</h2>
</a>
<span class="fl">難度：<i class="key">高級</i></span>
<span class="fr">學(xué)習(xí)人數(shù)：0</span>
</div>
<div class="bottom">
<span class="fl" title="慕學(xué)網(wǎng)2">慕學(xué)網(wǎng)2</span>
<span class="star fr">0</span>
</div>
</div>
<div class="module1_7 box">
<a href="course-detail.html">
<img width="233" height="190"
src="/static/media/courses/2016/11/57035ff200014b8a06000338-240-135_0nFiBSI.jpg"/>
</a>
<div class="des">
<a href="course-detail.html">
<h2 title="java入門3">java入門3</h2>
</a>
<span class="fl">難度：<i class="key">初級</i></span>
<span class="fr">學(xué)習(xí)人數(shù)：1</span>
</div>
<div class="bottom">
<span class="fl" title="慕學(xué)網(wǎng)3">慕學(xué)網(wǎng)3</span>
<span class="star fr">0</span>
</div>
</div>
<div class="module1_8 box">
<a href="course-detail.html">
<img width="233" height="190"
src="/static/media/courses/2016/11/540e57300001d6d906000338-240-135_MSIqfvw.jpg"/>
</a>
<div class="des">
<a href="course-detail.html">
<h2 title="python入門2">python入門2</h2>
</a>
<span class="fl">難度：<i class="key">中級</i></span>
<span class="fr">學(xué)習(xí)人數(shù)：0</span>
</div>
<div class="bottom">
<span class="fl" title="慕學(xué)網(wǎng)666">慕學(xué)網(wǎng)666</span>
<span class="star fr">0</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="module greybg">
<div class="wp">
<h1>課程機(jī)構(gòu)</h1>
<div class="module3 eachmod">
<div class="module3_1 left">
<img width="228" height="463" src="/static/images/module3_1.jpg"/>
<p class="fisrt_word">名校來襲<br/>權(quán)威認(rèn)證</p>
<a class="more" href="org-list.html">查看更多機(jī)構(gòu) ></a>
</div>
<div class="right">
<ul>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="慕學(xué)網(wǎng)">慕學(xué)網(wǎng)</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="北京大學(xué)">北京大學(xué)</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/qhdx-logo.png"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="清華大學(xué)">清華大學(xué)</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/njdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="南京大學(xué)">南京大學(xué)</span></p>
</a>
</li>
<li class="five">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="慕學(xué)網(wǎng)2">慕學(xué)網(wǎng)2</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="慕學(xué)網(wǎng)3">慕學(xué)網(wǎng)3</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="慕學(xué)網(wǎng)3">慕學(xué)網(wǎng)3</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="慕學(xué)網(wǎng)4">慕學(xué)網(wǎng)4</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="慕學(xué)網(wǎng)5">慕學(xué)網(wǎng)5</span></p>
</a>
</li>
<li class="five">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="慕學(xué)網(wǎng)666">慕學(xué)網(wǎng)666</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/12/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="慕學(xué)網(wǎng)">慕學(xué)網(wǎng)</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/12/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="python培訓(xùn)機(jī)構(gòu)">python培訓(xùn)機(jī)構(gòu)</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/12/bjdx_cCpdUw8.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="vuejs培訓(xùn)">vuejs培訓(xùn)</span></p>
</a>
</li>
<li class="">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="nodejs培訓(xùn)">nodejs培訓(xùn)</span></p>
</a>
</li>
<li class="five">
<a href="org-detail-homepage.html">
<div class="company">
<img width="184" height="100" src="/static/media/org/2016/12/bjdx_bcd0m07.jpg"/>
<div class="score">
<div class="circle">
<h2>全國知名</h2>
</div>
</div>
</div>
<p><span class="key" title="慕學(xué)在線">慕學(xué)在線</span></p>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="footer">
<div class="wp">
<ul class="cont">
<li class="logo"><a href=""><img src="/static/images/footlogo.png"/></a></li>
<li class="code"><img src="/static/images/code.jpg"/>
<p class="center">掃描關(guān)注微信</p></li>
<li class="third"><img class="fl" src="/static/images/tell.png"/>
<p class="tell">400-888-888</p>
<p class="time">周一至周日 9:00-18:00</p></li>
</ul>
</div>
<p class="line"></p>
<div class="wp clear">
<span class="fl">? 2016 www.projectsedu.com 慕學(xué)在線-在線學(xué)習(xí)交流平臺(tái) 保留所有權(quán)利</span>
<span class="fr">copyright ? 2016 ICP備案證書號(hào)：蜀ICP備xxxxx號(hào)-1</span>
</div>
</div>
</footer>
<section>
<ul class="sidebar">
<li class="qq">
<a target="_blank" ></a>
</li>
<li class="totop"></li>
</ul>
</section>
<script src="/static/js/selectUi.js" type='text/javascript'></script>
<script src="/static/js/deco-common.js" type='text/javascript'></script>
<script type="text/javascript" src="/static/js/plugins/laydate/laydate.js"></script>
<script src="/static/js/plugins/layer/layer.js"></script>
<script src="/static/js/plugins/queryCity/js/public.js" type="text/javascript"></script>
<script src="/static/js/unslider.js" type="text/javascript"></script>
<script src="/static/js/plugins/jquery.scrollLoading.js" type="text/javascript"></script>
<script src="/static/js/deco-common.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/js/index.js"></script>
</body>
</html>
登錄功能的實(shí)現(xiàn)
- 1、定義路由
第一種定義路由的方式
path('login/', TemplateView.as_view(template_name="login.html"), name='login'),
第二種定義路由的方式
from apps.users.views import LoginView
path('login/', LoginView.as_view(), name='login'),
在index.html中修改登錄的提交路由
from django.contrib.auth import authenticate, login
from django.http import HttpResponseRedirect, HttpResponse
from django.shortcuts import render
# Create your views here.
from django.urls import reverse
from apps.users.form import LoginForm
from django.views.generic.base import View
class LoginView(View):
def get(self, request, *args, **kwargs):
return render(request, "login.html")
def post(self, request,*args, **kwargs ):
# 表單驗(yàn)證
login_form = LoginForm(request.POST)
if login_form.is_valid():
# 用于通過用戶和密碼查詢用戶是否存在
user_name = login_form.cleaned_data["username"]
password = login_form.cleaned_data["password"]
user = authenticate(username=user_name, password=password)
# 1. 通過用戶名查詢到用戶
# 2. 需要先加密再通過加密之后的密碼查詢
# user = UserProfile.objects.get(username=user_name, password=password)
if user is not None:
# 查詢到用戶
login(request, user)
return HttpResponseRedirect(reverse("index"))
# return HttpResponse('ok')
else:
# 未查詢到用戶
return render(request, "login.html", {"msg": "用戶名或密碼錯(cuò)誤", "login_form": login_form})
else:
return render(request, "login.html", {"login_form": login_form})
authenticate（），提供用戶認(rèn)證，驗(yàn)證用戶名和密碼是否正確命辖，一般需要username ，password兩個(gè)關(guān)鍵字參數(shù)分蓖，
在user app下新建forms.py
from django import forms
from apps.users.models import UserProfile
class LoginForm(forms.Form):
username = forms.CharField(required=True, min_length=2)
password = forms.CharField(required=True, min_length=3)
顯示登錄頁面
新建login.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
<title>慕學(xué)在線網(wǎng)登錄</title>
<link rel="stylesheet" type="text/css" href="/static/css/reset.css">
<link rel="stylesheet" type="text/css" href="/static/css/login.css">
</head>
<body>
<div class="dialog" id="jsDialog">
<!--提示彈出框-->
<div class="successbox dialogbox" id="jsSuccessTips">
<h1>成功提交</h1>
<div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
<div class="cont">
<h2>您的需求提交成功尔艇！</h2>
<p></p>
</div>
</div>
<div class="noactivebox dialogbox" id="jsUnactiveForm" >
<h1>郵件驗(yàn)證提示</h1>
<div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
<div class="center">
<img src="/static/images/send.png"/>
<p>我們已經(jīng)向您的郵箱<span class="green" id="jsEmailToActive">12@13.com</span>發(fā)送了郵件，<br/>為保證您的賬號(hào)安全么鹤，請及時(shí)驗(yàn)證郵箱</p>
<p class="a"><a class="btn" id="jsGoToEmail" target="_blank" >去郵箱驗(yàn)證</a></p>
<p class="zy_success upmove"></p>
<p style="display: none;" class="sendE2">沒收到终娃，您可以查看您的垃圾郵件和被過濾郵件，也可以再次發(fā)送驗(yàn)證郵件（<span class="c5c">60s</span>）</p>
<p class="sendE">沒收到蒸甜，您可以查看您的垃圾郵件和被過濾郵件棠耕，<br/>也可以<span class="c5c green" id="jsSenEmailAgin" style="cursor: pointer;">再次發(fā)送驗(yàn)證郵件</span></p>
</div>
</div>
</div>
<div class="bg" id="dialogBg"></div>
<header>
<div class="c-box fff-box">
<div class="wp header-box">
<p class="fl hd-tips">慕學(xué)在線網(wǎng)，在線學(xué)習(xí)平臺(tái)柠新！</p>
<ul class="fr hd-bar">
<li>服務(wù)電話：<span>400-888-888</span></li>
<li class="active"><a href="login.html">[登錄]</a></li>
<li><a href="register.html">[注冊]</a></li>
</ul>
</div>
</div>
</header>
<section>
<div class="c-box bg-box">
<div class="login-box clearfix">
<div class="hd-login clearfix">
<a class="index-logo" href="index.html"></a>
<h1>用戶登錄</h1>
<a class="index-font" href="index.html">回到首頁</a>
</div>
<div class="fl slide">
<div class="imgslide">
<ul class="imgs">
<li><a href=""><img width="483" height="472" src="/static/images/mysql.jpg" /></a></li>
<li><a href=""><img width="483" height="472" src="/static/images/mysql.jpg" /></a></li>
<li><a href=""><img width="483" height="472" src="/static/images/mysql.jpg" /></a></li>
</ul>
</div>
<div class="unslider-arrow prev"></div>
<div class="unslider-arrow next"></div>
</div>
<div class="fl form-box">
<div class="tab">
<h2 class="active">賬號(hào)登錄</h2>
<h2 >動(dòng)態(tài)登錄</h2>
</div>
<form class="tab-form" action="" method="post" autocomplete="off" id="form1">
<div class="form-group marb20 ">
<input name="username" id="account_l" type="text" placeholder="手機(jī)號(hào)/郵箱" />
</div>
<div class="form-group marb8 ">
<input name="password" id="password_l" type="password" placeholder="請輸入您的密碼" />
</div>
<div class="error btns login-form-tips" id="jsLoginTips"></div>
<div class="auto-box marb38">
<a class="fr" href="forgetpwd.html">忘記密碼窍荧？</a>
</div>
<input class="btn btn-green" id="jsLoginBtn" type="submit" value="立即登錄 > " />
</form>
<form class="tab-form hide" id="mobile_register_form" autocomplete="off" method="post" id="form2">
<div class="form-group marb20">
<input id="jsRegMobile" name="mobile" type="text" placeholder="請輸入您的手機(jī)號(hào)碼">
</div>
<div class="form-group marb20 blur" id="jsRefreshCode">
<input autocomplete="off" class="form-control-captcha mobile-register-captcha" id="mobile-register-captcha_1" name="captcha_m_1" placeholder="請輸入驗(yàn)證碼" type="text"> <input class="form-control-captcha mobile-register-captcha" id="mobile-register-captcha_0" name="captcha_m_0" placeholder="請輸入驗(yàn)證碼" type="hidden" value="f7ee32b98dff72e7c9248104b81b56c55188ec8a"> <img src="./多米樂首頁_files/saved_resource" alt="captcha" class="captcha">
</div>
<div class="clearfix">
<div class="form-group marb8 verify-code">
<input id="jsPhoneRegCaptcha" name="code" type="text" placeholder="輸入手機(jī)驗(yàn)證碼">
</div>
<input class="verify-code-btn sendcode" id="jsSendCode" value="發(fā)送驗(yàn)證碼">
</div>
<div class="error btns" id="jsMobileTips" style="display: none;"></div>
<div class="auto-box marb8">
</div>
<input class="btn btn-green" id="jsMobileRegBtn" type="button" value="立即登錄">
</form>
<p class="form-p">沒有慕學(xué)在線網(wǎng)帳號(hào)？<a href="register.html">[立即注冊]</a></p>
</div>
</div>
</div>
</section>
<script src="/static/js/jquery.min.js" type="text/javascript"></script>
<script src="/static/js/unslider.js" type="text/javascript"></script>
<script src="/static/js/validateDialog.js" type="text/javascript"></script>
<script src="/static/js/login.js" type="text/javascript"></script>
</body>
</html>
重新修改index.html
實(shí)現(xiàn)用戶登錄了顯示用戶信息恨憎，未登錄顯示登錄注冊按鈕的判斷
{% if user.is_authenticated %}
顯示個(gè)人中心代碼
{% else %}
顯示登錄和注冊代碼
{% endif %}
