我的APP,微信小程序,PC软件,网站开发:VScode,Android等等【诗书画唱】
目录:
微信小程序项目需求
例子1:APP开发
https://www.bilibili.com/video/BV1jW411375J?share_source=copy_web

https://www.bilibili.com/video/BV14J4114768?p=403&share_source=copy_web



Android
studio
聚合数据目前个人实名验证是无法使用的,所以我不用聚合数据,淘宝买可能便宜点
自己随便找下免费试用的短信API,这个闪速码的支付设计挺简单好用的,我可用用于自己的网站设计中
使用cpm,淘宝NPM镜像,下载会更快
例子1-1:实现手机短信验证码登录功能
PHP签名方式
设置用户名和密码都输入时。登录按钮才由灰色变显色(其实实现方法有很多)
下面就是获取输入的验证码和输入的电话号码后把验证码和电话号码等等请求到通过短信API服务的网址,如何获取数据成功,那么就是输入正确,反之,输入错误
例子1-2:实现高德定位功能
若要实现高德定位功能,那么就要到高德开放平台,使用地图JS API
下面的话用了逆向地理编码,可以根据经纬度来转成地址
例子2:微信小程序商城开发,黑马优购电商项目

你不会小程序可能工资会低
开发者文档等等可以直接在微信开发者工具中找到
Q&A:
Q:unity的游戏可以用VScode,用Unity制作类似于元气骑士一类的游戏,使用VSCode还是VS比较好?
Q:visual studio 和visual studio code 的区别是什么?
例子3:实现类似于网易云音乐的微信小程序


例子1:饿了么APP开发,实现手机短信验证码登录,高德定位
https://www.bilibili.com/video/BV1jW411375J?share_source=copy_web

https://www.bilibili.com/video/BV14J4114768?p=403&share_source=copy_web



Android

studio

聚合数据目前个人实名验证是无法使用的,所以我不用聚合数据,淘宝买可能便宜点


自己随便找下免费试用的短信API,这个闪速码的支付设计挺简单好用的,我可用用于自己的网站设计中


使用cpm,淘宝NPM镜像,下载会更快

例子1-1:实现手机短信验证码登录功能








PHP签名方式


设置用户名和密码都输入时。登录按钮才由灰色变显色(其实实现方法有很多),使用:XXX的动态绑定,后面使用computed计算属性来逻辑判断地进行变化。



下面就是获取输入的验证码和输入的电话号码后把验证码和电话号码等等请求到通过短信API服务的网址,如何获取数据成功,那么就是输入正确,反之,输入错误

例子1-2:实现高德定位功能
若要实现高德定位功能,那么就要到高德开放平台,使用地图JS API




记得添加key






只留下我们需要的代码


手机一般有GPS定位,但PC端可能没有其芯片,所以可能有5%的定位错误,那么就要使用IP定位获取城市信息

下面的话用了逆向地理编码,可以根据经纬度来转成地址





例子2:微信小程序商城开发


你不会小程序可能工资会低




开发者文档等等可以直接在微信开发者工具中找到

Q&A:
Q:unity的游戏可以用VScode,用Unity制作类似于元气骑士一类的游戏,使用VSCode还是VS比较好?
A:

Q:visual studio 和visual studio code 的区别是什么?
A:

例子3:实现类似于网易云音乐的微信小程序

例子3-1:

添加体验成员后就可以让别人也下载二维码的小程序


写完项目可以点击上传,后面才可以发布





例子3 END

微信小程序项目需求:
准备:后台代码处理
一、创建新项目和页面
二、APP.json配置导航栏
三、定义和使用点赞组件
"四、classic在生命周期函数中请求后台数据
设置-项目设置-勾选不校验..."
五、封装Http工具类。
六、将classic页面的数据传递到like组件中(父组件传数据到子组件)
七、实现movie组件
八、like组件传递数据到classic页面(子传父实现自定义事件)
"九、epsoide组件(组件的生命周期函数以及data和properties定义数据的区别)
data和properties会被合并成同一个对象,如果有同名属性,会使用properties中定义的属性
期刊号补零(observer函数)"
"十、初步完成导航组件
获取数据:title,isFirst和isLatest
自定义导航事件onLeft,onRight
禁用左翻页和右翻页"
十一、初步实现music组件和essay组件
十二、提取组件的公共部分(组件的行为Behavior实现多继承)
"十三、初步实现期刊切换前一期效果(后台getClassic实现)
classic页面的onPrev"
"十四、根据index判断是第一期还是最后一期
classicModel中的isFirst和isLatest方法,缓存(Storage)最新期刊号_setLatest方法"
"十五、实现期刊切换后一期效果
classic页面的onNext
classicModel中的getNext和getPrev代码重构
classic页面的onPrev和onNext代码重构"
十六、期刊数据数据缓存实现,(model中的回调函数处理bug和大图片显示bug)
十七、缓存数据以后无法显示更新后的点赞次数和状态(后台代码getClassic扩展)
"十八、根据期刊类型使用组件movie,essay和music组件
组件的自定义属性控制组件是否显示"
"十九、movie,essay和music组件样式代码的复用
@import复用样式文件common.wxss"
二十、music组件样式
"二十一、实现播放音乐
后台提供音频服务功能(修改中间件代码乱码处理逻辑)
wx.getBackgroundAudioManager()
APP.json中添加配置项目:""requiredBackgroundModes"": [""audio""],"
"二十二、切换停止音乐播放并且保证音乐播放的正确状态
wx:if和hidden的差别:wx:if会重新运行组件的整个生命周期,而hidden不会
关联文件:music\index.js,music\index.wxml"
"二十三、实现音乐播放的旋转动画效果
关联文件:music\index.wxss"
"二十四、实现底部导航栏,创建book页面和my页面
关联文件:APP.json"
"二十五、使用Promise封装请求
关联文件:utils/pmHttp.js"
"二十六、设计BookModel:获取热门书籍数据
关联文件:models/book.js,page/book/index.js"
"二十七、设计book组件,列表渲染
关联文件:components/book/,page/book/"
"二十八、完成book页面的骨架
关联文件:pages/book/index.wxml,pages/book/index.wxss"
"二十九、点击book页面中的任意一本书跳转到书籍详情页面
关联文件:components/book/index.wxml,components/book/index.js,pages/book-detail/index.js"
"三十、加载书籍详情数据(书籍详情,点赞状态和短评)
后台代码中获取点赞状态和书籍详情的代码有bug,已修改
关联文件:models/book.js,pages/book-detail/index.js"
"三十一、书籍详情骨架和样式
关联文件:pages/book-detail/index.wxml,pages/book-detail/index.wxss"
"三十二、短评标签组件设计和使用
关联文件:components/tag/,pages/book-detail/index.json,pages/book-detail/index.wxml,
pages/book-detail/index.wxss"
"三十三、短评标签中使用插槽进行扩展
关联文件:components/tag/index.wxml,pages/book-detail/index.wxml,components/tag/index.js"
"三十四、短评标签着色根据组件html结构设置样式
关联文件:components/book-detail/index.wxss"
