Django+xadmin打造在線教育平臺（九）
阿新 • • 發佈：2018-04-04
play HR scrip 平臺 eat 網銀 bubuko 404頁 用戶 
LoginView
Django+xadmin打造在線教育平臺（九）
代碼
github下載
十二、首頁和全局404，500配置
12.1.首頁功能
Course添加一個字段
is_banner = models.BooleanField(‘是否輪播‘,default=False)
CourseOrg添加一個字段
tag = models.CharField(‘機構標簽‘,max_length=10,default=‘全國知名‘)
（1）view
class IndexView(View):
‘‘‘首頁‘‘‘
def get(self,request):
#輪播圖
all_banners = Banner.objects.all().order_by(‘index‘)
#課程
courses = Course.objects.filter(is_banner=False)[:6]
#輪播課程
banner_courses = Course.objects.filter(is_banner=True)[:3]
#課程機構
course_orgs = Course.objects.all()[:15]
return render(request,‘index.html‘,{
‘all_banners‘:all_banners,
‘courses‘:courses,
‘banner_courses‘:banner_courses,
‘course_orgs‘:course_orgs,
})
（2）index.html
{% extends ‘base.html‘ %}
{% load staticfiles %}
{% block title %}課程機構列表{% endblock %}
{% block custom_bread %}
{% endblock %}
{% block content %}
<div class="banner">
<div class="wp">
<div class="fl">
<div class="imgslide">
<ul class="imgs">
{% for banner in all_banners %}
<li>
<a href="{{ banner.url }}">
<img width="1200" height="478" src="{{ MEDIA_URL }}{{ banner.image }}" />
</a>
</li>
{% endfor %}
</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">專業權威</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">數據真實</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/>專業權威</p>
<a class="more" href="{% url ‘course:course_list‘ %}">查看更多課程 ></a>
</div>
<div class="right group_list">
<div class="module1_2 box">
<div class="imgslide2">
<ul class="imgs">
{% for banner_course in banner_courses %}
<li>
<a href="{% url ‘course:course_detail‘ banner_course.id %}">
<img width="470" height="300" src="{{ MEDIA_URL }}{{ banner_course.image }}" />
</a>
</li>
{% endfor %}
</ul>
</div>
<div class="unslider-arrow2 prev"></div>
<div class="unslider-arrow2 next"></div>
</div>
{% for course in courses %}
<div class="module1_{{ forloop.counter|add:2 }} box">
<a href="{% url ‘course:course_detail‘ course.id %}">
<img width="233" height="190" src="{{ MEDIA_URL }}{{ course.image }}"/>
</a>
<div class="des">
<a href="{% url ‘course:course_detail‘ course.id %}">
<h2 title="django入門">{{ course.name }}</h2>
</a>
<span class="fl">難度：<i class="key">{{ course.get_degree_display }}</i></span>
<span class="fr">學習人數：{{ course.students }}</span>
</div>
<div class="bottom">
<span class="fl" title="慕課網">{{ course.course_org.name }}</span>
<span class="star fr">{{ course.fav_nums }}</span>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
<section>
<div class="module greybg">
<div class="wp">
<h1>課程機構</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/>權威認證</p>
<a class="more" href="{% url ‘org:org_list‘ %}">查看更多機構 ></a>
</div>
<div class="right">
<ul>
{% for org in course_orgs %}
<li class="{% if forloop.counter|divisibleby:5 %}five{% endif %}">
<a href="{% url ‘org:org_home‘ org.id %}">
<div class="company">
<img width="184" height="100" src="{{ MEDIA_URL }}{{ org.image }}"/>
<div class="score">
<div class="circle">
<h2>{{ org.tag }}</h2>
</div>
</div>
</div>
<p><span class="key" title="{{ org.name }}">{{ org.name }}</span></p>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block custom_js %}
<script type="text/javascript" src="{% static ‘js/index.js‘ %}"></script>
{% endblock %}
說明1：課程
- 課程分is_banner=False和is_banner=True,兩種課程的class屬性不一樣
- is_banner=True的class是 class="module1_2 box"
- is_banner=True的class是 class="module1_3 box",所以這裏要class="module1_{{ forloop.counter|add:2 }}
說明2：課程機構
- 課程機構的class分為class=""和class="five"
- 這裏要做個判斷，class="{% if forloop.counter|divisibleby:5 %}five{% endif %}
- divisibleby過濾器：能不能整除
說明3：lolgin
- 當登出在login的時候發現剛才的設置都沒生效，看不到圖片，要改一下login的view
- 把之前的登錄之後用render到‘index.html’改為return HttpResponseRedirect(reverse(‘index‘))
LoginView
12.2.全局配置404和500
(1)MxOnline/urls.py
from MxOnline.settings import STATIC_ROOT
urlpatterns = [
#靜態文件
re_path(r‘^static/(?P<path>.*)‘, serve, {"document_root": STATIC_ROOT }),
]
# 全局404頁面配置
handler404 = ‘users.views.pag_not_found‘
# 全局500頁面配置
handler500 = ‘users.views.page_error‘
(2)MxOnline/settings.py
DEBUG = False ALLOWED_HOSTS = [‘*‘] #靜態文件 STATIC_ROOT = os.path.join(BASE_DIR, ‘static‘)
(3)users/views.py
from django.shortcuts import render_to_response
def pag_not_found(request):
# 全局404處理函數
response = render_to_response(‘404.html‘, {})
response.status_code = 404
return response
def page_error(request):
# 全局500處理函數
from django.shortcuts import render_to_response
response = render_to_response(‘500.html‘, {})
response.status_code = 500
return response
說明：
- 404和500,生成環境匯總，必須設置debug = False
- 一旦debug改為false，django就不會代管你的靜態文件，所以這裏要設置一個url處理靜態文件
十三、常見web攻擊與防範
13.1.sql註入攻擊與防範
sql註入的危害
- 非法讀取、篡改、刪除數據庫中的數據
- 盜取用戶的各類敏感信息，獲取利益
- 通過修改數據庫來修改網頁上的內容
- 註入木馬等
sql註入測試代碼
class LoginUnsafeView(View):
def get(self, request):
return render(request, "login.html", {})
def post(self, request):
user_name = request.POST.get("username", "")
pass_word = request.POST.get("password", "")
import MySQLdb
conn = MySQLdb.connect(host=‘127.0.0.1‘, user=‘root‘, passwd=‘root‘, db=‘mxonline‘, charset=‘utf8‘)
cursor = conn.cursor()
sql_select = "select * from users_userprofile where email=‘{0}‘ and password=‘{1}‘".format(user_name, pass_word)
result = cursor.execute(sql_select)
for row in cursor.fetchall():
# 查詢到用戶
pass
print ‘test‘
urls.py
from users.views import LoginUnsafeView
urlpatterns = [
url(‘^login/‘, LoginUnsafeView.as_view(), name=‘login‘),
]
在login界面輸入用戶名：‘ OR 1=1# 密碼：123
發現可以獲取到我們數據庫裏面的用戶名和密碼。
13.2.xss攻擊
xss跨站腳本攻擊（Cross Site Scripting）的危害
- 盜取各類用戶賬號，如用戶網銀賬號、各類管理員賬號
- 盜竊企業重要的具有商業價值的資料
- 非法轉賬
- 控制受害者機器向其他網站發起攻擊、註入木馬等等
xss攻擊流程
xss攻擊防護
- 首先代碼裏對用戶輸入的地方和變量都需要仔細檢查長度和對<>;‘等字符做過濾
- 避免直接在cookie中泄漏用戶隱私，例如email、密碼等
- 通過使cookie和系統ip綁定來降低cookie泄漏後的危險
- 盡量采用POST而非GET提交表單
13.3.csrf攻擊
csrf跨站請求偽造（Cross-site request forgery）的危害
- 以你的名義發送郵件
- 盜取你的賬號
- 購買商品
- 虛擬貨幣轉賬
CSRF攻擊流程：
CSRF攻擊防範：
每個form裏面加上 {{csrf_token}}
Django+xadmin打造在線教育平臺（九）