小程序提交

pages/course/courseList/courseList.js

@@ -1,3 +1,5 @@
+import { baseUrl, globalImgUrl } from "../../../request";
+
 // pages/course/courseList/courseList.js
 Page({
 
@@ -5,8 +7,9 @@ Page({
    * 页面的初始数据
    */
   data: {
-    items:[null,null,null,null,null,null,null,null,null],
+    courseList:[],  // 课程列表
     courseType: '', // 课程类别
+    globalImgUrl,
   },
 
   // 跳转课程详情页面
@@ -23,10 +26,45 @@ Page({
    * 生命周期函数--监听页面加载
    */
   onLoad(options) {
-    // console.log('option--->',options);
-    this.setData({
-      courseType: options.type
-    })
+    // 接收路由参数 type 作为搜索关键字
+    const courseType = options.type || '';
+    this.setData({ courseType }, () => {
+      this.fetchCourseList();
+    });
+  },
+
+  // 从后端拉取课程列表
+  fetchCourseList() {
+    wx.request({
+      url: baseUrl + '/course/query/type',
+      method: 'POST',
+      header: {
+        Authorization: wx.getStorageSync('token')
+      },
+      data: {
+        templateString: this.data.courseType
+      },
+      success: res => {
+        console.log('课程列表',res.data.data);
+        if (res.data.code === 1) {
+          this.setData({ 
+            courseList: res.data.data
+           });
+        } else {
+          wx.showToast({
+            icon: 'none',
+            title: res.data.message || '获取课程失败',
+          });
+        }
+      },
+      fail: err => {
+        console.error('request failed', err);
+        wx.showToast({
+          icon: 'none',
+          title: '网络请求失败',
+        });
+      }
+    });
   },
 
   /**