WeChat オンライン教育ビデオ学習ミニ プログラムに基づく最終卒業プロジェクト (9) ミニ プログラムのホームページの機能インターフェイス

ブロガーの紹介: 著書『Vue.js と実践的なモール開発入門』および『WeChat ミニ プログラム モール開発』の著者、CSDN ブログの専門家、オンライン教育の専門家、CSDN ダイヤモンド講師、大学向けの卒業設計教育とコーチングに注力学生。

すべてのプロジェクトには、エントリーからマスターまでの基礎知識のビデオコースが無料で付属しています

プロジェクトには、対応する開発ドキュメント、提案レポート、タスクステートメント、PPT、論文テンプレートなどが装備されています。

連絡先の詳細は記事の最後に記載されています

目的: このトピックの主な目標は、WeChat ミニ プログラムに基づいてビデオ オン デマンド システムを設計および実装することです。フロントエンド ユーザーはミニプログラムを使用し、バックエンド管理は PHP+MySql に基づく B/S アーキテクチャを使用します。 ; バックエンドを通じて、ユーザーはコース情報、ビデオ情報などを追加できます。ミニ プログラムを通じてログインしてビデオ情報を表示し、クリックしてビデオを再生し、無料で学習するか、有料学習を購入します。

意義: WeChat ミニプログラム ビデオ オン デマンド システムは、コンピューター技術とビデオ管理を組み合わせた製品であり、WeChat ミニ プログラム ビデオ オン デマンド システムは、ビデオの効率的な管理を実現します。コンピューター技術の絶え間ない進歩により、コンピューターは社会生活の隅々に浸透しており、スタッフが一定のコンピューター操作能力を持っていることを前提として、このWeChatミニプログラムビデオオンデマンドシステムソフトウェアは、ビデオ管理の効率を向上させるために特別に編集されました。

WeChat ミニ プログラムのホームページ インターフェイス

表紙

wx_lunbo.php

上部のカルーセル画像配列を取得します (複数の画像)

wx_news_list.php

3 件の最新ニュースを入手

wx_shipin_top6.php

最新の 6 本のビデオを入手

カルーセル チャート インターフェイスを取得する

インターフェースプログラム

1

wx_lunbo.php

パラメータ: なし

インターフェースサンプル

1

http://localhost:500/wx_lunbo.php

戻りデータ

1

2

3

4

5

[

    {"tupian":"http://localhost:500/up/tupian/202206141504500000006569.png","dizhi":"/pages/xinxi/xiangqing?cs_xxid=31"},

    {"tupian":"http://localhost:500/up/tupian/202206141504550000005145.png","dizhi":"/pages/xinxi/xiangqing?cs_xxid=31"},

    {"tupian":"http://localhost:500/up/tupian/202206141504580000008997.png","dizhi":"/pages/shipin/xiangqing?sp_id=44&sp_mc=CSS零基础入门"}

]

最新情報のインターフェースを取得する

インターフェースプログラム

1

wx_news_list.php

パラメータ: なし

インターフェースサンプル

1

http://localhost:500/wx_news_list.php

戻りデータ

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

[

    {

        "myid" : 31,

        "mybiaoti" : "微信小程序视频点播学习系统",

        "myshijian" : "12-12"

    },

    {

        "myid" : 30,

        "mybiaoti" : "测试公告信息16",

        "myshijian" : "12-12"

    },

    {

        "myid" : 29,

        "mybiaoti" : "测试公告信息15",

        "myshijian" : "12-12"

    }

]

最新のビデオインターフェースを入手

インターフェースプログラム

1

wx_shipin_top6.php

パラメータ: なし

インターフェースサンプル

1

http://localhost:500/wx_shipin_top6.php

戻りデータ

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

[

    {

        "sp_id" : 47,

        "sp_mc" : "测试视频",

        "sp_jianjie" : "",

        "sp_tupian" : "http://localhost:500/up/tupian/202007011152060000008264.png",

        "sp_jiage" : "20"

    }

    ,

     

    {

        "sp_id" : 46,

        "sp_mc" : "测试课程01",

        "sp_jianjie" : "",

        "sp_tupian" : "http://localhost:500/up/tupian/202006281453510000005633.png",

        "sp_jiage" : "0"

    }

    ,

     

    {

        "sp_id" : 44,

        "sp_mc" : "CSS零基础入门",

        "sp_jianjie" : "",

        "sp_tupian" : "http://localhost:500/up/tupian/202006281146310000009479.png",

        "sp_jiage" : "19"

    }

    ,

     

    {

        "sp_id" : 43,

        "sp_mc" : "微信小程序框架的制作",

        "sp_jianjie" : "",

        "sp_tupian" : "http://localhost:500/up/tupian/202006281145480000003553.png",

        "sp_jiage" : "0"

    }

    ,

     

    {

        "sp_id" : 42,

        "sp_mc" : "微信小程序样式入门",

        "sp_jianjie" : "",

        "sp_tupian" : "http://localhost:500/up/tupian/202006281145240000009066.png",

        "sp_jiage" : "0"

    }

    ,

     

    {

        "sp_id" : 41,

        "sp_mc" : "微信小程序样式Flex Box",

        "sp_jianjie" : "",

        "sp_tupian" : "http://localhost:500/up/tupian/202006281144550000004246.png",

        "sp_jiage" : "66"

    }

     

]

参照元: https: //www.hzyaoyi.cn/pc_jiaocheng_tushu_index.php ?/41/1525.html

おすすめ

転載: blog.csdn.net/u013818205/article/details/132738047