ytu94 / meedu-wxapp Goto Github PK

View Code? Open in Web Editor NEW

204.0 17.0 77.0 11.17 MB

📜meEdu微信小程序。（wxapp for meedu）

JavaScript 30.32% HTML 0.19% Vue 68.92% CSS 0.58%

mpvue js vue wxapp wxparse

meedu-wxapp's Introduction

A Mpvue wxApp for meEdu

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

简介

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

功能

规划

评论优化
项目优化配置化

结构

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

API接口: https://github.com/Qsnh/meedu/tree/master/docs/api/v1 (php:优先)
后端API：由nodejs使用express框架和mysql的提供的后端服务（开发中）

配置

(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 */