介绍

关于项目

本文档是 慕影网 项目中的 微信小程序客户端 部分的开发文档，完整项目共包含以下部分：

• 《慕影网微信小程序客户端源码》 (opens new window)

• 《慕影网H5客户端演示地址》 (opens new window)

• 《慕影网H5客户端源码地址》 (opens new window)

• 《慕影网H5客户端接口文档地址》 (opens new window)

• 《慕影网H5组件库演示地址》 (opens new window)

• 《慕影网H5组件库源码地址》 (opens new window)

• 《慕影网微信小程序组件库源码地址》 (opens new window)

• 《慕影网微信小程序组件库使用文档》 (opens new window)

• 《慕影网管理端演示地址》 (opens new window)

• 《慕影网管理端源码地址》 (opens new window)

• 《慕影网管理端接口文档地址》 (opens new window)

手机微信预览

作者寄语

希望该分享能给前端学习者带来些许收获的同时，大家也能给作者在 github (opens new window) 的项目源码点个 star 支持一下。
如果大家有什么建议或者遇到问题，请随时加入 QQ 群 577133021 一起交流进步。

目录结构

├─ api                       # 接口请求
├─ components                # 全局公共组件
├─ http                      # request 封装
├─ images                    # 图片图标
├─ mixins                    # 混入
├─ pages                     # 项目页面
├─ static                    # 字体图标等文件
├─ utils                     # 公共方法
├─ app.js                    # 小程序公共逻辑
├─ app.json                  # 小程序公共配置
├─ app.wxss                  # 小程序公共样式表
├─ config.js                 # 接口域名配置
└─ package.json              # package.json

命名规范

组件名

全局组件：

• 组件名使用小写字母、短横线分隔命名，遵循 kebab-case 命名规范；
• 组件在页面或组件中使用时， 组件名使用小写字母， 遵循 kebab-case 命名规范；

页面组件

• 页面组件目录建在当前页面所在文件夹中，名称为 components，组件命名方式同全局组件。

页面名

• 所有页面全部使用小写字母，遵循（kebab-case）命名规范。

学习成本

本项目使用 前后端分离 架构，通过 JWT 做权限认证，已提供了完善的接口文档，前端开发者可以无需了解后端相关知识即可进行学习与二次开发。