アドバンストジャンゴ(A)

選択パラメータ

データの読みやすさのために第二に面倒な文字列の代わりに、いくつかの特殊文字や数字を使用し、データ・スペースを節約するために1、および上で重要。主にユーザーの性別、ユーザー教育、作業状況を入力します。

のは、最後の例を見てみましょう:

以下のためにchoicesあなたが直接その取得したフィールドまたはその番号を指していない、中国に対応する番号を取得したい場合は、フィールド、我々は定型文を使用する必要が数据对象.get_字段名_display()取得した文またはデジタルの間には対応関係が存在しない場合には、。

MTVとMVCモデル

ジャンゴそれはまだMVCフレームワークです

MTV MVC
M:モデル M:モデル
T:テンプレート V:ビュー
V:ビュー C:contronner

アヤックス

ネイティブのJSの開発に基づいて、あまりにも面倒なネイティブJSでコードを書き、達成するために使用しjqueryのAJAXを促進します

ページ全体をリロードせずに、ページのサーバーと更新パーツとデータを交換することができます。

非同期提出

同期、非同期:タスクの説明は、方法で提示されます

同期:タスクの提出した後、タスクの結果を待つために自宅に戻っは、中に何もしません

非同期:タスクの提出、タスクの結果を待つために戻る場所がない、コードの直接次の行の後、コールバック機構を介してタスクに戻ります

非ブロッキングとブロッキング:プログラムの実行を

パーシャルリフレッシュ

全体ではなく、ページの更新が、どこかに部分的なページ更新、例えば:githubの

例の最初:

ボタンのクリックに向けて後端がないページの更新を要求する場合には、デジタル加算器を完了するために、フロントページ、3ページの入力ボックスを表示します

のは、この要件のバックエンドを見てみましょうことは書くことです

アヤックスJSONデータを渡します

私は私のデータがURLエンコードされていない、バックエンドに伝える必要がありますが、JSON形式

DjangoはバックエンドのJSONデータのフォーマット、および自動的にあなたが直接あなたを助けるためにそのままに、解決できないだろうrequest.body、あなたは手動プロセスデータを取得することができます(転送形式、シリアル化されました)

バックエンドのショー:

Ajaxのデータ転送ファイル

  • ビルトインオブジェクトFORMDATAを使用する必要があり、オブジェクトは通常のキーと値のペアを渡すことも、あなたはまた、ファイルを転送することができます
  • いくつかのパラメータを指定する必要があります。
    • データ:FORMDATA(データ型)
    • contentTypeの:偽(コーディングなし)
    • processData:false(告诉浏览器不要处理我的数据)
<body>
<input type="text" name="username" id="t1">
<input type="text" name="password" id="t2">
<input type="file" name="myfile" id="t3">
<button id="b1">提交</button>
<script>
    $('#b1').click(function () {
        // 1.先生成一个formdata对象
        var myFormData = new FormData();
        // 2.朝对象中添加普通的键值
        myFormData.append('username',$("#t1").val());
        myFormData.append('password',$("#t2").val());
        // 3.朝对象中添加文件数据
        // 1.先通过jquery查找到该标签
        // 2.将jquery对象转换成原生的js对象
        // 3.利用原生js对象的方法 直接获取文件内容
        myFormData.append('myfile',$('#t3')[0].files[0]);
        $.ajax({
            url:'',
            type:'post',
            data:myFormData,  // 直接丢对象
            // ajax传文件 一定要指定两个关键性的参数
            contentType:false,  // 不用任何编码 因为formdata对象自带编码 django能够识别该对象
            processData:false,  // 告诉浏览器不要处理我的数据 直接发就行
            success:function (data) {
                alert(data)
            }
        })
    })
</script>
</body>

contentType前后端传输数据编码

form表单

默认的提交数据的编码格式是`urlencoded`那么什么是`urlencoded`呢?

username=admin&password=123,什么等于什么的这种就是符合urlencoded数据格式

​ 问题来了!!!为什么urlencoded数据格式不需要我们自己去获取解析呢?

​ 答:django后端针对urlencoded数据格式信息会自动解析,会将结果打包给request.POST,用户只需要从request.POST即可获取对应信息

formdata

​ django后端针对formdata格式类型数据 也会自动解析,但是不会放到request.POST中而是放到了request.FILES

ajax

​ ajax默认的提交数据的编码格式也是urlencoded

django后端针对不同的编码格式数据,会有不同的处理机制以及不同的获取数据的方法

ajax + sweetalert

sweetalert是个什么鬼呢?他和bootstrap是大差不差的,我们把这个文件下载下来就行,ajax + sweetalert将会实现怎样的一个效果呢?他就是在我们去 删除一行数据的时候弹出一个下拉框,我们主要做的就是将这个下拉框中做的事情传给后端,后端再进行数据库中的数据删除

前端:

function(){
            $.ajax({
                url:'',
                type:'post',
                data:{'delete_id':$btn.attr('delete_id')},
                success:function (data) {
                    if (data.code==1000){
                        swal(data.msg, "你可以回去收拾行李跑路了.", "success");
                        // 1.直接刷新页面
                        {#window.location.reload()#}
                        // 2.通过DOM操作 实时删除
                        $btn.parent().parent().remove()
                    }else{
                        swal("发生了未知错误!", "我也不知道哪里错了.", "info");
                    }
                }
            });

序列化组件

eg:将用户表的数据 查询出来 返回给前端,给前端的是一个大字典,字典里面的数据是一个个的字段

前端是怎么写的呢?让我们瞅一眼

补充

  • django后端针对不同的编码格式数据,会有不同的处理机制以及不同的获取该数据的方法
  • 前后端在做数据交互的时候一定要标明你所发的数据到底是什么格式,数据是什么格式,就应该告诉客户什么格式
  • 序列化组件:自动帮你序列化一些数据

おすすめ

転載: www.cnblogs.com/yanjiayi098-001/p/11754639.html