七彩童年小程序项目

Limengbo edb8838dea Merge branch 'master' of http://gogs.efunbox.cn:3000/LImengbo/Colorful-childhood před 6 roky
component ae8d9cca33 更改图片上传方法 před 6 roky
pages 2db3f0b052 修改问题 před 6 roky
static 97ac539cf7 更改提出的问题 před 6 roky
utils a948a8d4e2 增加萌娃相册功能 před 6 roky
README.md 2db3f0b052 修改问题 před 6 roky
app.js 9bda42530c :tada: před 6 roky
app.json b0e44c76c5 新增图片剪裁 před 6 roky
app.wxss 9bda42530c :tada: před 6 roky
project.config.json 2db3f0b052 修改问题 před 6 roky

README.md

七彩童年

账号

appId: wx04803862d3dab9ea;

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

登录微信公共平台;

账号:pukaiji@jscnnet.com, 密码:Baron4321!;

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

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

关于二维码生成规则说明

生成规则详见微信小程序获取二维码

关于代码

代码实现思路

本来打算使用微信自己的底部切换,就是在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     // 一些公共的方法

代码中方法基本都有注释