2021-08-06

微信小程序云开发简单实现课堂小程序（部分）

    本文给大家实现一个课堂小程序的部分页面，主要包括主页，课程详情页，个人中心页面等，实现过程中参考了其他小程序页面的样式以及布局以及使用了Vant weapp组件库，总体实现起来比较简单。

1.所有页面实现的效果图

（1）首页效果图如下

    在首页中，可以点击下方的课程则会跳转到课程详情页。

（2）课程详情页如下

    如上图所示，课程详情页包括视频播放、课程简介、课程评论以及给课程评分，而课程评论以及课程评分在上两篇文章已经介绍过，所以在此不介绍。

（3）消息页面

    这个页面的实现是最简单的，全部都是使用Vant weapp组件实现，直接引入顶部标签栏以及在中间加入图片和显示内容就可以。

（4）个人中心页面

    个人中心页面是功能比较多，但是实现的只有创建课堂以及编辑个人资料两个功能模块，其他功能模块暂未实现。

（5）创建课程页面

    创建课程页面主要包括当前课程以及当前课程下包括那些班级，如页面所示，数据库技术这门课包括两个班级，分别为电子信息2021和软件工程2021，点击完成跳转到创建课程成功页面。

（6）创建课程成功页面

    在创建课程成功页面中，可以点击选择某一个班级进入班级，对选中班级进行操作。

（7）班级操作页面

    这个页面所有功能都未实现，只是做一个显示功能。

2.总结：

    还有很多功能没有实现，克隆后可以参考页面和样式，云数据库里面的内容没有在git上，实现的源码gitee地址：https://gitee.com/ranlanglang/chengjiao.git。