【微信小程序-黑马优购】

南丶七

已于 2023-12-11 00:55:24 修改

阅读量258

点赞数 1

文章标签：微信小程序

于 2023-12-07 23:06:57 首次发布

本文链接：https://blog.csdn.net/weixin_52197063/article/details/134731669

版权

黑马优购小程序分享

首页

在这里插入图片描述

我的界面

在这里插入图片描述

分类界面

这里因为课程用到的api用不了了，自己就用一张照片代替了。
在这里插入图片描述

购物车界面

在这里插入图片描述

商品详情

在这里插入图片描述

添加地址

在这里插入图片描述

搜索功能

在这里插入图片描述

结算

这里因为支付需要营业执照等原因，结算并没有实现。
在这里插入图片描述

总结

这是一个微信小程序的入门项目，可以用来练手，跟着做完后，可以指导微信小程序开发基本步骤。

源码

gitee地址：https://gitee.com/jin-ping-huang11/uni-shop2.git
开发者文档：https://applet-base-api-t.itheima.net/docs-uni-shop/index.htm
项目源码：
https://download.csdn.net/download/weixin_52197063/88608507?spm=1001.2014.3001.5503

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南丶七

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序（黑马优购项目）

iaz999的博客

04-21

3170

在项目根目录的components目录上，鼠标右键，选择新建组件，填写组件信息后，最后点击创建按钮：为了增强组件的通用性，我们允许使用者自定义搜索组件的背景颜色和圆角尺寸。通过props定义bgcolor和radius两个属性，并指定值类型和属性默认值：在my-search自定义组件内部，给类名为的view绑定click事件处理函数：在分类页面中使用my-search自定义组件时，即可通过@click为其绑定点击事件处理函数：在分包里创建search页面同时在分类页面中，定义。

小程序项目——黑马优购

weixin_46025916的博客

06-29

4145

小程序项目——黑马优购1. 起步2. tabBar页面3. 首页3.1 创建home分支3.2 配置网络请求3.3 轮播图区域3.3.1 获取轮播图的数据3.3.2 渲染轮播图的UI结构3.3.3 配置小程序分包3.3.4 点击轮播图跳转到详情页面3.3.5 封装uni.$showMsg() 方法3.4 分类导航区域3.4.1 获取分类导航区域的数据 1. 起步 1）uni-app框架：本项目用的是uni-app框架进行开发的，因为uni-app框架是使用 Vue.js 开发所有前端应用的框架，开发者编写

参与评论您还未登录，请先登录后发表或查看评论

Store:黑马优购原始码，黑马程序员零基础微信小程序开发

03-23

店铺你好，世界

黑马优购微信小程序项目（学习自黑马程序员，代码纯属手工打造，在原有的基础上改造了一丢丢）

06-19

黑马优购微信小程序，一款微信小程序购物平台，前后端分离，这是前端资料

原生微信小程序开发-黑马优购（一）

peng109的博客

03-14

3225

接口文档地址：轮播图--ShowDoc 视频地址：黑马程序员微信小程序开发前端教程_零基础玩转微信小程序_哔哩哔哩_bilibili vs快捷键 wx-app wx-page 通过样式方式引入字体图标 微信小程序中不支持通配符“ * ” 页面初始化主体颜色定义成变量 微信小程序单行注释没有用单行注释没有用（//）要用多行注释（/* */）写less文件，变成wxss文件？发送请求，要么记得把勾去掉，要么去开启请求合法域名引入的路径要写...

微信小程序 的黑马优购有比较多注释

02-27

微信小程序 的黑马优购有比较多注释项目比较完整，微信小程序 的黑马优购有比较多注释微信小程序 的黑马优购有比较多注释微信小程序 的黑马优购有比较多注释微信小程序 的黑马优购有比较多注释微信小程序 的...

02-微信小程序项目(黑马优购).zip

06-24

【标题】"02-微信小程序项目(黑马优购)"是一个关于微信小程序开发的实践项目，由知名教育机构“黑马”提供。这个项目主要是为了帮助学习者深入理解微信小程序的开发流程，掌握前端技术在微信小程序中的应用。 ...

ZZ-Shop：原生微信小程序项目-优购商城

02-18

项目简介：该商城是基于原生微信小程序来实现的。已完成功能：登录授权商品添加进购物车，购物车删除商品展示个人中心，首页，商品详情搜索商品收藏商品订单查询接口在此： : 截图如下：首页：商品分类： ...

黑马优购小程序之接口优化

小洋人最happy的专栏

03-28

2634

文章目录1.1 提取接口公共路径 1.1 提取接口公共路径在前面的开发中，网络请求中，url是这么写的： url: "https://api-hmugo-web.itheima.net/api/public/v1/categories" 如果每个接口都这样的话，就有些繁琐了。在项目中，url公共路径可以提取出来，各业务接口只写配置各自的路径就好了。修改request/index.js文件，在...

## 黑马优购商城

L_squan的博客

05-18

1008

黑马优购商城首页主要就是轮播组件和搜索组件剩下的就是布局轮播我们可以用微信小程序的官方文档里swiper 布局重要的一点就是楼梯布局：先渲染外层在在里面渲染向对应的children数据还有就是跳转： wx.navigateTo （有返回键，不可以跳转到tabBar页面） switchTab （没有返回键，只能跳转到tabBar页面，不可以携带参数）列表页首先分为左右两部分渲染最重要的是左右两部分都是有滚动轴的各不影响滚动轴两个关键点给父级1、 overflo

uniapp+vue3+sass实现Mini优购项目（黑马优购）

Pluto_ssy的博客

11-15

339

A WeChat Mini Program Based On UniApp - MiniYougou Mini Program Project. Similar to the shopping cart case. (一个基于uniapp的微信小程序——Mini优购小程序项目，类似于购物车案例。

uni-app黑马优购项目学习笔记（下）

m0_66975650的博客

01-04

2155

uni-app黑马优购项目学习笔记（下）

小程序黑马优购商城项目讲解

BBOY_airenC的博客

05-18

4798

小程序优购商城项目讲解在我们开始之前我们需要配好该项目所需要的接口文档以及配好相应的页面，以免在开发过程中会出现遗漏的问题出现。首先我们要知道优购是分为4部分的分别为首页/列表/购物车/我的。要实现这四部分的切换的话，我们需要一个的TAB栏想要实现这一功能我们需要在全局app.json中写入tabBar来实现：代码如下：就可以实现切换的效果拉首页：然后就要开始去写我们的页面拉推荐先写首页拉首先就是要封装头部组件...

uni-app黑马优购项目学习笔记（上）

m0_66975650的博客

07-15

3826

HBuilderX，uni-app 黑马优购微信小程序项目的学习记录

小程序基本命令

aiven1637的博客

10-30

3413

onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...

微信小程序(黑马优购:加入购物车)

最新发布

jklzbc的博客

03-28

1101

cart.js//购物车的数组，用来存储购物车中每个商品的信息对象//每个商品的信息对象，都包含如下6个属性cart: []}),if(!

小程序-uni-app开发下，一些工具的使用

BiuBiu_Ka

08-29

805

网络请求工具@escook/request-miniprogram 由于平台的限制，小程序项目中不支持 axios，而且原生的wx.request()API 功能较为简单，不支持拦截器等全局定制的功能。因此，建议在 uni-app 项目中使用@escook/request-miniprogram第三方包发起网络数据请求。请参考@escook/request-miniprogram的官方文档进行安装、配置、使用官方文档：https://www.npmjs.com/package...

黑马优购学习笔记

qq_56088882的博客

06-01

773

在点击结算时或者其他需要先登录才能使用的功能时，如果当时未登录那就跳转到登陆页面，跳转时把跳转的方式和当前跳转前的页面路径保存到vuex或者内存中，在点击登陆后先判断有没有存的值，如果有就跳转到存到vuex或内存中的路径没有就不跳转。：在商品详情数据请求回来之前，data 中 goods_info 的值为 {} ，因此初次渲染页面时，会导致商品价格、商品名称等闪烁的问题。：除了要在 cart.vue 页面中设置购物车的数字徽标，还需要在其它 3 个 tabBar 页面中，为购物车设置数字徽标。

微信小程序黑马优购总结：

weixin_69844928的博客

05-27

3740

⾸先拿到项⽬后做好项⽬搭建 (1)搭建之前⾸先要分析整个项⽬的剧本组成是否有源码或者是效果图（⿊马优购有源码和效果图和请求的接⼝⽂档） (2)在源码或者效果图上分析页⾯的组成以及效果的展⽰页⾯跳转等 (3)在以上准备⼯作完成之后就要利⽤微信开发者⼯具进⾏开发 1.⾸先打开项⽬⽂件找到app.json中创建该项⽬需要的⽂件 2.在app.json中配置底部导航实现底部基本页⾯的跳转 3.底部tabbar配好路由可以跳不同的页⾯ 4.接着就可以写⾸页的布局以及功能的实现（index页面首页） ...