Final graduation project based on WeChat online educational video learning mini program (9) Mini program home page functional interface

Introduction to the blogger: Author of the books "Introduction to Vue.js and Practical Mall Development" and "WeChat Mini Program Mall Development", CSDN blog expert, online education expert, CSDN Diamond Lecturer; focusing on graduation design education and coaching for college students.

All projects come with basic knowledge video courses from entry to mastery, free of charge

The project is equipped with corresponding development documents, proposal report, task statement, PPT, thesis template, etc.

Contact details are available at the end of the article

Purpose: The main goal of this topic is to design and implement a video on demand system based on WeChat mini program. Front-end users use the mini-program, and back-end management uses a B/S architecture based on PHP+MySql; through the back-end, users can add course information, video information, etc. Log in through the mini program to view video information, click to play the video, learn for free, or purchase paid learning.

Significance: The WeChat mini program video on demand system is a product of the combination of computer technology and video management. The WeChat mini program video on demand system achieves efficient management of videos. With the continuous improvement of computer technology, computers have penetrated into every corner of social life. On the premise that the staff have certain computer operation capabilities, this WeChat mini program video on demand system software is specially compiled to improve the efficiency of video management.

WeChat Mini Program Home Page Interface

front page	wx_lunbo.php	Get the top carousel image array (multiple images)
	wx_news_list.php	Get 3 latest news
	wx_shipin_top6.php	Get the latest 6 videos

Get the carousel chart interface

interface program

wx_lunbo.php

Parameters: none

Interface sample

http://localhost:500/wx_lunbo.php

Return data

[
    {"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零基础入门"}
]

Get the latest information interface

interface program

wx_news_list.php

Parameters: none

Interface sample

http://localhost:500/wx_news_list.php

Return data

[
    {
        "myid" : 31,
        "mybiaoti" : "微信小程序视频点播学习系统",
        "myshijian" : "12-12"
    },
    {
        "myid" : 30,
        "mybiaoti" : "测试公告信息16",
        "myshijian" : "12-12"
    },
    {
        "myid" : 29,
        "mybiaoti" : "测试公告信息15",
        "myshijian" : "12-12"
    }
]

Get the latest video interface

interface program

wx_shipin_top6.php

Parameters: none

Interface sample

http://localhost:500/wx_shipin_top6.php

Return data

[
    {
        "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"
    }

]

Reference source: https://www.hzyaoyi.cn/pc_jiaocheng_tushu_index.php?/41/1525.html