luffy之前端呼叫後端介面,動態顯示頁面內容

2022-10-02 07:09:07 字數 2655 閱讀 2856

1 設計課程相關表(開發階段,欄位的增減很正常)

-課程分類

-課程(每個課程乙個表)

-章節表

-課時表

-老師表

# 關係型資料庫中 其實就只有一種關係,就是外來鍵關係:一對一,一對多,多對多

2 錄入資料

3 所有課程分類介面

4 查詢所有課程:排序(人氣,**,id),過濾(課程分類),分頁

-?course_category=2

-序列化字段比較多

-在models中寫

-在序列化類中寫

-子序列化

5 查詢課程詳情

6 查詢所有章節及課時介面(帶通過課程過濾)

filter_backends = [djangofilterbackend]

filter_fields = ('course',)

共}個課程

} } }

course.pub_sections">共}課時/已更新}課時

共}課時/更新完成

}¥}元

原價:}元

¥}元立即購買

# #####path: '/course/detail/:id', 這樣設定取id在parms裡取

this.$route # 是當前路由物件,parmas :繫結的值都傳給她了 query:?拼接的值

this.$router # 全域性路由

###第一步:安裝

cnpm install vue-video-player

###第二步:main.js 配置

require('video.js/dist/video-js.css');

require('vue-video-player/src/custom-theme.css');

import videoplayer from 'vue-video-player'

vue.use(videoplayer);

### 第三步使用:修改成自己的埠查詢的字段

-放在自己的伺服器(media資料夾)

-自己搭建檔案伺服器(fastdfs,ceph,minio)

-minio 搭建,

-第三方檔案儲存:阿里oss,七牛雲儲存

-咱麼放在了七牛雲上

# python 操作fastdfs

# minio搭建

}人在學    課程總時長:}課時/}小時    難度:}

** ¥}

立即購買

免費試學

課程章節

共}章 }個課時

第}章·}

常見問題

授課老師

} }

}

}

### 搜尋介面

class coursesearchview(genericviewset, listmodelmixin, retrievemodelmixin):

serializer_class = courseserializer

queryset = course.objects.filter(is_show=true, is_delete=false).order_by('orders')

filter_backends = [orderingfilter, djangofilterbackend,searchfilter]

ordering_fields = ['price', 'students', 'id'] # 按price,student,id排序

filter_fields = ('course_category',) # 按課程分類過濾

search_fields=['name','price']

# 分頁

pagination_class = commonpagenumberpagination

# # 免費,實戰,輕課

# def list(self, request, *args, **kwargs):

# res=super().list(request, *args, **kwargs) #實戰課

# # 後期需要使用專門的搜尋引擎---》es

# # 使用者畫像:

# return apiresponse(shizhanke=res.data) #

#

0" class="course-list">

} } }

course.pub_sections">共}課時/已更新}課時

共}課時/更新完成

}¥}元

原價:}元

¥}元立即購買

沒有搜尋結果

# 咱們使用支付寶:

-真實支付:營業執照

# 支付流程

-使用者在我的**點選 立即購買---》向後端傳送下單請求---》返回資料中帶支付鏈結(支付寶)-->前端跳轉到支付鏈結(支付寶)---》掃碼支付(支付寶)---》支付寶收到錢會**回我的**---》顯示購買成功

前後端分離專案中前端如何呼叫後端介面?

前後端啟動專案,無法訪問介面。這是因為前後端的請求埠不一樣,如果是本地開發最簡單的方式就是禁用谷歌瀏覽器的安全策略,可以參考這裡。這個問題是跨域引起的,下面我們正式開始講關於跨域的問題。這裡我只推薦這兩種方式跨域,其它的跨域方式都還有很多但都不推薦,真心主流的也就這兩種方式。開發環境 生產環境 方案...

django之 前後端如何傳參並呼叫後端介面

1.jquery的呼叫,html 頁面放置功能入口 onclick function 2.後置 標籤中,填寫具體功能 如傳入的引數,一些判斷等 3.jquery中用 ajax方法,發起post 請求,呼叫後端的介面,具體如下 注 jquery中呼叫字典的值的方式是 函式名 key 4.後端 djan...

vue中使用axios呼叫後端介面

vue本身不支援ajax介面的請求,所以在vue中經常使用axios這個介面請求工具。axios的官方github 在工程中的src目錄下新建乙個名為api的目錄,在src api目錄下新建乙個index.js檔案。在index.js裡面,編寫如下內容 繫結api index.js檔案,新增如下內容...