All Projects → MIchaelJier → Yunyun-Study-for-Mobile

MIchaelJier / Yunyun-Study-for-Mobile

Licence: other
芸云课堂手机端 uni-app多端开发(暂不维护)

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to Yunyun-Study-for-Mobile

Uni App
uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架
Stars: ✭ 34,949 (+61214.04%)
Mutual labels:  uniapp
ruhua vue
如花商城后台+前端;element+vue+uniapp
Stars: ✭ 113 (+98.25%)
Mutual labels:  uniapp
vue-cli-uniapp
基于vuecli模式的uniapp脚手架集成模板
Stars: ✭ 80 (+40.35%)
Mutual labels:  uniapp
Thorui Uniapp
ThorUI组件库,轻量、简洁的移动端组件库。组件文档地址:https://thorui.cn/doc/ 。 最近更新时间:2021-10-01
Stars: ✭ 1,842 (+3131.58%)
Mutual labels:  uniapp
mall4cloud
⭐️⭐️⭐️ Springcloud商城 O2O商城 小程序商城 PC商城 H5商城 APP商城 Java商城 分销商城 多用户商城 uniapp商城 微服务商城
Stars: ✭ 3,915 (+6768.42%)
Mutual labels:  uniapp
caoguo
golang,微信小程序,电商系统
Stars: ✭ 505 (+785.96%)
Mutual labels:  uniapp
uni-load-refresh
uniapp 前端功能组件
Stars: ✭ 32 (-43.86%)
Mutual labels:  uniapp
spa-custom-hooks
💯 Custom hook of business layer (asynchronous task notification solution), supporting various applets and Vue architectures (uni app, wepy, mpvue, etc.)
Stars: ✭ 307 (+438.6%)
Mutual labels:  uniapp
app
专门为互联网人打造的题解神器,神器在手,工作不愁
Stars: ✭ 64 (+12.28%)
Mutual labels:  uniapp
uniapp-tailwind-uview-starter
利用uniapp+tailwindcss 3.x+uview 1.x+vue-cli搭建的一套基础模板,可以使用Webstorm或者vscode开发。集成miniprogram-ci自动部署
Stars: ✭ 73 (+28.07%)
Mutual labels:  uniapp
rotate-captcha
Rotate image captcha,旋转图片验证码
Stars: ✭ 50 (-12.28%)
Mutual labels:  uniapp
lilishop-uniapp
商城系统-移动端
Stars: ✭ 133 (+133.33%)
Mutual labels:  uniapp
mp-framework-benchmark
mp-framework-benchmark
Stars: ✭ 49 (-14.04%)
Mutual labels:  uniapp
Hello Uniapp
uni-app框架演示示例
Stars: ✭ 1,881 (+3200%)
Mutual labels:  uniapp
coupons
淘宝客项目,支持App,微信小程序,QQ小程序
Stars: ✭ 392 (+587.72%)
Mutual labels:  uniapp
Xboot
基于Spring Boot 2.x的一站式前后端分离快速开发平台XBoot 微信小程序+Uniapp 前端:Vue+iView Admin 后端:Spring Boot 2.x/Spring Security/JWT/JPA+Mybatis-Plus/Redis/Elasticsearch/Activiti 分布式限流/同步锁/验证码/SnowFlake雪花算法ID 动态权限 数据权限 工作流 代码生成 定时任务 社交账号 短信登录 单点登录 OAuth2开放平台 客服机器人 数据大屏 暗黑模式
Stars: ✭ 3,432 (+5921.05%)
Mutual labels:  uniapp
A3Mall
A3Mall B2C开源商城系统使用Thinkphp6开源框架,前端采用uniapp开发,支持微信公众号商城、H5商城、小程序商城、APP商城、PC商城,前后端源码100%开源,支持免费商用。
Stars: ✭ 142 (+149.12%)
Mutual labels:  uniapp
almost-components uniapp
uni-app 使用的多端组件集合,支持APP、H5、小程序
Stars: ✭ 37 (-35.09%)
Mutual labels:  uniapp
heytea
uniapp仿喜茶GO小程序前端模板(weapp + H5)(持续更新)
Stars: ✭ 202 (+254.39%)
Mutual labels:  uniapp
GroupbuyCoupon
涵盖外卖、话费、视频会员、加油卡、礼品卡等多种品类折扣权益,吃、喝、玩、乐、购五大消费场景覆盖的综合权益卡券小程序,用户折扣购、平台赚佣金,个人、企业流量变现平台。
Stars: ✭ 92 (+61.4%)
Mutual labels:  uniapp

Yunyun-Study-for-Mobile(芸云课堂移动端)

avatar

项目介绍

芸云课堂是一款在线技能学习的视频资源网站,本项目提供移动端web、微信小程序(进一步要求:iOS和AndroidApp),UI参考网易云课堂。

项目目录

├─common                        // 公共组件
  ├─request                    // 请求封装
  ├─richTextRule               // 富文本规则
  ├─uqrcode                    // 数据转二维码
  ├─User                       // 用户动作(登录、注册、获取验证码、注销)封装
  └─globalData                 // 全局函数封装
 
├─components                    // 公共组件
  ├─page-animation             // H5路由动画
   ├─index.css                // 路由css动画
   ├─index.vue                // 操作路由钩子
   └─setting.js               // 页面权重 配置
  
  ├─verify5-ui                 // V5安全组件(详见内置README.md)
  ├─betterSticky.vue           // 吸顶效果组件
  ├─yunBox.vue                 // 图片+文字说明 的特殊盒子
  ├─yunHeader.vue              // 页面导航栏
  ├─yunImage.vue               // 原生image封装组件
  ├─yunInput.vue               // 页面输入框
  ├─yunModal.vue		        // 拟态框
  ├─yunMoveVerify.vue          // 滑动验证组件
  ├─yunRefresh.vue             // 自定义下拉刷新组件
  ├─yunSelect.vue              // (搜索页)下拉选择卡组件
  ├─yunSwiper.vue              // 轮播图组件
  ├─yunTab.vue                 // tab选择卡组件
  └─yunThemes.vue              // 类似首页的页面内容

├─pages                         // 前端页面
  ├─allCourse                  // 机构/讲师 全部课程页面
  ├─cart                       // 购物车页面
  ├─center                     // 个人中心
  ├─chooseLogin                // 选择登陆方式页
  ├─classification             // 分类页
  ├─coupon                     // 优惠券页
  ├─Coursedetails              // 课程详情页
  ├─index                      // 主页
  ├─Mycourse                   // 我的课程页
  ├─order                      // 订单页
  ├─phoneLogin                 // 账号密码登陆页
  ├─payConfirm                 // 确认支付页面
  ├─payment                    // 支付页面
  ├─provider                   // 机构/讲师 页面
  ├─register                   // 注册页
  ├─search                     // 搜索页
  └─userEdit	                // 用户信息页

├─store                         // vuex的状态管理
  ├─index.js                   // store入口
  ├─cartStore                  // 购物车store
  └─commonStroe                // 普通store
        
├─static                        // 静态资源
├─styles                        // 公共样式文件
├─uniUI                         // uniUI跨端UI组件(注意:已对uniUI进行自定义修改,不要由npm导入)

├─utils                         // 公共函数
  ├─mymath.js                  // 计算函数
  ├─fileType.js                // 图片等文件类型转换函数
  └─timeFormat.js              // 时间格式转换函数
 
├─.gitignore                    // git提交忽略设置文件
├─App.vue                       // 页面入口文件
├─index.html                    // H5端 HTML模版
├─main.js                       // 程序入口文件,加载各种公共组件
├─manifest.json                 // 配置应用名称、appid、logo、版本等打包信息
├─package.json                  // npm设置
├─package-lock.json             // npm生成配置
├─pages.json                    // 配置页面路由、导航条、选项卡等页面类信息
└─uni.scss                      // 公共scss变量

技术选型

技术 说明 文档
uni-app 基于 Vue.js 的前端跨端开发框架 https://uniapp.dcloud.io/README
uni-ui 官方跨端ui库 https://uniapp.dcloud.io/component/README?id=uniui
sass css处理器 https://www.sass.hk/guide/
vuex vue状态管理器 https://vuex.vuejs.org/zh/
yapi 可视化接口管理平台 https://www.bookstack.cn/read/YApi-zh/docs-documents-api.md
基于mockjs
V5 客户端识别及验证控件 http://help.verify5.com

相关链接

name 链接地址
github地址 https://github.com/MIchaelJier/Yunyun-Study-for-Mobile
部署网址 https://www.yingjiechen.cn/yun/
小程序和公众号 微信搜索“芸云课堂/芸云学堂”
yapi 转发接口参考文档
后端接口文档 芸云课堂后端接口文档
api转发中间层 https://github.com/MIchaelJier/Yunyun-Study-Middle-Api
衍生插件 uni H5路由动画插件(路由动画 page-animation升级版)
演示视频 https://www.youtube.com/watch?v=tIwCVx5Bhmk

目前完成进度

  • 首页
  • 我的课程页 (我的微专业)
  • 个人中心页
  • 搜索页
  • 分类页
  • 详情页
  • 选择登录页(第三方登陆
  • 账号密码登录页
  • 用户信息页
  • 我的订单
  • 我的优惠券
  • 我的购物车
  • 支付确认页面(支付宝支付、微信支付
  • 支付页
  • 讲师/机构介绍和精选课程页
  • 讲师/机构全部课程页

导入

  1. 打开HBuilder X,文件 -> 从Git导入
  2. npm i
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].