day20 project+查看新聞列表 + 點贊 + 圖片驗證碼 + 評論和多級評論 + 後臺管理 + webSocket + kindEditor

Day20
回顧：
1. 請求生命週期

2. 中間件
　　md = [
　　　　"file_path.classname"
　　]
　　process_request【無關緊要】 process_response【必須有】
　　process_request process_response
　　process_request process_response
　　process_request process_response
　　process_request process_response

路由->函數
3. 路由系統
　　a. /index/ -> func
　　b. /index/(\d+) -> func()
　　c. /prev/ -> include('xxx.urls')
　　d. /detail/ -> func n1
　　{% url n1 %}
　　reverse('n1')
4. 視圖函數
　　a. FBV
　　　　def index(request):
　　　　request.POST
　　　　request.GET
　　　　request.method
　　　　request.FILES
　　　　request.body
　　　　request.COOKIE
　　　　request.session
　　　　request.path_info
　　　　request...

　　　　return render
　　　　return redirect
　　　　return HttpResponse

b. CBV
　　class Foo(view):
　　　　def dispatch
　　　　　　pass

　　　　　def get

　　　　　　...
5. 模板引擎渲染
　　a. Django後臺完成渲染全部工做
　　b. 字典，元組，列表： .
　　c. simple_tag

6. 數據庫操做
　　pymysql
　　　　- 本身寫SQL語句
　　ORM
　　　　- 類和對象完成數據庫全部操做

　　　　- 建立類
　　　　　　- 單表
　　　　　　- 一對一
　　　　　　- 一對多
　　　　　　- 多對多
　　　　　　- 操做：
　　　　　　...

7. 分頁


8. Ajax提交
　　$.ajax({
　　　　url:
　　　　type:
　　　　data:
　　　　dataType:
　　　　headers:
　　　　success:function(arg){


　　　　}

　　})


9. Django Form組件
　　class:
　　　　字典 = （）


　　obj = Foo(reqest.GET)
　　obj.is_valid()

10. 序列化



11. 其餘：
　　csrf
　　緩存
　　信號

今日內容：
1. project

　　填充數據（admin）：
　　　　admin.py
　　　　　　from repository import models

　　　　　　admin.site.register(models.UserInfo)
　　　　　　admin.site.register(models.Comment)
　　　　　　admin.site.register(models.Favor)
　　　　　　admin.site.register(models.News)
　　　　　　admin.site.register(models.NewsType)
　　建立用戶
　　　　python manage.py createsuperuser
　　　　root
　　　　root!23456

　　　瀏覽器：
　　　　http://127.0.0.1:8000/admin

　　admin中顯示：
　　　　class News(models.Model):
　　　　nid = models.AutoField(primary_key=True)
　　　　user_info = models.ForeignKey('UserInfo')
　　　　class Meta:
　　　　verbose_name_plural = '新聞' # 表名稱

　　　　def __str__(self):
　　　　　　return self.title # 行顯示內容
　　驗證碼：
　　　　1. pip3 install Pillow
　　　　2. check_code.py 和 Monaco.ttf【項目跟目錄】
　　　　3. <img src='/xxxxxx/'>
　　　　4.
　　　　def xxxxx(request):
　　　　　　img_obj, code = ac.create_validate_code()
　　　　　　stream = BytesIO()
　　　　　　img_obj.save(stream,'png')
　　　　　　request.session['check_code'] = code
　　　　　　return HttpResponse(stream.getvalue())

　　2. 查看新聞列表
　　3. 點贊
　　　　後端：

　　　　前端：
　　　　　　position: relative; absolute;

　　　　　　function ZMM(ths,txt) {
　　　　　　var fontSize = 5;
　　　　　　var left = 5;
　　　　　　var top = 5;
　　　　　　var opacity = 1;

　　　　　　var tag = document.createElement('span');
　　　　　　tag.innerHTML = txt;
　　　　　　tag.style.position = "absolute";
　　　　　　tag.style.fontSize = fontSize + 'px';
　　　　　　tag.style.left = left+ 'px';
　　　　　　tag.style.top = top+ 'px';
　　　　　　tag.style.opacity = opacity;
　　　　　　$(ths).append(tag);

　　　　　　var obj = setInterval(function () {
　　　　　　　　fontSize = fontSize + 5;
　　　　　　　　left = left + 5;
　　　　　　　　top = top - 5;
　　　　　　　　opacity = opacity - 0.1;
　　　　　　　　tag.style.fontSize = fontSize + 'px';
　　　　　　　　tag.style.left = left+ 'px';
　　　　　　　　tag.style.top = top+ 'px';
　　　　　　　　tag.style.opacity = opacity;
　　　　　　　　if(left > 60){
　　　　　　　　　　clearInterval(obj);
　　　　　　　　　　tag.remove();
　　　　　　　　}
　　　　},100);
　　　　}

　　4. 圖片驗證碼
　　5. 評論和多級評論（**********）
　　　　a. 結構化數據
　　　　b. 遞歸生成HTML

　　7. 後臺管理
　　　　- 簡單菜單(適用於固定個數菜單)
　　　　- 動態菜單
　　　　當前URL： /backend/host/

　　　　a. 結構化數據
　　　　b. 遞歸生成HTML


　　6. WebSocket
　　　　http://www.cnblogs.com/wupeiqi/p/6558766.html

　　8. KindEditor[插件] ---- 欠

　　　　參考連接：http://www.cnblogs.com/wupeiqi/articles/6307554.html
　　　　- 高度寬度
　　　　- item
　　　　-
　　　　　　uploadJson: '/kind/upload_img/',
　　　　　　extraFileUploadParams: {
　　　　　　'csrfmiddlewaretoken': '{{ csrf_token }}'
　　　　},
　　　　filePostName:'fafafa'


　　　　def upload_img(request):
　　　　"""
　　　　　文件上傳
　　　　:param request:
　　　　:return:
　　　　　"""
　　　　obj = request.FILES.get('fafafa')

　　　　dic = {
　　　　'error': 0,
　　　　'url': '/static/imgs/20130809170025.png',
　　　　'message': '錯誤了...'
　　　　}

　　　　return HttpResponse(json.dumps(dic))


做業：整理今天

 

下週內容：
1. Alex，
　　　協同開發GitHub
　　　celery
　　　等