当前位置: 首页>編程日記>正文

黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署---b站视频跟学

黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署---b站视频跟学

1.视频地址: 点我跳转b站

2.本文章发布于2022.05.31,当你看到的时候可能现在的接口已经不起作用了,到时候只能跟着视频看,功能应该实现不成了.到目前为止,项目登录功能,微信支付功能已经无法使用.(看视频最好找有源码的和最新的)

3.在p5视频中,修改类似出现的黄色警告,我当时敲得时候报的是这个,和视频中不一样,所以没有修改,无伤大雅,继续看视频就行了.

 

4.在p34视频中,测试用的接口不能用了(我当时看视频的时候还可以用,现在写文章的时候404),get数据原接口:https://www.escook.cn/api/get,现在接口地址 https://applet-base-api-t.itheima.net/api/get,post数据接口: https://applet-base-api-t.itheima.net/api/post  

注意:在请求其他网站的话,如果没有添加合法域名,在开发小程序时勾选下面的选项

 

 

5.在p36视频中的轮播图接口https://applet-base-api-t.itheima.net/slides ,(就是把applet-base-api-t.itheima.net替换掉视频中的网址)

九宫格数据接口:https://applet-base-api-t.itheima.net/categories

6.在p44视频中的获取随机颜色的接口https://applet-base-api-t.itheima.net/api/color

7.在p54视频中的商品列表接口https://applet-base-api-t.itheima.net/categories/${this.data.query.id}/shops

注意:在真机上打开没有图片的话,需要在手机上将小程序设置成调试模式

 

8. 在p78中安装组件库的时候,微信小程序没有勾选npm的选项了,直接跟着做,应该没问题,有问题的话百度一下,我已经不太记得自己出问题没有了.

9.在p96开始是用uniapp开始做项目,我用的是资料中的hbuild版本,可以和视频中保持一致.如果是新版本,可能会有不同的变化.

10.黑马优购的baseUrl为https://api-ugo-web.itheima.net

在生成的微信小程序记得勾选不校验域名

11.在p111视频中渲染三级图片时,需要替换下图片的路径,用replace.

<image :src="item3.cat_icon.replace('dev','web')" ></image>

12.到后面有的bug是已经改过的,无法复现,我是跟着敲了一遍就没有再管了.

登录获取微信信息,视频中用的是getuserinfo,现在是getUserProfile

 <button type="primary" class="btn-login"  @click="getUserProfile">一键登录</button>// 获取微信用户的基本信息getUserProfile() {uni.getUserProfile({desc: '你的授权信息',success: (res) => {// 将信息存到 vuex 中// console.log(res.userInfo)this.updateUserInfo(res.userInfo)this.getToken(res)},fail: (res) => {return uni.$showMsg('您取消了登录授权')}})  },

由于无法登录,后面的视频就没有办法测试了.其中获取订单信息之类的,可以把token设为Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOjIzLCJpYXQiOjE1NjQ3MzAwNzksImV4cCI6MTAwMTU2NDczMDA3OH0.YPt-XeLnjV-_1ITaXGY2FhxmCe4NvXuRnRB8OMCfnPo

最后,这些东西在弹幕和评论中都可以找到,如果有其他问题的话自行寻找.资料也一样.

我自己敲得黑马优购项目地址:唯我 (gaoheng123) - Gitee.com

不过好像没什么用.


https://www.fengoutiyan.com/post/15182.html

相关文章:

  • 小程序后端开发教程
  • 有源码怎么搭建小程序
  • 小程序源码搭建教程
  • 小程序平台源码
  • php小程序开发完整教程
  • 微信小程序打不开怎解决
  • 开源的小程序源码
  • 小程序源码网
  • 鏡像模式如何設置在哪,圖片鏡像操作
  • 什么軟件可以把圖片鏡像翻轉,C#圖片處理 解決左右鏡像相反(旋轉圖片)
  • 手機照片鏡像翻轉,C#圖像鏡像
  • 視頻鏡像翻轉軟件,python圖片鏡像翻轉_python中鏡像實現方法
  • 什么軟件可以把圖片鏡像翻轉,利用PS實現圖片的鏡像處理
  • 照片鏡像翻轉app,java實現圖片鏡像翻轉
  • 什么軟件可以把圖片鏡像翻轉,python圖片鏡像翻轉_python圖像處理之鏡像實現方法
  • matlab下載,matlab如何鏡像處理圖片,matlab實現圖像鏡像
  • 圖片鏡像翻轉,MATLAB:鏡像圖片
  • 鏡像翻轉圖片的軟件,圖像處理:實現圖片鏡像(基于python)
  • canvas可畫,JavaScript - canvas - 鏡像圖片
  • 圖片鏡像翻轉,UGUI優化:使用鏡像圖片
  • Codeforces,CodeForces 1253C
  • MySQL下載安裝,Mysql ERROR: 1253 解決方法
  • 勝利大逃亡英雄逃亡方案,HDU - 1253 勝利大逃亡 BFS
  • 大一c語言期末考試試題及答案匯總,電大計算機C語言1253,1253《C語言程序設計》電大期末精彩試題及其問題詳解
  • lu求解線性方程組,P1253 [yLOI2018] 扶蘇的問題 (線段樹)
  • c語言程序設計基礎題庫,1253號C語言程序設計試題,2016年1月試卷號1253C語言程序設計A.pdf
  • 信奧賽一本通官網,【信奧賽一本通】1253:抓住那頭牛(詳細代碼)
  • c語言程序設計1253,1253c語言程序設計a(2010年1月)
  • 勝利大逃亡英雄逃亡方案,BFS——1253 勝利大逃亡
  • 直流電壓測量模塊,IM1253B交直流電能計量模塊(艾銳達光電)
  • c語言程序設計第三版課后答案,【渝粵題庫】國家開放大學2021春1253C語言程序設計答案
  • 18轉換為二進制,1253. 將數字轉換為16進制
  • light-emitting diode,LightOJ-1253 Misere Nim
  • masterroyale魔改版,1253 Dungeon Master
  • codeformer官網中文版,codeforces.1253 B
  • c語言程序設計考研真題及答案,2020C語言程序設計1253,1253計算機科學與技術專業C語言程序設計A科目2020年09月國家開 放大學(中央廣播電視大學)
  • c語言程序設計基礎題庫,1253本科2016c語言程序設計試題,1253電大《C語言程序設計A》試題和答案200901
  • 肇事逃逸車輛無法聯系到車主怎么辦,1253尋找肇事司機