基于微信小程序开发的课程预约报名小程序源代码

# 项目名称： WechatCourse 一个微信小程序，旨在提供一个课程学习平台，用户可以浏览不同的课程资料、查看课程详情、登录/注册账号、报名课程和收藏感兴趣的课程。同时，用户还可以在个人中心页管理自己的账号信息和查看已收藏的课程。 ## 功能特点 - 首页：展示所有课程资料，用户可以点击进入详情页查看更多信息。 - 课程详情页：展示特定课程的详细资料，包括标题、封面、描述等。 - 登录/注册功能：支持用户登录和注册账号，登录后可以享受更多功能。 - 报名功能：登录用户可以报名感兴趣的课程，参与学习。 - 收藏功能：登录用户可以收藏自己喜欢的课程，方便以后查看。 - 个人中心页：展示用户的个人信息和已收藏的课程，支持修改个人信息和退出登录。 ## 技术栈 - 前端：微信小程序框架、HTML、CSS、JavaScript - 后台数据：文件存储 COS（腾讯云对象存储） ## 开始使用 1. 克隆本项目到本地或下载源代码。 2. 使用微信开发者工具打开项目目录。 3. 配置微信开发者工具的 AppID（需要提前注册微信小程序账号）。 4. 配置项目中的文件存储 COS，包括设置存储桶名称、地域、秘钥等信息。 （需要将项目中所有的“自己cos的服务域名地址“替换成自己的cos路径比如：https://wechatapp-xxxxxx.cos.ap-shanghai.myqcloud.com） 6. 运行项目并在微信开发者工具中预览效果。 ## 目录结构 - `pages/`：存放各个页面的目录 - `home/`：首页相关的页面文件 - `detail/`：课程详情页相关的页面文件 - `mine/`：个人中心页相关的页面文件 - `app.js`：小程序的入口文件 - `app.json`：小程序的配置文件 - `app.wxss`：小程序的全局样式文件 ## 腾讯cos文件目录 - images/目录下放置所需图片 - jsondata目录下的2个json数据，loginUser.json、course.json用来保存登录信息和报名点赞数 - course.json的文件内容： ```json { "applyInfo": { "applyCounts": [ { "id": 1, "applyCount": 3 }, { "id": 2, "applyCount": 3 }, { "id": 3, "applyCount": 2 }, { "id": 4, "applyCount": 3 }, { "id": 5, "applyCount": 2 }, { "id": 6, "applyCount": 0 }, { "id": 7, "applyCount": 1 }, { "id": 8, "applyCount": 0 }, { "id": 9, "applyCount": 0 }, { "id": 10, "applyCount": 0 } ], "applyCourses": [ { "nickName": "张三", "courseIds": [ 2, 3, 4, 1, 7, 5 ] }, { "nickName": "123", "courseIds": [ 4, 2, 3, 1 ] }, { "nickName": "232", "courseIds": [ 2, 1 ] }, { "nickName": "2233", "courseIds": [ 4, 5 ] } ] }, "likeInfo": { "likeCounts": [ { "id": 1, "likeCount": 2 }, { "id": 2, "likeCount": 2 }, { "id": 3, "likeCount": 1 }, { "id": 4, "likeCount": 1 }, { "id": 5, "likeCount": 2 }, { "id": 6, "likeCount": 2 }, { "id": 7, "likeCount": 0 }, { "id": 8, "likeCount": 1 } ], "likeCourses": [ { "nickName": "张三", "collectList": [ { "id": 1, "category": "绘图类", "title": "AI绘图工具入门教程", "description": "探索MidJourney的基本功能和界面，快速上手绘图工具，为你的创作之旅打下坚实基础。", "coverUrl": "/images/课程封面01.png", "images": [ "/images/课程封面01.png" ], "applyCount": 1, "likes": 2, "lecturer": { "avatar": "/images/avatar01.png", "name": "amy.xue", "department": "AI工具探索者" }, "chapterList": [ { "title": "第一章：介绍MidJourney", "description": "课程概述：了解课程内容和学习目标。" }, { "title": "第二章：安装和入门", "description": "1、指导学员如何下载和安装MidJourney应用程序。\n2、注册和登录：详细说明注册和登录MidJourney账号的步骤和方法。\n3、界面导览：介绍MidJourney的主要界面和功能区域。" }, { "title": "第三章：基本绘图工具", "description": "1、绘图基础知识：回顾绘图的基本概念和技巧。\n2、绘图工具概览：介绍MidJourney中常用的绘图工具和功能。\n3、图层管理：学习如何创建、编辑和管理图层，实现绘图的分层效果。" }, { "title": "第四章：图像处理和效果", "description": "1、调整图像参数：学习如何使用MidJourney的调整功能对图像进行亮度、对比度、饱和度等参数的调整。\n2、滤镜和特效：探索MidJourney中的滤镜和特效功能，为图像添加艺术效果和风格。\n3、文本和标注：学习如何在图像上添加文本、标注和说明，增强图像的表达力和可读性。" }, { "title": "第五章：导出和分享作品", "description": "1、图像导出：教授学员如何导出和保存绘制的图像，选择合适的格式和质量设置。\n2、分享和展示：介绍将作品分享到社交媒体平台、博客或在线画廊的方法，展示自己的创作成果。" } ], "estimatedDate": "日期待定", "estimatedDuration": 30 } ] }, { "nickName": "123", "collectList": [ { "id": 2, "category": "绘图类", "title": "