Limengbo edb8838dea Merge branch 'master' of http://gogs.efunbox.cn:3000/LImengbo/Colorful-childhood | 6 lat temu | |
---|---|---|
component | 6 lat temu | |
pages | 6 lat temu | |
static | 6 lat temu | |
utils | 6 lat temu | |
README.md | 6 lat temu | |
app.js | 6 lat temu | |
app.json | 6 lat temu | |
app.wxss | 6 lat temu | |
project.config.json | 6 lat temu |
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 // 一些公共的方法
代码中方法基本都有注释