微信小程序项目篇
关注
分享
扫一扫
文章平均质量分 67
微信小程序项目设计案例大全
愚公搬代码
《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。
《近期荣誉》：2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主，2024年华为云十佳博主等。
《博客内容》：.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
展开
-
【愚公系列】2022年11月 微信小程序-本地生活项目-商家列表
商户”是指有实体经营场所的商家；如知识营销、网络营销、绿色营销、个性化营销、创新营销、整合营销、消费联盟营销、连锁经营渠道营销、大市场营销、绿色营销、娱乐营销等营销商家。原创 2022-11-14 22:46:13 · 9321 阅读 · 1 评论 -
【愚公系列】2022年11月 微信小程序-本地生活项目-首页
从线下企业到线上企业的整合是传统产业和互联网技术的有机结合。它看起来像一个简单的平台，但是它将给消费者和用户带来极大的便利。在电子商务过程中，本地生活服务平台的概念越来越清晰。本地生活服务O2O是一个综合的生活服务平台，集成餐饮外卖、同城信息、同城购物等各种模块。不管是老人还是孩子，他们在日常生活中都有一定的饮食、娱乐、饮食、服装、住房和交通需求，从吃饭穿衣到买房买车。因此，本地生活服务涵盖国内维修、管道疏通、婚礼、化妆、搬家、学习培训、二手交易等业务类型。原创 2022-11-14 22:30:18 · 9274 阅读 · 0 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-意见反馈页面
对于需要收集产品上线后用户实际使用感受的，意见反馈绝对是一个很好用的功能，开发设计成本很低，却能获得比较显著的效果，但就因为是小功能，所以往往不被重视。如果一个产品是有长远发展规划的，个人觉得应该在产品的第一个版本上线的时候就应该配备意见反馈的功能，这里所能收集到的有需求，有 BUG，还有其他的，只要有问题，就能找到解决的办法，没有任何反馈的时候，就只能靠产品的规划和设计师的水平了，当然也不是一味的遵循用户的意见，但绝对是一个非常好的参考来源。原创 2022-11-08 02:30:00 · 8949 阅读 · 1 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-个人中心页面
个人中心的信息复杂度与产品本身有关。体系越庞大的产品，对应个人中心页面需要承载的内容越多，结构势必复杂。一般平台型电商的个人中心页面必须涵盖：用户基础信息、全局性操作（设置）、关键数据记录、购买激励（会员、红包）、核心业务（订单信息）、工具集合（工具箱）等。原创 2022-11-07 21:02:53 · 8843 阅读 · 1 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-搜索页面
搜索功能在电商领域是非常常见的一个功能具体表现在两个方面：对用户来说，生鲜电商类的搜索功能通常是用来解决“快速找到满意的商品”的问题。“快速找到满意的商品”中的“快速”和“满意”是关键词，但二者其实在很大程度上是矛盾的。一方面“快速”意味着用户的搜索操作应尽量方便、快捷，也就是要求平台应当尽量少的让用户交互提供信息；但另一方面，“满意”通常又意味着平台需要尽量多的与用户交互。毕竟，平台上的商品数以万计，只有更多的获取用户信息才能更好的明白客户到底想买什么。原创 2022-11-07 20:07:13 · 8365 阅读 · 1 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-订单列表页面
订单列表页面对于用户来说具备以下两个方面的作用：1.交易凭证：售后、维权、发票都有据可循；针对买卖双方的争议，提供一条依据。2.状态跟踪：交易链条较长的订单有跟踪订单状态的需求，譬如通过淘宝购买一件产品，长时间未收到货物，用户希望能看到订单及物流状态。如，待下单、待支付、运输中（相关物流信息查询）待收货、待评价等等。原创 2022-11-06 22:56:50 · 8413 阅读 · 0 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-授权页面
前言：由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发。自己写一个微信授权登录页面让用户实现点击的功能，也就是实现了通过 button 组件去触发 getUserInof 接口。在用户进入微信小程序的时候，判断用户是否授权了，如果没有授权的话就显示下面“界面简介”的第一个图，让用户去执行授权的操作。如果已经授权了，则直接跳过这个页面，进入首页。原创 2022-11-05 23:53:11 · 8404 阅读 · 1 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-商品支付页面
第一、支付流程一定要简单。现代人的生活节奏是非常快速的，而且情绪比较浮躁。当用户在浏览网站的时候，遇到复杂的操作自然就会产生烦躁的心理，就是关闭网站。一个电商网站想要持续发展，在设计支付流程的时候，一定要简化，这样才能提升转化率，还可以提升用户体验。第二、网站支付的时候，提供的支付方式越多，转化率越高。因此，在设计的支付页面的时候，一定要支持多种支持方式，包括第三方支付，例如微信、支付宝、网上银行等等。第三、积极引导用户。原创 2022-11-05 21:32:15 · 8786 阅读 · 1 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-商品购物车页面
网上购物车是顾客在进行网上购物时所必须使用的购物工具。它用来临时存储用户选择的商品，协助顾客从虚拟商场中选取商品、携带商品，并到虚拟的收银台结账。原创 2022-11-04 23:54:35 · 8364 阅读 · 0 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-商品收藏⻚⾯
1、提高曝光，获取自然流量2、表示商品本身具有爆款潜力。原创 2022-11-03 22:10:02 · 8624 阅读 · 0 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-商品详情页面
商品详情页是展示商品详细信息的一个页面，承载在网站的大部分流量和订单的入口。京东商城目前有通用版、全球购、闪购、易车、惠买车、服装、拼购、今日抄底等许多套模板。各套模板的元数据是一样的，只是展示方式不一样。目前商品详情页个性化需求非常多，数据来源也是非常多的，而且许多基础服务做不了的都放我们这，因此我们需要一种架构能快速响应和优雅的解决这些需求问题。因此我们重新设计了商品详情页的架构，主要包括三部分：商品详情页系统、商品详情页统一服务系统和商品详情页动态服务系统；原创 2022-11-03 21:33:24 · 8270 阅读 · 0 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-商品列表⻚⾯
商品详情页是展示商品详细信息的一个页面，承载在网站的大部分流量和订单的入口。京东商城目前有通用版、全球购、闪购、易车、惠买车、服装、拼购、今日抄底等许多套模板。各套模板的元数据是一样的，只是展示方式不一样。目前商品详情页个性化需求非常多，数据来源也是非常多的，而且许多基础服务做不了的都放我们这，因此我们需要一种架构能快速响应和优雅的解决这些需求问题。因此我们重新设计了商品详情页的架构，主要包括三部分：商品详情页系统、商品详情页统一服务系统和商品详情页动态服务系统；原创 2022-11-02 22:03:22 · 8291 阅读 · 1 评论 -
【愚公系列】2022年11月 微信小程序-优购电商项目-首页设计
对于小程序电商首页设计是很重要的，因为顾客打开小程序第一个看到的页面都是首页，首页的设计即要能吸引顾客，也要展现重要的推广商品。首页的设计主要分为以下几个部分：1、形象展示产品品牌是区别产品的重要标志之一，当顾客进入首页感受到这些差异并能够与其他首页有所区别，从而形成认知上的区分和对品牌的信任感。2、搜索用户使用搜索栏快速找到心仪的商品，快速定位目标。原创 2022-11-02 15:42:07 · 8855 阅读 · 1 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-商品分类
商品分类是指根据一定的管理目的，为满足商品生产、流通、消费活动的全部或部分需要，将管理范围内的商品集合总体，以所选择的适当的商品基本特征作为分类标志，逐次归纳为若干个范围更小、特质更趋一致的子集合体（类目），例如大类、中类、小类、细类，直至品种、细目等，从而使该范围内所有商品得以明确区分与体系化的过程。商品种类繁多，据不完全统计，在市场上流通的商品有25万种以上。为了方便消费者购买，有利于商业部门组织商品流通，提高企业经营管理水平，须对众多的商品进行科学分类。原创 2022-10-31 23:30:58 · 8357 阅读 · 1 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-项目框架搭建
填入自己的appid。原创 2022-10-30 23:54:32 · 8248 阅读 · 1 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-⾃定义组件传参
组件传参是小程序中非常重要的一个功能，因为小程序大多都是组件形式存在的。原创 2022-10-30 23:03:31 · 8157 阅读 · 0 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-自定义组件
组件（Component）是对数据和方法的简单封装。组件可以有自己的属性和方法。属性是组件数据的简单访问者。方法则是组件的一些简单而可见的功能。使用组件可以实现拖放式编程、快速的属性处理以及真正的面向对象的设计。在微信小程序开发过程中，对于一些可能在多个页面都使用的页面模块，可以把它封装成一个组件，以提高开发效率。虽然说我们可以引入整个组件库比如 weui、vant 等，但有时候考虑微信小程序的包体积限制问题，通常封装为自定义的组件更为可控。⼩程序允许我们使⽤⾃定义组件的⽅式来构建⻚⾯。原创 2022-10-28 23:30:34 · 8119 阅读 · 0 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-小程序常见组件
本文重点讲解⼩程序中常⽤的布局组件。原创 2022-10-27 23:55:17 · 8473 阅读 · 0 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-小程序WXSS样式
WXSS( WeiXin Style Sheets )是⼀套样式语⾔，⽤于描述 WXML 的组件样式。响应式⻓度单位 rpx样式导⼊。原创 2022-10-24 21:17:00 · 9234 阅读 · 1 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-⼩程序事件的绑定
⼩程序中绑定事件，通过bind关键字来实现。如 bindtap bindinput bindchange 等不同的组件⽀持不同的事件，具体看组件的说明即可。原创 2022-10-24 21:07:59 · 9143 阅读 · 1 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-小程序模板语法
WXML（WeiXin Markup Language）是框架设计的⼀套标签语⾔，结合基础组件、事件系统，可以构建出⻚⾯的结构。原创 2022-10-23 23:06:31 · 9219 阅读 · 0 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-小程序配置文件
在计算机科学领域，配置文件（英语：configuration file，台湾作设定档）是一种计算机文件，可以为一些计算机程序配置参数和初始设置。任何计算机编程语言都有自己的配置文件，小程序也不例外，小程序配置文件主要是JSON形式存在，最主要的配置文件有两种app.json和page.json⼀个⼩程序应⽤程序会包括最基本的两种配置⽂件。⼀种是全局的 app.json 和页面自己的page.jsonapp.json 是当前⼩程序的全局配置，包括了⼩程序的所有⻚⾯路径、界⾯表现、⽹络超时时间、底部 tab原创 2022-10-22 23:46:01 · 9353 阅读 · 0 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-小程序结构目录
微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。小程序框架的⽬标是通过尽可能简单、⾼效的⽅式让开发者可以在微信中开发具有原⽣APP体验的服务。原创 2022-10-21 23:54:14 · 9145 阅读 · 2 评论 -
【愚公系列】2022年10月 微信小程序-优购电商项目-使用weui扩展
要实现商品列表页需要使用到weui的纵向选项卡（vtabs）功能，用于让用户在不同的视图中进行切换。vtabsvtab-content引入weui样式文件icon.wxss安装完包之后在微信开发者工具中选择构建npm包，这样vtabs就可以在小程序中使用了wxp.js异步封装代码app.jsindex.jsonindex.jsindex.wxmlindex.wxssindex.skeleton.wxmlindex.skeleton.wxss5.效果原创 2022-09-25 23:47:34 · 8984 阅读 · 0 评论 -
【愚公系列】2022年08月 微信小程序项目篇-抽奖轮盘
互联网时代，越来越多的商家开始通过各种各样的线上营销活动来吸引客户，提高销量，比如抽奖活动、投票活动、拼团活动、秒杀活动等，其中抽奖活动广受商家与客户的喜爱，比较常见的便是幸运大转盘抽奖活动。抽奖活动不仅仅运用与商城营销，比如公司年会，节假日，甚至是游戏都会出现抽奖活动，抽奖轮盘在日常生活中还是很常见的，下面就来说下小程序抽奖轮盘的制作。......原创 2022-08-18 23:17:14 · 9771 阅读 · 1 评论