慕課網學習python+Django+xadmin打造線上教育平臺user app學習總結

阿新 • • 發佈：2019-02-10

學習django這個框架也有一段時間了，一開始接觸到這個框架就對這個框架非常的感興趣，所以就去學習了慕課網上的python升級3.6強力Django+殺手級打造線上教育平臺，目前學習完了六個章節，實現了使用者登入，使用者註冊，找回密碼功能，覺得有必要先總結總結之前的學習，然後再繼續學習。

一開始在Django整合xadmin時碰到了非常非常多的問題，也就是版本的問題，這裡放一個解決我一部分bug的連結django2.0整合xadmin0.6報錯集錦http://www.lybbn.cn/data/bbsdatas.php?lybbs=50，當然可能還有一些多多少少的問題，我感覺我說不清楚，所以也就不在細說

先說使用者登入

第一步：在models.py檔案中建立表

首先建立UserProfile表

user的自定義方法可以查閱Django的官方文件

在settings.py檔案中要加

AUTH_USER_MODEL = "users.UserProfile"

這條語句

郵箱驗證碼錶和輪播圖表的設計

建立好相關表後

ctrl+alt+r 輸入

makemigrations users

然後再輸入

migrate users

第二步：建立forms.py檔案，在資料庫判斷前先用LoginForm判斷登入表單提交的內容是否符合要求，若不符合，直接返回錯誤資訊，減輕資料庫負擔

第三步：在views.py中寫相關的邏輯

第四步配置url：

url('login/$' 
,LoginView.as_view(),name='login'),

第五步在setting中的INSTALLED_APPS中新增users

前端頁面：

<!DOCTYPE html>
<html>
{% load staticfiles %}
<head>
   <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
 
   <title>慕學線上網登入</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>郵件驗證提示</h1>
    <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
    <div class="center">
        <img src="/static/images/send.png"/>
        <p>我們已經向您的郵箱<span class="green" id="jsEmailToActive">[email protected]</span>傳送了郵件，<br/>為保證您的賬號安全，請及時驗證郵箱</p>
        <p class="a"><a class="btn" id="jsGoToEmail" target="_blank" href="http://mail.qq.com">去郵箱驗證</a></p>
        <p class="zy_success upmove"></p>
        <p style="display: none;" class="sendE2">沒收到，您可以檢視您的垃圾郵件和被過濾郵件，也可以再次傳送驗證郵件（<span class="c5c">60s</span>）</p>
        <p class="sendE">沒收到，您可以檢視您的垃圾郵件和被過濾郵件，<br/>也可以<span class="c5c green" id="jsSenEmailAgin" style="cursor: pointer;">再次傳送驗證郵件</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">慕學線上網，線上學習平臺！</p>
            <ul class="fr hd-bar">
                <li>服務電話：<span>33333333</span></li>
                <li class="active"><a href="/login/">[登入]</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">
                <h2>帳號登入</h2>
                <form action="/login/" method="post" autocomplete="off">
{% csrf_token %}
                    <div class="form-group marb20 {% if login_form.errors.username %}errorput{% endif %} ">
                        <label>用&nbsp;戶&nbsp;名</label>
                        <input name="username" id="account_l" type="text" placeholder="手機號/郵箱" />
                    </div>
                    <div class="form-group marb8 {% if login_form.errors.password %}errorput{% endif %} ">
                        <label>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;碼</label>
                        <input name="password" id="password_l" type="password" placeholder="請輸入您的密碼" />
                    </div>
                    <div class="error btns login-form-tips" id="jsLoginTips">{% for key,error in login_form.errors.items %}{{ error }}{% endfor %}{{ msg }}</div>
                     <div class="auto-box marb38">
                        <a class="fr" href={% url 'forget_pwd' %}>忘記密碼？</a>
                     </div>
                     <input class="btn btn-green" id="jsLoginBtn" type="submit" value="立即登入 > " />
                </form>
                <p class="form-p">沒有慕學線上網帳號？<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/login.js"  type="text/javascript"></script>
</body>
</html>

最後登入的介面

錯誤提示：

慕課網學習python+Django+xadmin打造線上教育平臺user app學習總結

慕課網學習python+Django+xadmin打造線上教育平臺user app學習總結

Django+xadmin打造線上教育平臺（一）

Django+xadmin打造線上教育平臺（十）

Django+xadmin打造線上教育平臺（六）

Django+xadmin打造線上教育平臺（八）

Django+xadmin打造線上教育平臺（七）

Django+xadmin打造線上教育平臺（三）

Django+xadmin打造線上教育平臺（九）

Django+xadmin打造線上教育平臺（二）

Django+xadmin打造線上教育平臺（五）

Django+xadmin打造線上教育平臺（四）

Python升級3.6 強力Django+殺手級Xadmin打造線上教育平臺收藏 P

Python升級3.6 強力Django+殺手級Xadmin打造線上教育平臺

【慕課網】強力Django和殺手級xadmin學習筆記

基於IMOOC強力django+殺手級xadmin 打造上線標準的線上教育平臺課程的學習（15）——xadmin的擴充套件

基於IMOOC強力django+殺手級xadmin 打造上線標準的線上教育平臺課程的學習（3）

基於IMOOC強力django+殺手級xadmin 打造上線標準的線上教育平臺課程的學習（13）——xadmin介紹

Python筆記-慕課網-《Python入門》

基於IMOOC強力django+殺手級xadmin 打造上線標準的線上教育平臺課程的學習（16）——首頁和登入頁面配置

慕課網_建立Django模型類

慕課網學習python+Django+xadmin打造線上教育平臺user app學習總結

相關推薦