碰磕
学无止境
展开
-
微信小程序商城项目实战(完结篇:意见反馈)
微信小程序商城项目完结意见反馈代码实现首先修改标题并且使用之前写好的tab组件编写界面编写样式逻辑处理js效果图意见反馈做假的意见反馈,主要练习一下微信小程序文件上传api以及样式界面的编写、组件的使用逻辑代码实现首先修改标题并且使用之前写好的tab组件json{ "usingComponents": { "tab":"/components/Tabs/Tabs" }, "navigationBarTitleText": "意见反馈"}编写界面<tab ta原创 2022-05-15 17:35:41 · 1238 阅读 · 1 评论 -
微信小程序商城项目实战(第十一篇:商品收藏+历史浏览管理)
商品收藏+历史浏览管理商品收藏+历史浏览页面分析代码实现效果图展示商品收藏:历史浏览:商品收藏+历史浏览页面共用一个页面分析顶部改为"商品收藏"上方为导航栏:商品收藏、品牌收藏、店铺收藏、浏览足迹下方为收藏的商品展示,并且通过点击商品可进商品详情页代码实现改变顶部导航内容"navigationBarTitleText": "收藏"界面:上方使用组件Table并传对应的属性值关于Table前面文章已经讲解了,在商品列表代码那<tab tabList="{{tabLi原创 2022-05-04 19:49:43 · 1870 阅读 · 0 评论 -
微信小程序商城项目实战(第十篇:订单管理)
订单管理订单页面分析代码实现效果图展示订单详情页分析详解效果图付完款的未付款的订单页面分析顶部改为"我的订单"上方为导航栏:全部、待付款、待发货、退款/退货下方为订单展示,并且通过点击订单可进订单详情页代码实现改变顶部导航内容"navigationBarTitleText": "我的订单"界面:上方使用组件Table并传对应的属性值关于Table前面文章已经讲解了,在商品列表代码那<tab tabList="{{tabList}}" curr="{{curr}}" bi原创 2022-04-27 10:47:28 · 4662 阅读 · 0 评论 -
微信小程序商城项目实战(第九篇:收货地址管理)
收货地址管理收购地址查询分析代码实现效果图展示新增收货地址分析代码实现效果图收购地址查询分析顶部改为"管理收货地址"中部为收货地址+单选按钮(用与设为默认收货地址,编辑删除没做(简单不想做hh)下方为添加新地址代码实现改变顶部导航内容"navigationBarTitleText": "管理收货地址"界面:<radio-group bindchange="radioChange"><view class='list-item' wx:for="{{address原创 2022-04-26 10:27:00 · 5403 阅读 · 12 评论 -
微信小程序商城项目实战(第八篇:我的界面)
我的界面分析代码实现效果图展示分析顶部改为"我的"上方为头像+微信昵称中部为收藏的店铺、商品、关注的商品、我的足迹、我的订单下方为收货地址管理、联系客服、意见反馈、关于我们、分享应用代码实现改变顶部导航内容"navigationBarTitleText": "我的"界面:下方 意见反馈,分享应用都是通过透明按钮隐藏在它们上方从而实现微信自带的按钮分享功能~ 这是一个值得借鉴的思路🤭<view class="view_contain" wx:if="{{userInfo.原创 2022-04-25 09:35:12 · 3822 阅读 · 0 评论 -
微信小程序商城项目实战(第七篇:生成订单支付页)
订单支付分析代码实现效果图展示分析顶部改为"支付"上方为地址,跳转至地址管理,可修改下方为订单信息最下方显示所需支付金额以及支付按钮,点击支付则支付成功跳转订单页如果不支付则可以在我的订单内容查看该订单并且继续支付代码实现改变顶部导航内容"navigationBarTitleText": "支付"界面:<navigator url="/pages/addressList/addressList" class="user_info_row" wx:if="{{statu!='待发原创 2022-04-24 11:52:32 · 8254 阅读 · 3 评论 -
微信小程序商城项目实战(第六篇:商品搜索)
商品搜索框分析代码实现效果图展示分析顶部改为"搜索"界面由一个输入框和一个按钮(按钮做摆设的😄),搜索的内容由view展示,并且点击成功跳转对应商品随着输入框的内容被改变紧跟着就会发出请求获取相关商品代码实现改变顶部导航内容"navigationBarTitleText": "搜索"界面:<view class="find"><input type="text" placeholder="请输入关键字" bindinput="find" /><button原创 2022-04-22 10:00:10 · 1394 阅读 · 0 评论 -
微信小程序商城项目实战(第五篇:购物车)
实现购物车json里边设置一下页面标题"navigationBarTitleText": "购物车"界面组成上方由一个按钮跳转到收货地址管理,中间为购物车商品信息,下方固定一个工具栏全选(反选)合计(价钱)结算(数量)跳转到支付页并生成订单界面编写分享是将一个按钮隐藏且将其定位在分享处,客服也是一样的加入购物车:如果已经加入则提示已经加入…<!--pages/cart/cart.wxml--><view> <button>原创 2022-04-18 09:37:17 · 3636 阅读 · 5 评论 -
微信小程序商城项目实战(第四篇:商品详情页)
实现商品详情页json里边设置一下页面标题"navigationBarTitleText": "商品详情"界面组成上方由一个轮播图展示,中间为商品信息,后台会返回图文详情富文本,前台只需赋值下方固定一个工具栏客服分享购物车添加购物车立即购买界面编写分享是将一个按钮隐藏且将其定位在分享处,客服也是一样的加入购物车:如果已经加入则提示已经加入…<!--pages/goods_detail/goods_detail.wxml--><view>原创 2022-04-14 20:24:28 · 6489 阅读 · 9 评论 -
微信小程序商城项目实战(第三篇:商品列表)
实现商品列表利用组件实现…Tabs组件界面编写<view class="top"> <view wx:for="{{tabList}}" wx:key="index" class="title {{index == curr ? 'active':''}}" bindtap="tapwhere" data-index="{{index}}">{{item}}</view></view> <navigator class="goo原创 2022-04-10 13:36:22 · 3677 阅读 · 2 评论 -
微信小程序商城项目实战(第二篇:分类页)
实现分类页修改json文件并且引入搜索框{ "usingComponents": { "search-input":"../../components/SearchInput/SearchInput" }, "navigationBarTitleText": "分类"}界面编写主要用到了scroll-view<view class="cates"><!-- 首页搜索框 --><search-input></search-原创 2022-04-08 11:23:28 · 1891 阅读 · 0 评论 -
微信小程序商城项目实战(第一篇:项目搭建与首页)
商城项目第一篇项目搭建项目结构编写整个项目中需要用到的功能request.js全局样式组件(搜索框)首页代码编写效果图项目搭建后端接口:https://www.showdoc.com.cn/128719739414963/2516997897914014{ "pages": [ "pages/index/index", "pages/category/category", "pages/goods_list/goods_list", "pages/goods_d原创 2022-04-06 11:16:00 · 6411 阅读 · 28 评论 -
微信小程序开发05(生命周期与Ajax请求)
小程序生命周期与Ajax请求小程序生命周期应用生命周期页面生命周期小程序发Ajax请求小程序生命周期分为应用生命周期与页面生命周期应用生命周期在项目app.js中配置属性说明onLaunch()初始化执行launchonShow()应用显示执行showonHide()应用隐藏执行hideonError()报错执行erroronPageNotFound()项目入口找不到执行页面生命周期在页面js中配置属性说明原创 2022-04-04 11:29:20 · 1046 阅读 · 0 评论 -
微信小程序开发04(自定义组件)
自定义组件开始--创建组件--分析组件结构开始–创建组件创建组件文件夹components–>News–>新建Component–分析组件结构New原创 2022-04-01 12:51:30 · 1358 阅读 · 0 评论 -
微信小程序开发03(样式wxss与常用组件)
样式与常用组件😎1.样式wxss😎1.1------尺寸单位---------px与rpx之间的换算😎1.2------样式导入😎1.3------选择器😎1.4------小程序中使用less😜2.常用组件😜2.1------view---------属性---------示例😜2.2------text---------属性---------示例😜2.3------image---------属性---------示例😜2.4------swiper轮播图---------属性😎1.样式wxss😎1原创 2022-03-31 12:43:12 · 1686 阅读 · 2 评论 -
微信小程序开发02(模板语法与事件绑定)
模板语法与事件绑定😀1.模板语法----1.1数据绑定----1.2运算----1.3列表渲染----1.4条件渲染😀2.事件绑定----2.1点击事件----2.2文本框改变事件😀3.练习代码实现效果图:😀1.模板语法本教程需要用到的数据 data: { week:2, msg:'hello wx', num:88, isflag:false, hero:{ nickname:'厨王',原创 2022-03-30 11:38:27 · 2741 阅读 · 0 评论 -
微信小程序开发01(安装与简单使用)
微信小程序开发注册账号与安装开发工具创建项目文件结构小程序文件结构与传统web对比新建文件夹全局配置WindowTabBar组件Button效果图注册账号与安装开发工具官网:https://mp.weixin.qq.com/cgi-bin/wx官网记录了详细的注册步骤与安装工具的下载,跟随脚本即可创建项目AppID为开发->开发管理->开发设置点击“确定”项目就创建成功~文件结构小程序文件结构与传统web对比传统web微信小程序HTMLWXML原创 2022-03-28 11:05:40 · 5434 阅读 · 0 评论