Djngo学习六

Djngo学习六

一、文件上传
setting.py修改：

STATIC_URL = '/static/'
STATICFILES_DIR = [
    os.path.join(BASE_DIR,'static')
]
MEDIA_ROOT=os.path.join(BASE_DIR,'static/media')

html:

<form  method="post" action="" enctype="multipart/form-data">
    {% csrf_token %}
    <input type="file" name="file"><br>
    <input type="submit" value="上传">
</form>

views.py修改：

import os
from untitled5.settings import MEDIA_ROOT
class upfile(View):
    def get(self,request):
        return render(request,'webstart/upfile.html')
    def post(self,request):
        # print(request.FILES)
        file=request.FILES.get('file')
        f1_name=os.path.join(MEDIA_ROOT,file.name) #保存位置，将图片名字进行拼接
        with open(f1_name,'wb') as ff: #上传文件
            for c in file.chunks():
                ff.write(c)
        return HttpResponse("文件上传成功")

上传成功：

二、GET、POST请求

1.GET提交的数据会放在URL之后，以?分割URL和传输数据，参数之间以&相连，如EditPosts.aspx?name=test1&id=123456，POST方法是把提交的数据放在HTTP包的Body中.

2.GET是从服务器上获取数据，POST是向服务器传送数据。

3.GET安全性较低，POST安全性较高。html需加上{% csrf_token %}，url:使用as_view()方法

三、cookie、session

1.cookie的信息是存放在浏览器客户端的，而session是存放在服务器端的，session比cookie安全。

四、jQuery学习**
1.基本框架：

$(document).ready(function(){    });   or    $(function(){      });

2.常见事件：

3.效果：
隐藏/显示：hide、show、toggle（语法：$(selector).xxx(speed,callback);）
淡入/淡出：fadeIn、fadeOut、fadeToggle（入/出）、fadeTo（设置透明度）(语法同上)
滑动：（使面板隐藏/显示）slideDown、slideUp、slideToggle (语法同上)
动画：animate（语法：$(selector).animate({params},speed,callback); //params:css属性，使用paddingLeft 而不是 padding-left）

4.HTML:
捕获：

• text() - 设置或返回所选元素的文本内容

• html() - 设置或返回所选元素的内容（包括 HTML 标记）

• val() -设置或返回表单字段的值

    $(document).ready(function(){
     $("#btn1").click(function(){
       alert("Text: " + $("#test").text());
     });
     $("#btn2").click(function(){
       alert("HTML: " + $("#test").html());
     });
     $("#btn3").click(function(){    
       alert("值为: " + $("#test1").val()); 
     }); 
      $("#btn4").click(function(){  
        alert($("#runoob").attr("href"));
     });
   });
   
   <p id="test">这是段落中的 <b>粗体</b> 文本。</p>
   <p>名称: <input type="text" id="test1" value="菜鸟教程"></p>
   <p><a href="//www.runoob.com" id="runoob">菜鸟教程</a></p>     
   <button id="btn1">显示文本</button>
   <button id="btn2">显示 HTML</button>
   <button id="btn3">显示值</button>
   <button  id="btn4">显示 href 属性的值</button>
  

CSS类：

• addClass() - 向被选元素添加一个或多个类
• removeClass() - 从被选元素删除一个或多个
• toggleClass() - 对被选元素进行添加/删除类的切换操作