Skip to content

YTU94/meedu-wxapp

Repository files navigation

Build Status Build Status License

A Mpvue wxApp for meEdu


meEdu:基于Laravel开发的在线点播系统

简介

在在校教育火热的年代,meedu在线点播教育系统横空出世,随后为了市场的推动,meEdu同套微信小程序跟风而至,meEdu提供了了在线观看课程视频,提交评论,以及文章的观看,同步meEdu的课程信息和个人信息。

功能

  • 视频点播板块
  • 文章观看(master已删除feature/ytu保留个人版本)
  • 个人信息模块
  • vip模块
  • 课程评论互动
  • 视屏评论互动
  • 课程搜索功能
  • 登录,登出功能
  • 分享功能(微信关闭了分享回调就以转发实现)
  • 赞赏功能(借助给赞小程序)
  • 升级了Mpvue2.0理论支持支付宝,百度,头条小程序
  • 添加公众号关注组件 (配置:官方文档

规划

  • 评论优化
  • 项目优化配置化

结构

  • api
    • core
      • server.js // http封装
    • article.js // 文章接口
    • course.js // 课程接口
  • assets
    • img // 图片
    • style // 样式
  • components // 组件部分
    • card/vue
    • courseCard.vue
    • swiper-banner.vue
  • pages
    • comment // 评论详情
    • login // 登录
    • register // 注册
    • searchCourse // 课程搜索
    • tabBar
      • article // 课程
      • course // 文章
      • person // 个人
    • video // 视屏播放
    • videoList // 视屏列表
    • vipList // vip列表
  • utils
    • index.js // 工具类函数
  • app.json
  • App.vue
  • main.js

API

配置

(meEdu需要配置client_id, client_secret)

参数 位置 介绍
API 接口地址url /config/dev.dnv.js&&prod.env.js 接口地址
zan_path *** /config/dev.dnv.js&&prod.env.js 给赞小程序的路径给赞关联文档
client_id *** /config/dev.dnv.js&&prod.env.js meedue专用,参考
client_secret *** /config/dev.dnv.js&&prod.env.js meedue专用,参考

使用

推荐使用yarn (请先申请你的小程序账号注册地址,安装好node, 微信开发者工具)

git clone https://github.com/YTU94/meedu-wxapp

# 1.微信开发者工具打开meedu-wxapp,填入你自己的小程序appId, 然后 `npm run build` 或者 `yarn build`, 
    更目录会生成`dist`目录
# 2.然后直接点击微信开发者工具的上传按钮,上传小程序源码(dist文件夹)
# 3.登陆微信公众平台的小程序后台提交审核,然后发布

二开请先熟悉mpvue框架和小程序开发

# install dependencies
yarn
/* npm install */

# serve with hot reload at localhost:8080
yarn start:wx
/* npm run dev:wx */

# build for production with minification
yarn build:xw
/* npm run build:wx */

# build for production and view the bundle analyzer report
yarn build --report
/* npm run build --report */

License

MIT

交流群