# 七彩童年

## 账号

appId: 	wx04803862d3dab9ea;

secert: ;(注：secert可以更改);

[登录微信公共平台](https://mp.weixin.qq.com/);

账号：pukaiji@jscnnet.com， 密码：Baron4321!;

登录成功后需要管理员扫码便可进行小程序的相关操作(如审核、发布、配置合法域名等);

特别说明：审核过了，需要提交发布才能更新线上的小程序;

## 关于二维码生成规则说明

生成规则详见[微信小程序获取二维码](https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html)

## 关于代码

代码实现思路

本来打算使用微信自己的底部切换，就是在app.json中配置，缺点：不能自己定义样式，就给否决了，在index页面封装了切换组件，并引入component中的组件，
也需要引入样式和js,代码当中会有注释。
utils中httpRequest封装了一下wx.request的请求方法，const主要就是接口地址,APIRequest主要是项目接口调用的方法，utils就是一些公用的方法封装。
也可以使用美团出的一个框架mpvue，这个暂时没用过，跟vue差不多，vue语法自己可以打包生成小程序代码，项目周期比较紧张，就没用，以后可能会用到。

目录结构如下

```
├── README.md
├── app.js      // 小程序逻辑
├── app.json    // 小程序公共设置
├── app.wxss    // 小程序公共样式表式
|
├── pages   // 所有的页面都在这里
│   ├── details     //  视频详情页
│   ├── index       //  首页
│   ├── setName      // 设置个人信息页面    |
|   |—— access //别人观看的相册页
|   |—— album //相册
|   |—— childMatch //萌娃比赛
|   |—— clip // 头像剪裁
|   |—— clipPhoto //相册剪裁
|   |—— Instruction //上传照片说明页
|
├── component   // 所有的组件都在这里
│   ├── look     //  看的组件
│   ├── mys      //  我的组件
│   ├── search      // 搜的组件
|   |—— welCropper //图片剪裁组件
│  
|——static //静态文件
|   |——image //图片
|
|     
└── utils					// 公共文件夹
    ├── APIRequest.js        // 所有的接口请求都在这
    ├── httpRequest.js        // 重新封装了一下微信请求接口
    ├── const.js        // 定义了一些常量
    ├── httputil.js     // 小程序注册登录的代码
    └── util.js     // 一些公共的方法
```

代码中方法基本都有注释