[前端项目]微信小程序 小商城
项目名称
《豆子商城》
项目定位
- 个人学习项目
项目周期
2020-11 ~ 2020-12
项目介绍
《豆子商城》是我本人个人经过课程学习后开发的个人学习项目。
商城模块构成和相应的功能点如下:
首页:搜索框(防抖 + 补全)、轮播图、导购入口(flex布局)、五宫格(去浮动)
分类:左右布局,左侧为商品分类,右侧为商品牌子(flex布局)
商品详情页:轮播图、懒加载、flex布局
购物车:storage、购物车item结算(事件代理)
个人中心:flex布局、自定义微信登录组件
订单页:自定义Tabs组件、slot插槽使用
网络请求:async/await + Promise + wx.request自定义重新封装
技术栈
架构:前后端分离
开发IDE:VScode、微信开发者小程序
es6语法 + babel + 原生小程序开发
项目仓库地址
- gitee:https://gitee.com/BruceCat/wechat-app-mail01
部分项目截图
image-20210414225101736
image-20210415132628595
image-20210415132555712
image-20210415132647364
vscode插件
wechat-snippet 微信小程序代码辅助,代码片段自动完成
minapp
微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets) 需要输入<才会触发标签补全,输入空格会触发对应标签的属性补全
wxapp-helper 选择创建wx组件,自动生成配套的文件
参考资料
https://www.bilibili.com/video/BV1nE41117BQ
[前端项目]微信小程序 小商城相关推荐
- 微信小程序宠物商城项目源码来了~
微信小程序蒙服汇项目源码来了~ 微信小程序垃圾分类项目源码来了~ 微信小程序校园社团管理系统项目源码来了~ 团队承接各类小程序定制,需要加微 code_gg_boy .小商城,购物,公司的一些管理,流 ...
- 微信小程序 – 美甲商城项目实战开发全集
目录: 微信小程序 - 美甲商城项目实战开发全集 ┣━━1.配置和目录结构.mp4 ┣━━2.小程序注册.mp4 ┣━━3.小程序的语句判断.mp4 ┣━━4.组件(视图容器和基本内容).mp4 ┣━ ...
- 微信小程序购物商城系统开发系列-工具篇
微信小程序购物商城系统开发系列-工具篇 微信小程序开放公测以来,一夜之间在各种技术社区中就火起来啦.对于它 估计大家都不陌生了,对于它未来的价值就不再赘述,简单一句话:可以把小程序简单理解为一个新的操 ...
- 微信小程序之仿淘宝分类入口 —— 微信小程序实战商城系列(2)
分类入口,已经成为了商城项目必须的布局之一,这里以仿照淘宝的分类入口来做案例 下图红框部分,就是本文重点讲解部分,另外本文并没有写点击某个入口跳转页面. 如需学习页面跳转的同学,可以参考此文 微信小程 ...
- 基于微信小程序网上商城、小程序商城毕业设计论文 课题题目参考(1)前台功能和界面
基于微信小程序的网上商城的前端即面向消费者的客户端模块,这个模块主要是通过借助微信小程序的微信开发者工具所提供的"MINA"框架即WXML.WXSS.JS以及微信开发者工具所提供的 ...
- 微信小程序:商城系列专辑(开发指南+精品Demo)
商城开发指南: 微信小程序商城模块 | 链接 使用zanui开发小程序微商城(模板组件的开发规范)| 链接 ecshop商城开发:用户信息的获取和缓存,地址信息的缓存 | 链接 微信小程序商城 - 基 ...
- 计算机毕业设计Python+uniapp文具商城微信小程序(小程序+源码+LW)
计算机毕业设计Python+uniapp文具商城微信小程序(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程 项目运行 环境配置: Pychram社区版+ pyth ...
- [转]微信小程序之购物车 —— 微信小程序实战商城系列(5)
本文转自:http://blog.csdn.net/michael_ouyang/article/details/70755892 续上一篇的文章:微信小程序之商品属性分类 -- 微信小程序实战商城 ...
- 微信小程序分析送积分功能如何实现_微信小程序积分商城解决方案(一)
概念 微信小程序积分商城的"积分商城"概念,是指的用户访问微信小程序经过授权用户信息或是验证注册的用户加入会员,基于微信APP环境使用微信支付等工具进行交易,推出的一种会员奖励计划 ...
- 微信小程序分析送积分功能如何实现_微信小程序积分商城该怎么进行操作?
共享经济是我们这个时代特有的产物,但是现在已经出现下滑的趋势,作为线上营销的卖家,想要实现线上经济共享,还需要一定的手段才能实现,这种手段就是微信小程序积分商城,今天来带大家了解一下. 1.小程序积分 ...
最新文章
- leecode---46---数组,dfs---求出数组的所有组合
- 理解基本权限以及特殊权限:Suid 、Sgid、Sticky以及acl
- zkui - Zookeeper的Web UI界面 windows环境
- 我的同事Leo做的一个AR增强现实的项目
- 《大型门户网站是这样炼成的!(Struts 2+Spring 2+Hibernate 3) 》
- 《天天数学》连载30:一月三十日
- 大数据_Hbase-shell命令_(补充_hbase存数据只增加不删除_只会适时删除)---Hbase工作笔记0006
- rocketmq云服务搭建踩坑
- 社会工程学之黑客七宗罪——贪婪(死亡之PING)
- 互联网医院远程医疗在线问诊药品商城处方流转系统源码spring boot+vue全开源
- 价值函数与贝尔曼方程
- 概率运算中C(k,n)是怎么算的啊? 比如C(6,3)等于几?怎么来的.
- 怎样做一个企业网站建设规划书?
- 最佳情侣身高差 Java版 PTA
- 基于豆瓣影评数据的完整文本分析
- 03-Java核心类库_XML与JSON
- 服务IP(VIP)的作用
- C# 窗口实现Win7简单屏幕泡泡保护程序 和实现聊天窗口震动
- yum安装ruby_Ruby 安装 – Linux | 菜鸟教程
- 滴滴携手万达酒店 推出“出行+酒店”一体化服务