Vue框架的總結html
""" 一、vue若是控制html 在html中設置掛載點、導入vue.js環境、建立Vue對象與掛載點綁定 二、vue是漸進式js框架 三、vue指令 {{ }} v-text|html => 限制一次性渲染 v-once v-if|show v-if v-else-if v-else v-for v-model v-bind [c1, c2] | {active: isActive} v-on fn | fn(...) | fn($event, ...) {{ data中出現的變量 }} v-if="data中出現的變量 的條件表達式" 四、vue實例成員 el | template components data {} | data () { return {} } methods computed:定義的是方法屬性 watch:監聽屬性 props <div id="app"> <Nav :subdata="supdata" @subaction="supaction"></Nav> </div> 五、生命週期鉤子 都是實例成員,在組件建立到銷燬整個過程的某些時間節點回調的函數 beforeCreated() { this._fn => this.$option.methods._fn } 六、項目 環境:node => npm(cnpm) => vue/cli 建立與配置 vue create proj | 選擇基礎插件 | 配置npm啓動 插件:vue-router | vuex | axios | vue-cookies | element-ui """
二.drf 框架前端
知識點的歸納vue
""" 一、接口:什麼是接口、restful接口規範 二、CBV生命週期源碼 - 基於restful規範下的CBV接口 三、請求組件、解析組件、響應組件 四、序列化組件(靈魂) 五、三大認證(重中之重):認證、權限(權限六表)、頻率 六、其餘組件:過濾、篩選、排序、分頁、路由 """
(1)何爲接口node
""" 接口:聯繫兩個物質的媒介,完成信息交互 web程序中:聯繫前臺頁面與後臺數據庫的媒介 web接口組成: url:長得像放回數據的url連接 請求參數:前臺按照指定的key提供數據給後臺 響應數據:後臺與數據庫交互後將數據反饋給前臺 """
(2)restful接口規範python
接口規範:就是爲了採用不一樣的後臺語言,也能使用一樣的接口獲取到一樣的數據
如何寫接口:接口規範是 規範化書寫接口的,寫接口要寫 url、響應數據
注:若是將請求參數也歸入考量範圍,那就是在寫 接口文檔
1.分URL 和響應數據ios
(1) URL路由的接口規範git
1) 用api關鍵字標識接口url api.baidu.com | www.baidu.com/api 2) 接口數據安全性決定優先選擇https協議 3) 若是一個接口有多版本存在,須要在url中標識體現 api.baidu.com/v1/... | api.baidu.com/v2/... 4) 接口操做的數據源稱之爲 資源,在url中通常採用資源複數形式,一個接口能夠歸納對該資源的多種操做方式 api.baidu.com/books | api.baidu.com/books/(pk) 5) 請求方式有多種,用一個url處理如何保證不混亂 - 經過請求方式標識操做資源的方式 /books get 獲取全部 /books post 增長一個(多個) /books/(pk) delete 刪除一個 /books/(pk) put 總體更新一個 /books/(pk) patch 局部更新一個 6) 資源每每涉及數據的各類操做方式 - 篩選、排序、限制 api.baidu.com/books/?search=西&ordering=-price&limit=3
(2)響應數據的規範web
) http請求的響應會有響應狀態碼,接口用來返回操做的資源數據,能夠擁有 操做數據結果的 狀態碼 status 0(操做資源成功) 1(操做資源失敗) 2(操做資源成功,但沒匹配結果) 注:資源狀態碼不像http狀態碼,通常都是後臺與前臺或是客戶約定的 2) 資源的狀態碼文字提示 status ok '帳號有誤' '密碼有誤' '用戶鎖定' 3) 資源自己 results 注:刪除資源成功不作任何數據返回(返回空字符串) 4) 不能直接放回的資源(子資源、圖片、視頻等資源),返回該資源的url連接
(1)主路由>>>路由的分發vue-router
from django.conf.urls import url, include from django.contrib import admin urlpatterns = [ url(r'^admin/', admin.site.urls), # 路由分發 url(r'^api/', include('api.urls')) ]
(2)子路由 項目app01 app02 等vuex
api組件的子路由:api/url.py
from django.conf.urls import url
from . import views
urlpatterns = [
url(r'^books/', views.Book.as_view()),
url(r'^books/(?P<pk>.*)/$', views.Book.as_view()),
]
三.Mdels 模型層
from django.db import models class Book(models.Model): title = models.CharField(max_length=64) price = models.DecimalField(max_digits=5, decimal_places=2) class Meta: db_table = 'old_boy_book' verbose_name = '書籍' verbose_name_plural = verbose_name def __str__(self): return '《%s》' % self.title
四.數據遷移命令
>: python manage.py makemigrations >: python manage.py migrrate >: python manage.py createsuperuser
五admin 後臺
from django.contrib import admin from . import models admin.site.register(models.Book)
六.視圖層
from django.http import JsonResponsefrom django.views import Viewfrom . import models# 六大基礎接口:獲取一個 獲取全部 增長一個 刪除一個 總體更新一個 局部更新一個# 十大接口:羣增 羣刪 總體改羣改 局部改羣改class Book(View): def get(self, request, *args, **kwargs): pk = kwargs.get('pk') if not pk: # 羣查 # 操做數據庫 book_obj_list = models.Book.objects.all() # 序列化過程 book_list = [] for obj in book_obj_list: dic = {} dic['title'] = obj.title dic['price'] = obj.price book_list.append(dic) # 響應數據 return JsonResponse({ 'status': 0, 'msg': 'ok', 'results': book_list }, json_dumps_params={'ensure_ascii': False}) else: # 單查 book_dic = models.Book.objects.filter(pk=pk).values('title', 'price').first() if book_dic: return JsonResponse({ 'status': 0, 'msg': 'ok', 'results': book_dic }, json_dumps_params={'ensure_ascii': False}) return JsonResponse({ 'status': 2, 'msg': '無結果', }, json_dumps_params={'ensure_ascii': False}) # postman能夠完成不一樣方式的請求:get | post | put ... # postman發送數據包有三種方式:form-data | urlencoding | json # 原生django對urlencoding方式數據兼容最好 def post(self, request, *args, **kwargs): # 前臺經過urlencoding方式提交數據 try: book_obj = models.Book.objects.create(**request.POST.dict()) if book_obj: return JsonResponse({ 'status': 0, 'msg': 'ok', 'results': {'title': book_obj.title, 'price': book_obj.price} }, json_dumps_params={'ensure_ascii': False}) except: return JsonResponse({ 'status': 1, 'msg': '參數有誤', }, json_dumps_params={'ensure_ascii': False}) return JsonResponse({ 'status': 2, 'msg': '新增失敗', }, json_dumps_params={'ensure_ascii': False})
七postman 的下載安裝
網下載安裝 get請求,攜帶參數採用Params post等請求,提交數據包能夠採用三種方式:form-date、urlencoding、json 全部請求均可以攜帶請求頭
八.DRF框架的安裝
>: pip3 install djangorestframework
九.Djang rest_framework ()drf框架規矩的封裝風格)
from rest_framework.views import APIView from rest_framework.response import Response from rest_framework.request import Request from rest_framework.serializers import Serializer from rest_framework.settings import APISettings from rest_framework.filters import SearchFilter from rest_framework.pagination import PageNumberPagination from rest_framework.authentication import TokenAuthentication from rest_framework.permissions import IsAuthenticated from rest_framework.throttling import SimpleRateThrottle class Test(APIView): def get(self, request, *args, **kwargs): return Response('drf get ok')
十.drf 源碼請求生命週期
""" 1) 請求走的是APIView的as_view函數 2) 在APIView的as_view調用父類(django原生)的as_view,還禁用了 csrf 認證 3) 在父類的as_view中dispatch方法請求走的又是APIView的dispatch 4) 完成任務方法交給視圖類的請求函數處理,獲得請求的響應結果,返回給前臺
(request)請求
APIView類的dispatch方法中:request = self.initialize_request(request, *args, **kwargs) >>> 這是關鍵 轉接口
""" # 二次封裝獲得def的request對象 request = self.initialize_request(request, *args, **kwargs) 點進去 # 在rest_framework.request.Request實例化方法中 self._request = request 將原生request做爲新request的_request屬性 # 在rest_framework.request.Request的__getattr__方法中 try: return getattr(self._request, attr) # 訪問屬性徹底兼容原生request except AttributeError: return self.__getattribute__(attr) """
重點總結
# 1) drf 對原生request作了二次封裝,request._request就是原生request # 2) 原生request對象的屬性和方法均可以被drf的request對象直接訪問(兼容) # 3) drf請求的全部url拼接參數均被解析到query_params中,全部數據包數據都被解析到data中
request 的二次封裝 self._request = request
class Test(APIView): def get(self, request, *args, **kwargs): # url拼接的參數 print(request._request.GET) # 二次封裝方式 print(request.GET) # 兼容 print(request.query_params) # 拓展 return Response('drf get ok') def post(self, request, *args, **kwargs): # 全部請求方式攜帶的數據包 print(request._request.POST) # 二次封裝方式 print(request.POST) # 兼容 print(request.data) # 拓展,兼容性最強,三種數據方式均可以 print(request.query_params) return Response('drf post ok')
如何使用:自定義exception_handler函數如何書寫實現體
ef __init__(self, data=None, status=None, template_name=None, headers=None, exception=False, content_type=None): """ :param data: 響應數據 :param status: http響應狀態碼 :param template_name: drf也能夠渲染頁面,渲染的頁面模板地址(不用瞭解) :param headers: 響應頭 :param exception: 是否異常了 :param content_type: 響應的數據格式(通常不用處理,響應頭中帶了,且默認是json) """ pass
(responnse)響應
ef __init__(self, data=None, status=None, template_name=None, headers=None, exception=False, content_type=None): """ :param data: 響應數據 :param status: http響應狀態碼 :param template_name: drf也能夠渲染頁面,渲染的頁面模板地址(不用瞭解) :param headers: 響應頭 :param exception: 是否異常了 :param content_type: 響應的數據格式(通常不用處理,響應頭中帶了,且默認是json) """ pass
APIView類的dispatch方法中:self.response = self.finalize_response(request, response, *args, **kwargs)
""" # 最後解析reponse對象數據 self.response = self.finalize_response(request, response, *args, **kwargs) 點進去
# 拿到運行的解析類的對象們 neg = self.perform_content_negotiation(request, force=True) 點進去 # 得到解析類對象 renderers = self.get_renderers() 點進去 # 從視圖類中獲得renderer_classes請求類,如何實例化一個個對象形參解析類對象列表 return [renderer() for renderer in self.renderer_classes] # 重點:self.renderer_classes獲取renderer_classes的順序 # 本身視圖類的類屬性(局部配置) => # APIView類的類屬性設置 => # 本身配置文件的DEFAULT_RENDERER_CLASSES(全局配置) => # drf配置文件的DEFAULT_RENDERER_CLASSES """
(parser)數據的解析
()exception)異常模塊
""" 1)全部通過drf的APIView視圖類產生的異常,均可以提供異常處理方案 2)drf默認提供了異常處理方案(rest_framework.views.exception_handler),可是處理範圍有限 3)drf提供的處理方案兩種,處理了返回異常現象,沒處理返回None(後續就是服務器拋異常給前臺) 4)自定義異常的目的就是解決drf沒有處理的異常,讓前臺獲得合理的異常信息返回,後臺記錄異常具體信息 """
源碼解析
# 異常模塊:APIView類的dispatch方法中 response = self.handle_exception(exc) # 點進去 # 獲取處理異常的句柄(方法) # 一層層看源碼,走的是配置文件,拿到的是rest_framework.views的exception_handler # 自定義:直接寫exception_handler函數,在本身的配置文件配置EXCEPTION_HANDLER指向本身的 exception_handler = self.get_exception_handler() # 異常處理的結果 # 自定義異常就是提供exception_handler異常處理函數,處理的目的就是讓response必定有值 response = exception_handler(exc, context)
如何自定義exepiont_handel settings 配置文件
# 修改本身的配置文件setting.py REST_FRAMEWORK = { # 全局配置異常模塊 'EXCEPTION_HANDLER': 'api.exception.exception_handler', }
exepiont文件的
# 1)先將異常處理交給rest_framework.views的exception_handler去處理 # 2)判斷處理的結果(返回值)response,有值表明drf已經處理了,None表明須要本身處理 # 自定義異常處理文件exception,在文件中書寫exception_handler函數 from rest_framework.views import exception_handler as drf_exception_handler from rest_framework.views import Response from rest_framework import status def exception_handler(exc, context): # drf的exception_handler作基礎處理 response = drf_exception_handler(exc, context) # 爲空,自定義二次處理 if response is None: # print(exc) # print(context) print('%s - %s - %s' % (context['view'], context['request'].method, exc)) return Response({ 'detail': '服務器錯誤' }, status=status.HTTP_500_INTERNAL_SERVER_ERROR, exception=True) return response
REST_FRAMEWORK = { # drf提供的渲染類 'DEFAULT_RENDERER_CLASSES': [ 'rest_framework.renderers.JSONRenderer', 'rest_framework.renderers.BrowsableAPIRenderer', ], }
(2)局部的配置
局部配置:某一個或一些實體類單獨處理,在views.py視圖類中提供對應的類屬性
lass Test(APIView):
def get(self, request, *args, **kwargs):
return Response('drf get ok')
def post(self, request, *args, **kwargs):
return Response('drf post ok')
# 在setting.py中配置REST_FRAMEWORK,完成的是全局配置,全部接口統一處理
# 若是隻有部分接口特殊化,能夠完成 - 局部配置
from rest_framework.renderers import JSONRenderer
class Test2(APIView):
# 局部配置
renderer_classes = [JSONRenderer]
def get(self, request, *args, **kwargs):
return Response('drf get ok 2')
def post(self, request, *args, **kwargs):
return Response('drf post ok 2')
十二.序列化和反序列化的目的
from rest_framework.serializers import Serializer,SerializerMethodField
(1)最原始的寫法 序列化和反序列化封裝一塊
from api import models # Create your views here. from rest_framework.views import APIView from rest_framework.response import Response from utils.response import APIResponse class V2Book(APIView): # 單查 # 羣查 def get(self, request, *args, **kwargs): # print(request.query_params,12312) pk = kwargs.get('pk') if pk: try: book_obj = models.Book.objects.get(pk=pk, is_delete=False) print(book_obj, type(book_obj), 3212) book_data = serializers.BookModelSerializer(book_obj).data # print(book_data,type(book_data),123) return Response({ 'status': 1, 'msg': 'ok', 'results': book_data }) except: return Response({ "status": 0, 'img': "數據有誤" }) else: book_query = models.Book.objects.filter(is_delete=False).all() book_data = serializers.BookModelSerializer(book_query, many=True).data return Response({ 'status': 1, 'msg': 'ok', 'results': book_data }) # 反序列化的 經過序列化組件 # user_ser = serializer def post(self, request, *args, **kwargs): # 單增數據是與model對應的字典 獲取的數據的格式和類型的檢驗 request_data = request.data print(request_data) # if not isinstance(request_data,dict) or request_data == {}: # return Response({ # 'status': 1, # 'msg': '數據有誤', # # }) # else: # 單增 if isinstance(request_data, dict) and request_data != {}: many = False book_data = serializers.BookModelSerializer(data=request_data, many=many) # 進行反序列化的對象賦值 # 當前視圖異常是 當即出發報錯異常的進行返回到前端 book_data.is_valid(raise_exception=True) # 進行數據的檢驗 data_result = book_data.save() return Response({ 'status': 1, 'msg': 'ok', 'results': serializers.BookModelSerializer(data_result).data # 反序列化 }) elif isinstance(request_data, list) and request_data != []: # 是多個值的話 同時新增多個對象 many = True book_data = serializers.BookModelSerializer(data=request_data, many=many) # 反序列化 再存 book_data.is_valid(raise_exception=True) # 進行數據的檢驗 # ??? data_result = book_data.save() return Response({ 'status': 1, 'msg': 'ok', 'results': serializers.BookModelSerializer(data_result, many=many).data # 反序列化 }) else: return Response({ 'status': 0, 'msg': '數據格式有誤' }) # 獲取數據 # 全增 def delete(self, request, *args, **kwargs): pk = kwargs.get('pk') if pk: # pk__in 符合下面的要求 pks = [pk] else: pks = request.data.get('pks') if models.Book.objects.filter(pk__in=pks, is_delete=False).update(is_delete=True): # 直接返回 return Response({ 'status': 1, 'msg': '刪除成功' }) else: return Response({ 'status': 0, 'msg': '刪除未成功' }) def put(self, request, *args, **kwargs): # 單 總體修改 # 序列化的是對象 pk = kwargs.get('pk') book_obj = models.Book.objects.filter(pk=pk).first() # 反序列化 數據 request_data = request.data # 反序列化的對數據進行修改的三件事 1.數據是改誰的 2.將數據進行data 封裝 3.完序列化後的數據的檢驗 # 反序列化的是傳的對象的 和值 book_ser = serializers.BookModelSerializer(instance=book_obj, data=request_data, ) # 反序列化傳數據 還須要修改的對象 # 檢驗 book_ser.is_valid(raise_exception=True) # 修改入庫 result_obj = book_ser.save() # 修改入庫 return Response({ 'status': 1, 'msg': '修改爲功', # 返回的 是序列化對象 傳入的是save() 返回的對象 'results': serializers.BookModelSerializer(result_obj).data }) # 進行單改和全改的patch() # 單體pk = [1,] # 多改pk=[1,2,3] def patch(self, request, *args, **kwargs): pk = kwargs.get("pk") request_data = request.data # 單改 if pk and isinstance(request_data, dict): pks = [pk, ] request_data = [request_data, ] # 羣改 elif not pk and isinstance(request_data, list): pks = [] # for data in request_data: # 將每一個數據中的字典進行刪除(本質是返回鍵) pk = data.pop('pk', None) if pk: pks.append(pk) else: return Response({ 'status': 0, 'msg': '數據有誤' }) else: return Response({ "status": 0, 'msg': "數據有誤" }) # 將上面的單改和羣對象改進行邏輯業務處理 # 咱們須要處理的是pks中 and健值綁定的沒有數據的pks 進行刪除 # 將合理的數據進保存 objs = [] new_data = [] for index, pk in enumerate(pks): try: # 存儲合理的數據進行修改 obj = models.Book.objects.get(pk=pk, is_delete=False) # BUG objs.append(obj) # 將對應上的數據保存 new_data.append(request_data[index]) except: # 繼續循環 循環結束繼續結束 continue # 統一的邏輯 book_ser = serializers.BookModelSerializer(instance=objs, data=new_data, partial=True, many=True) # 校驗 book_ser.is_valid(raise_exception=True) print(book_ser, 123) book_obj = book_ser.save() print(book_obj, 555) # 返回 return Response({ 'status': 1, 'msg': '修改爲功', # 序列化和反序列化只要有多個必須是many = TRUE 'results': serializers.BookModelSerializer(book_obj, many=True).data })
(2) 二次封裝response 後的序列化反序列化
response的封裝
# 咱們自定義 from rest_framework.response import Response class APIResponse(Response): def __init__(self, data_status=1,data_msg='ok', results=None,http_status=None, headers=None,exception=False,*kwargs): # 咱們須要返回的值 # data的初始信息: data = { 'status':data_status, 'msg':data_msg, } # data的響應數據體 # results 響應多是False 0等數據 這些數據在咱們設計的方法下是不合法的因此要進行過濾 if results is not None: data['results'] = results # 將請求後的字典內容進行更新 有則 data.update(kwargs) super().__init__(data=data,status=http_status,headers=headers,exception=exception)
view 視圖代碼
# 重寫response() 響應方法 class BookApIView(APIView): def get(self, *args, **kwargs): book_query = models.Book.objects.filter(is_delete=False).all() book_ser = serializers.BookModelSerializer(book_query, many=True) # print(book_ser) book_data = book_ser.data # 數據是存放在data 中的 # print(book_data) # 返回數據咱們用封裝號的 return APIResponse(results=book_data)
(3)視圖類家族的引用 序列化的使用 其實大差不差
URl的匹配規範
url(r'^v7/books/$',views.BookModelViewSet.as_view({"get":'list','post':'create'})), url(r'^v7/books/(?P<pk>.*)/$',views.BookModelViewSet.as_view({'get':'retrieve','put':'update','patch':'partial_update','delete':'destroy'})),
視圖層View 的封裝
from rest_framework.viewsets import ModelViewSet class BookModelViewSet(ModelViewSet): queryset = models.Book.objects.filter(is_delete=False) serializer_class = serializers.BookModelSerializer """ as_view({"get":'list','post':'create'}) get >>>list 羣查 post >>> 新增 as_view({'get':'retrieve','put':'update','patch':'partial_update','delete':'destroy'} get >>>retrieve 單查 提供pk在url put >>> partial = False不能進單個字段的修改 而是總體字段的更新 patch >>>> partial_update 默認partial = True, """ # 通常咱們刪除的不是真正的數據 而是將他的bOOL 改成1 /獲取是Treu # 除了刪除須要咱們本身寫 由於 特會將正真的數據進行刪除確定不合理 因此咱們本身寫優先走咱們本身的 def destroy(self, request, *args, **kwargs): instance = self.get_object() # 單刪 實列化對象 if not instance: # 改實例對象不存在 return APIResponse(0, '刪除失敗') instance.is_delete = True instance.save() return APIResponse(1,'刪除成功')
serializer.py
from rest_framework.serializers import ModelSerializer,SerializerMethodField from rest_framework.serializers import ListSerializer from rest_framework.exceptions import ValidationError from . import models # 重寫咱們update() 方法 # 重點將咱們ListSerializer() class BookListSerializer(ListSerializer): def update(self, instance, validated_data): print(instance,111) # [<Book: <東遊記9988>>, <Book: <西遊記999>>, <Book: <南遊記>>] print(validated_data,2222) # [{'name': '東遊記88', 'price': Decimal('66.66')}, {'name': '西遊記999', # 'price': Decimal('77.88')}, {'name': '南遊記', 'price': Decimal('8.88')}] # 獲取裏面的全部數據 print(self.child,12312312) for index, obj in enumerate(instance): # 獲取對象的索引和下標 self.child.update(obj,validated_data[index]) return instance # 返回對象 class BookModelSerializer(ModelSerializer): class Meta: model = models.Book # 映射 fields = ('name','price', 'img','author_list', 'publish_name','publisher','authors') extra_kwargs = { 'name':{ 'required':True, 'min_length':3, 'error_messages':{ 'required':'必填字段', 'min_length':'不能少於3位數字' } }, 'publisher':{ 'write_only':True, }, 'authors':{ 'write_only': True }, 'img':{ 'read_only':True, }, 'author_list':{ 'read_only':True }, 'publish_name':{ 'read_only':True } } # patch()方法是用save() # 方法進行數據的更新 可是沒有進行update()方法的封裝 須要咱們本身 重寫update() 方法 list_serializer_class = BookListSerializer # 局部勾子和全局鉤子 def validate_name(self,value): # 書名不能有'si'字符 print(self.context,1111) if 'k' in value: # ??? raise ValidationError('該k書不能出版') return value # 全局鉤子 def validate(self, attrs): publisher = attrs.get('publisher') name = attrs.get('name') if models.Book.objects.filter(name=name,publisher=publisher): raise ValidationError({'book':'該書已經存在'}) return attrs
個性簽名:獨學而無友,則孤陋而寡聞。作一個靈魂有趣的人!
若是以爲這篇文章對你有小小的幫助的話,記得在下角點個「推薦」哦,博主在此感謝!
萬水千山老是情,關注一波行不行,右下角「+」,哈哈哈(っ•̀ω•́)っ✎⁾⁾!
我的QQ:1024359512,微信號:1312258108,要是以爲不方便,也可歷來撩喲掃碼加好友✎