Django项目--路飞学城07

上节回顾

# 课程功能：免费课，实战课，轻课...
# 不同课程之间，字段可能不一样，差距还挺大，每个课程设计一个表
# 以实战课为例：
    -课程分类表
    -实战课表
    -老师表
    -章节表
    -课时表
# 录入数据---》原生sql insert进去
# 需要写的接口
    -所有课程分类接口
    -查询所有课程接口
    	-排序
        -过滤
        -分页

今日内容

1 课程详情页前端（前端）

1.1 视频播放

# 视频播放功能
    第三方插件：vue-video-player
    
# 使用步骤：
    第一步：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);
    第三步：把静态资源（图片）放到assrts/img文件夹
    	enum.svg
        chapter_playter.svg
        cart_yellow.svg

1.2 课程详情组件 CourseDetail.vue

1.3 前端路由跳转

# 前端路由跳转
    # 在html中
        点我看美女
    # 在js中
        this.$router.push('/detail')
        this.$router.go(-1)  # -1 表示后退到上个页面

# 方式一：前端路由跳转时，携带参数  	'/course/detail/4'
    -router/index.js中
       {
        path: '/course/detail/:pk',
        name: 'CourseDetail',
        component: CourseDetail
   	 },
    -在路由跳转中-传递参数
        点我看美女
        
    -在详情页面中-获取参数
    	-this.$route.params.pk # 就拿到4
        
        
# 方式二：前端路由跳转时，携带参数   	'/course/detail/?pk=4'
    -router.js中
       {
        path: '/course/detail/',
        name: 'CourseDetail',
        component: CourseDetail
   	 },
    -在路由跳转中-传递参数
    	点我看美女
        
    -在详情页面中-获取参数
    	-this.$route.query.pk # 就拿到4
        
        
 # 前端this.$router 和this.$route的区别
    -this.$router 是路由对象，能够实现路由的跳转
    -this.$router.push('/home')
    -this.$router.go(-1)  # -1 表示后退到上个页面
        
    -this.$route 是当前路径对象，能够获取当前路径的一些参数

2 课程详情后台

视图类

# 根据id查询课程详情接口  
    # 查询所有和查询单个接口，用一个视图即可   # 就可以 /actual/'课程id'   get获取单一课程 
    # 直接在获取所有课程接口中，继承RetrieveModelMixin   
    class CourseViewSet(GenericViewSet, ListModelMixin, RetrieveModelMixin):


# 根据课程id，查询该课程所有的章节（章节中带课时）接口
    -查询所有课程章节，带根据课程id过滤
    
    class CourseChapterViewSet(GenericViewSet, ListModelMixin):
        queryset = CourseChapter.objects.all().filter(is_show=True, is_delete=False).order_by('orders')
        serializer_class = CourseChapterSerializer
        # 根据课程过滤功能
        filter_backends = [DjangoFilterBackend]
        filter_fields = ['course']

序列化类

# 课时序列化类
class CourseSectionSerializer(serializers.ModelSerializer):
    class Meta:
        model = CourseSection
        fields = ['id', 'name', 'section_type_name', 'section_link', 'duration', 'free_trail']

# 章节序列化类
class CourseChapterSerializer(serializers.ModelSerializer):
    # 把当前章节下所有课时拿出来（三种方式）
    # 子序列化：字段名必须是外键关系的字段名(通过章节获取课时是反向，故就是related_name的值；正向就是字段名)，不然就找不到该属性  *******
    # course_sections = ...     # 报错
    coursesections = CourseSectionSerializer(many=True)

    class Meta:
        model = CourseChapter
        fields = ['id', 'name', 'summary', 'pub_date', 'coursesections']

路由

# api/v1/course/actual/        ---->get请求就能获取所有课程
# api/v1/course/actual/'课程id' ---->get请求就能获取单一课程
router.register('actual',views.CourseViewSet,'actual')

# api/v1/course/chapter/?course='课程id'      ---->get请求就能获取所有课程的章节，需要带通过课程id过滤功能
router.register('chapter',views.CourseChapterViewSet,'chapter')

3 视频托管

视频播放，可以放本地服务器(后台/media文件夹)，但消耗资源带宽和硬盘，也不易维护

# 常见的文件/图片存储方案：
    方案一：使用nginx搭建图片服务器
    方案二：使用开源的分布式文件存储系统，例如Fastdfs、HDFS等
    方案三：使用云存储，例如阿里云、七牛云等

    
# 第三方视频托管：把视频放在第三方，消耗第三方的资源，我们只需要付钱就可以了

# 第三方文件服务器
    -阿里oss
    -七牛云（国内go语言推崇者）
    -腾讯
    -...
    
    
# 大规模公司，不用第三方（自建文件存储） --分布式文件存储
    -ceph      # 大型文件存储	
    -Fastdfs(我给你搭一个，你用我的)     # 小型文件存储
    	-https://zhuanlan.zhihu.com/p/372286804
    -minio（自己搭在云服务器上）   # 小型文件存储
    -go-fastdfs
    -...
    

# 七牛云--注册账号、实名认证--新建存储空间

3.1 七牛云上传文件-python.sdk

from qiniu import Auth, put_file, etag
import qiniu.config

# 需要填写你的 Access Key 和 Secret Key
access_key = ''
secret_key = ''
# 构建鉴权对象
q = Auth(access_key, secret_key)
# 要上传的空间
bucket_name = 'lqz'
# 上传后保存的文件名
key = '致命诱惑1.mp4'
# 生成上传 Token，可以指定过期时间等
token = q.upload_token(bucket_name, key, 3600)
# 要上传文件的本地路径
localfile = './致命诱惑.mp4'
ret, info = put_file(token, key, localfile, version='v2')
print(info)


# 公开空间，直接获取文件的外链地址
# 私有空间，需要下载获取文件的外链地址

3.2 七牛云私有空间获取文件外链地址-python.sdk

# 获取私有空间文件地址下载
import requests

from qiniu import Auth

access_key = '6xqCZFAOkEGRttd5xqqg2fYyF5rmokO6-QDFJGjy'
secret_key = 'jW5jjym9nAb4-pR2o0LAoxqU_6w2DTTPlT1Ys7bc'

bucket_domain = 'r8x65c9xr.hn-bkt.clouddn.com'   # 存储空间的域名
key = 'python学习.mp4'  # 文件名

q = Auth(access_key, secret_key)

# 有两种方式构造base_url的形式
# base_url = 'http://%s/%s' % (bucket_domain, key)

# 或者直接输入url的方式下载
# base_url = 'http://domain/key'
base_url = 'http//r8x65c9xr.hn-bkt.clouddn.com/python学习.mp4'

# 可以设置token过期时间
private_url = q.private_download_url(base_url, expires=3600)

print(private_url)
r = requests.get(private_url)

4 搜索导航栏（前端）

Header.vue

5 搜索接口

视图类

# 搜索接口
class CourseSearchViewSet(GenericViewSet, ListModelMixin, RetrieveModelMixin):
    queryset = Course.objects.all().filter(is_delete=False, is_show=True).order_by('orders')
    serializer_class = CourseSerializer
    # 带分页
    pagination_class = CommonPageNumberPagination

    # 搜索，按名字模糊搜索，或者按介绍搜索
    filter_backends = [SearchFilter]
    search_fields = ['name', 'brief']

    
    
   # 如果想全文检索----》只要在brief中有关键字，就能搜索出来---》类似于百度
    # 如果使用mysql的like搜索，数据量越大，速度越慢   (drf 内置过滤类就是 like模糊匹配)
    # 后期咱们需要使用专业的搜索引擎---》Elasticsearch：分布式全文检索引擎

    # 如果这个搜索接口，返回多种课程，需要重写list,并重新拼接返回的数据json对象   
    # [{},{},{}]--->{'actual_course':[],'free_course':[],'lite_course':[]}
    
    # 思路：继承apiview, 自己分别获取三个表的实例对象，然后通过三个对应的序列化类，得到数据，然后再按格式封装返回
    # def get(self, request, *args, **kwargs):
    #     # 只返回了实战课，后期有免费，轻课，一次性返回
    #     actual = models.Course.objects.filter(is_delete=False, is_show=True).order_by('orders').all()
    #     actual_ser = serializer.CourseSerializer(actual, many=True) 
    
    #     res={'actual_course':actual_ser.data ,'free_course':[],'lite_course':[]}
    #     return Response(data=res)

路由

# api/v1/course/search/?word==''  ---->get请求就能搜索课程（正常情况，实战课，免费课，轻课）
router.register('search',views.CourseSearchViewSet,'search')

6 搜索页面(前端)

7 支付宝支付介绍

# 购买课程，付款
# 支付宝支付，微信支持，银联支付

支付宝--开放平台--文档--网页&移动应用--开放能力--支付能力--电脑网站支付
https://opendocs.alipay.com/open/270/106291

# 申请使用支付宝支付，需要有商户号（用户把钱付款到你的商户号中）
    -收手续费
    -商户号要申请，需要有公司的营业执照（不需要营业执照也可以申请--》笔记）
    -需要商户号，公钥，私钥
    -开发测试阶段，使用沙箱环境（测试环境）---》钱都是假的，可以无限花钱
    
# 支付宝沙箱环境
    -https://openhome.alipay.com/platform/appDaily.htm?tab=info
    -实名认证一下---》看到沙箱环境
    -下载app后（能看到9000多万现金）
    	-账号：bfxtlv8393@sandbox.com
        -密码：111111
        -支付密码：111111
        
        
# 支付宝支付的流程
    项目网站点击
    ----》立即购买
    ----》跳转到支付宝支付页面
    ----》手机扫码（手动输入用户名密码），把钱付给了支付宝（你的商户中）
    ----》跳转回项目网站支付成功页面   # 支付宝会携带订单号 回调项目地址，项目后台通过订单号，修改订单状态即可（从待支付修改为已支付）
    
    
# 支付宝支付的开发流程
    -前端点击立即购买（需要登录）
    -调项目的下单接口---》生成订单（订单状态是待支付），并返回支付连接
    -前端拿到支付连接---》跳转到支付连接（支付宝地址）
    -用户付款完成后，支付宝会回调到项目前端（get回调）---》项目前端显示支付成功
    -支付宝还有一个post回调---》项目需要配合一个接口---》修改订单状态（已支付）
    
    
# 咱们要写的接口
    -下单接口
    -支付宝的post回调接口
    
    -前端支付成功回调接口（不着急）
    
# 支付宝官方提供了：API和SDK（官方有python，但分什么服务端和客户端，难搞）
    -第三方封装了SDK 		# python-alipay-sdk
    
    -下载，生成支付连接
    -生成公钥和私钥（https://opendocs.alipay.com/open/291/105971）
        -公钥
        -私钥
        -支付宝公钥  # 是通过公钥在支付宝网站上配置生成的
    -使用私钥和支付宝公钥（***********）
    
    
# 支付demo
from alipay import AliPay
from alipay.utils import AliPayConfig

# 应用私钥字符串
app_private_key_string = open("./sy").read()
# 支付宝公钥字符串
alipay_public_key_string = open("./zfbgy").read()

# 字符串的格式如下：特定的开头和结尾
# app_private_key_string = """
#     -----BEGIN RSA PRIVATE KEY-----
#     base64 encoded content
#     -----END RSA PRIVATE KEY-----
# """

# alipay_public_key_string = """
#     -----BEGIN PUBLIC KEY-----
#     base64 encoded content
#     -----END PUBLIC KEY-----
# """

alipay = AliPay(
    appid="2021000119643053",  # 商户号中的APPID
    app_notify_url=None,  # 回调地址
    app_private_key_string=app_private_key_string,
    alipay_public_key_string=alipay_public_key_string,  # 支付宝的公钥，验证支付宝回传消息使用，不是你自己的公钥
    sign_type="RSA2",  # RSA or RSA2  秘钥类型
    debug=True,  # False by default  是否调试模式
    verbose=False,  # useful for debugging  用于调试模式，详细信息
    config=AliPayConfig(timeout=15)  # optional, request timeout   可选 请求超时设置
)

res=alipay.api_alipay_trade_page_pay(
    subject='萎靡内衣',
    out_trade_no='1000101010103',
    total_amount=float(9999),  # 只有生成支付宝链接时，不能用Decimal   官方文档显示：必须是浮点型，且大于0.01
    return_url='http://192.168.12.126:8081/actual-course',  # get回调
    notify_url='http://192.168.12.126:8081/actual-course',  # post回调
)
print('https://openapi.alipaydev.com/gateway.do?'+res)

Django实战项目路飞学城

Django项目--路飞学城07

上节回顾

今日内容

1 课程详情页前端（前端）

1.1 视频播放

1.2 课程详情组件 CourseDetail.vue

{{course_info.name}}

授课老师

1.3 前端路由跳转

2 课程详情后台

3 视频托管

3.1 七牛云上传文件-python.sdk

3.2 七牛云私有空间获取文件外链地址-python.sdk

4 搜索导航栏（前端）

5 搜索接口

6 搜索页面(前端)

{{course.name}} {{course.students}}人已加入学习

7 支付宝支付介绍

相关

标签

Django项目--路飞学城07

上节回顾

今日内容

1 课程详情页前端（前端）

1.1 视频播放

1.2 课程详情组件 CourseDetail.vue

1.3 前端路由跳转

2 课程详情后台

3 视频托管

3.1 七牛云 上传文件-python.sdk

3.2 七牛云 私有空间 获取文件外链地址-python.sdk

4 搜索导航栏（前端）

5 搜索接口

6 搜索页面(前端)

7 支付宝支付介绍

相关

标签

3.1 七牛云上传文件-python.sdk

3.2 七牛云私有空间获取文件外链地址-python.sdk