Django進階

Django進階

MTV與MVC：

MTV模型(只在Django中)：

​ M：模型層對應的就是django中的model.py

​ T：模板層對應的就是Django的templates

​ V：視圖層對應的就是Django的view.py

MVC模型:

​ M：模型層對應的也是model.py

​ V：視圖層對應的也是view.py

​ C:控制器(Controller) 對應的就是urls.py 就是路由分發

本質:django的MTV本質就是MVC

多對多表的三種建立方式

1.第一種Django自動建立(ManyToManyField)

好處：Django純手動幫你建立第三張表，不須要你本身建立第三張表。

缺點:第三張表自動靠Django幫你建立，本身不能在第三張表中建立一些本身的字段

class Book2(models.Model):
    name = models.CharField(max_length=32)
    price = models.DecimalField(max_digits=6, decimal_places=2)
    publish_data = models.DateField(auto_now_add=True)
    authors = models.ManyToManyField(to='Author2')

class Author2(models.Model):
    name = models.CharField(max_length=32)
    age = models.IntegerField()

2.第二種Django純手動建立第三張表

好處:能夠在第三張表定義一些本身獨有的字段

缺點:增刪改查的一些操做不能與原來的Django中的orm同樣好比說正向和反向

class Book(models.Model):
    name = models.CharField(max_length=32)
    price = models.DecimalField(max_digits=6, decimal_places=2)

class Author(models.Model):
    name = models.CharField(max_length=32)
    age = models.IntegerField()


class Book2Author(models.Model):
    book2 = models.ForeignKey(to='Book')
    authors = models.ForeignKey(to='Author')
    info = models.CharField(max_length=32)

3.第三種半自動建立第三張表

好處：可擴展性高，而且能支持orm查詢

class Book(models.Model):
    name = models.CharField(max_length=32)
    price = models.DecimalField(max_digits=6, decimal_places=2)
    publish_data = models.DateField(auto_now_add=True)
    # authors = models.ManyToManyField(to='Author2')


class Author(models.Model):
    name = models.CharField(max_length=32)
    age = models.IntegerField()


class Book2Author(models.Model):
    book2 = models.ForeignKey(to='Book')
    authors = models.ForeignKey(to='Author')
    info = models.CharField(max_length=32)

先後端傳輸數據編碼格式contentType

默認編碼格式:contentType

傳輸的數據在Form Data中

若是想看原數據格式的話也是就contentType傳的數據格式，須要點 圖片上面的view source

對應的數據格式:q1=111&q2=222 這裏的q1就是你標籤中name屬性的名字
後端獲取數據:request.POST
ps；django會將urlencoded編碼的數據解析自動放到request.POST

formdata是form表單傳輸文件的編碼格式

​ 後端獲取文件格式數據:request.FILES

​ 後端獲取普通鍵值對數據：request.POST

ajax

什麼是ajax？

異步的JavaScript和xml

ajax是幹啥的？

先後臺數據交互，以前沒有用ajax以前都是用get，post請求攜帶參數來完成交互傳輸數據，傳輸的格式是默認是urlencoded，但ajax支持json格式，咱們通常也用json格式來完成數據傳輸。

特色:1.異步

2.局部刷新

在使用ajax以前必定要導入jQuery

ajax基本語法：

$.ajax({
        // 提交的地址
        url:'/index/',
        // 提交的方式
        type:'post',
        // 提交的數據
        data:{'name':'jason','password':'123'},
        // 回調函數
        success:function (data) {  // data接收的就是異步提交返回的結果
                    alert(data)
                        }
                    })
                })

加法例子:

前端部分:

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<p><input type="text" name="add1" id="i1">+<input type="text" name="add2" id="i2">=
    <input type="text" name="sum" id="i3" onfocus="wcpbm()"></p>
<button id="d1">提交</button>

ajax部分

<script>
    function wcpbm() {
        $.ajax(
            {
                url: '/add1/',
                type: 'post',
                data: {'i1': $('#i1').val(), 'i2': $('#i2').val()},
                success: function (data) {
                    $('#i3').val(data)
                }
            }
        )
    }
</script>

路由

url(r'^add1/', views.add1),

視圖函數

from django.shortcuts import render,HttpResponse
def add1(request):
    if request.method == 'POST':
        i1 = request.POST.get('i1')
        i2 = request.POST.get('i2')
        sum1 = int(i1)+int(i2)
        return HttpResponse(sum1)
    return render(request,'add1.html')

登陸校驗例子

html部分

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<h2>登錄</h2>
用戶名:<input type="text" name="d1" id="d1" onblur="upperCase()"><span id="c1" hidden >用戶名已經存在</span><br>
密碼:<input type="password" name="d2" id="d2"><span id="c2"></span><br>
<button id="btn">點我</button>

ajax

<script>
    function upperCase() {
        $.ajax({
            url: '/login/',
            type: 'post',
            data: {'d1': $('#d1').val(), 'd2': $('#d2').val()},
            success: function (data) {
                if (data) {
                    {#alert(data);#}
                    $('#c1').removeAttr(data)
                } else {
                    $('#c1').attr('hidden','1')
                }

            }
        })

    }



</script>

路由

url(r'^login/', views.login),

視圖函數

from django.shortcuts import render,HttpResponse,redirect
def login(request):
    if request.method == 'POST':
        d1 = request.POST.get('d1')
        # d2 = request.POST.get('d2')
        print(d1)
        if d1 == 'zk':
            return HttpResponse('hidden')
        else:
            return HttpResponse('')
    return render(request,'login.html')

ajax實現文件傳輸的例子:

ajax傳輸文件
                $('#d1').click(function () {
                   let formdata = new FormData();
                   // FormData對象不單單能夠傳文件還能夠傳普通的鍵值對
                    formdata.append('name','jason');
                    // 獲取input框存放的文件
                    //$('#i1')[0].files[0]
                    formdata.append('myfile',$('#i1')[0].files[0]);
                    $.ajax({
                        url:'',
                        type:'post',
                        data:formdata,
                        // ajax發送文件須要修改兩個固定的參數
                        processData:false,  // 告訴瀏覽器不要處理個人數據
                        contentType:false,  // 不要用任何的編碼，就用我formdata自帶的編碼格式，django可以自動識別改formdata對象
                        // 回調函數
                        success:function (data) {
                            alert(data)
                        }
                    })
                });

rm表單與ajax異同點
1.form表單不支持異步提交局部刷新
2.form表單不支持傳輸json格式數據
3.form表單與ajax默認傳輸數據的編碼格式都是urlencoded

普通的批量插入（很是很是的慢）:

for i in range(10000):
        models.Book2.objects.create(name='第%s本書' % i, price='1111')

用了bulk_create的批量插入（飛通常的感受速度賊快）：

l = []
    for i in range(10000):
        l.append(models.Book2(name='第%s本書'%i,price=22))
    models.Book2.objects.bulk_create(l)

須要注意的是bulk_create只能傳入一個可迭代對象

分頁器:

視圖層

def booklist(request):
    book_list = models.Book2.objects.all()
    all_count = book_list.count()
    current_page = request.GET.get('page',1)
    page_obj = my_page.Pagination(current_page=current_page,all_count=all_count)
    page_queryset = book_list[page_obj.start:page_obj.end]
    return render(request,'booklist.html',locals())

前端:

{{ page_obj.page_html|safe }}  # 幫你渲染的是帶有bootstrap樣式的分頁器

封裝模塊

class Pagination(object):
    def __init__(self, current_page, all_count, per_page_num=2, pager_count=11):
        """
        封裝分頁相關數據
        :param current_page: 當前頁
        :param all_count:    數據庫中的數據總條數
        :param per_page_num: 每頁顯示的數據條數
        :param pager_count:  最多顯示的頁碼個數

        用法:
        queryset = model.objects.all()
        page_obj = Pagination(current_page,all_count)
        page_data = queryset[page_obj.start:page_obj.end]
        獲取數據用page_data而再也不使用原始的queryset
        獲取前端分頁樣式用page_obj.page_html
        """
        try:
            current_page = int(current_page)
        except Exception as e:
            current_page = 1

        if current_page < 1:
            current_page = 1

        self.current_page = current_page

        self.all_count = all_count
        self.per_page_num = per_page_num

        # 總頁碼
        all_pager, tmp = divmod(all_count, per_page_num)
        if tmp:
            all_pager += 1
        self.all_pager = all_pager

        self.pager_count = pager_count
        self.pager_count_half = int((pager_count - 1) / 2)

    @property
    def start(self):
        return (self.current_page - 1) * self.per_page_num

    @property
    def end(self):
        return self.current_page * self.per_page_num

    def page_html(self):
        # 若是總頁碼 < 11個：
        if self.all_pager <= self.pager_count:
            pager_start = 1
            pager_end = self.all_pager + 1
        # 總頁碼  > 11
        else:
            # 當前頁若是<=頁面上最多顯示11/2個頁碼
            if self.current_page <= self.pager_count_half:
                pager_start = 1
                pager_end = self.pager_count + 1

            # 當前頁大於5
            else:
                # 頁碼翻到最後
                if (self.current_page + self.pager_count_half) > self.all_pager:
                    pager_end = self.all_pager + 1
                    pager_start = self.all_pager - self.pager_count + 1
                else:
                    pager_start = self.current_page - self.pager_count_half
                    pager_end = self.current_page + self.pager_count_half + 1

        page_html_list = []
        # 添加前面的nav和ul標籤
        page_html_list.append('''
                    <nav aria-label='Page navigation>'
                    <ul class='pagination'>
                ''')
        first_page = '<li><a href="?page=%s">首頁</a></li>' % (1)
        page_html_list.append(first_page)

        if self.current_page <= 1:
            prev_page = '<li class="disabled"><a href="#">上一頁</a></li>'
        else:
            prev_page = '<li><a href="?page=%s">上一頁</a></li>' % (self.current_page - 1,)

        page_html_list.append(prev_page)

        for i in range(pager_start, pager_end):
            if i == self.current_page:
                temp = '<li class="active"><a href="?page=%s">%s</a></li>' % (i, i,)
            else:
                temp = '<li><a href="?page=%s">%s</a></li>' % (i, i,)
            page_html_list.append(temp)

        if self.current_page >= self.all_pager:
            next_page = '<li class="disabled"><a href="#">下一頁</a></li>'
        else:
            next_page = '<li><a href="?page=%s">下一頁</a></li>' % (self.current_page + 1,)
        page_html_list.append(next_page)

        last_page = '<li><a href="?page=%s">尾頁</a></li>' % (self.all_pager,)
        page_html_list.append(last_page)
        # 尾部添加標籤
        page_html_list.append('''
                                           </nav>
                                           </ul>
                                       ''')
        return ''.join(page_html_list)

注意：在使用封裝的模塊以前必定須要建立一個叫utils的文件夾，而後在使用的時候導入這個模塊的名字就行如：from app01.utils import my_page