ztK63LrD的博客

⚓经过web前端的学习，相信大家对于前端开发有了一定深入的了解，今天我开设了uni-app专栏，对于想从移动端开发方向进一步发展的朋友，希望看到我文章的朋友能对你有所帮助。搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的。上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。🌇座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。

⚓经过web前端的学习，相信大家对于前端开发有了一定深入的了解，今天我开设了uni-app专栏，对于想从移动端开发方向进一步发展的朋友，希望看到我文章的朋友能对你有所帮助。搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的。上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。🌇座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。

今天开始使用vue3+uni-app搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的github上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（阅读此次项目实践文章能够学习到的技术）：

今天开始使用vue3+uni-app搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的github上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面（阅读此次项目实践文章能够学习到的技术）：

今天开始使用 vue3 + uni-app 搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GitHub上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。

今天开始使用 vue3 + uni-app 搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GitHub上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。

今天开始使用 vue3 + uni-app 搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GitHub上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。

今天开始使用 vue3 + uni-app 搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GitHub上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。

今天开始使用 vue3 + uni-app 搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GitHub上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。

重磅福利！！！文末送书！！！今天开始使用 vue3 + uni-app 搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GitHub上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。

今天开始使用 vue3 + uni-app 搭建一个电商购物的小程序，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GitHub上，大家可以自行去进行下载运行，希望本文章对有帮助的朋友们能多多关注本专栏，学习更多前端uni-app知识。

uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。但目前除微信小程序，其它小程序平台的兼容可能存在一些问题，后续会针对这方面持续优化。

承接上文本文主要讲解项目的登录与支付功能，文章最后会将源代码开源出来，欢迎大家学习!

承接上文处理商品列表详情以及购物车界面的内容

承接上文处理分类列表界面的相关内容，并将具体的实现过程呈现出来。

今天实现一个商城购物的案例，并制作成一个微信小程序在手机上使用，项目需要有四个tabBar按钮来实现，如果第一次接触uni-app的话，欢迎订阅一下本专栏，学习里面的文章，项目的实现原理基本可以搞懂，废话不多说，直接上手操作。

今天实现一个简单的新闻列表的小案例，并制作成一个APP在手机上下载使用，项目很简单，仅仅就只需要有两个路由来实现：index和user。如果第一次接触uni-app的话，欢迎订阅一下本专栏，学习里面的文章，项目的实现原理基本可以搞懂，废话不多说，直接上手操作。

业务逻辑很多时候简单的解释一句话：“在合适的时机干合适的事”。在页面运行过程中，各个阶段的回调函数就是页面中的时机，我们也称之为：“生命周期钩子函数”，在业务中我们也会写到很多回调的逻辑，这些回调其实也就是我们自定义的时机，uni-app的生命周期钩子函数的回调函数有哪些呢？

组件是视图层的基本组成单元，是一个单独且可复用的功能模块的封装，每个组件，包括如下几个部分：以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。

uni-app代码编写，基本语言包括js、css、vue。以及ts、scss等css预编译器。在app端还支持原生渲染的nvue，以及可以编译为kotlin和swift的uts。为实现多端兼容，uni-app约定如下开发规范1）页面文件遵循 Vue 单文件组件 (SFC) 规范 ，即每个页面是一个.vue文件。2）组件标签靠近小程序规范，详见uni-app 组件规范。3）接口能力（JS API）靠近小程序规范，但需将前缀 wx、my 等替换为 uni。

大前端时代背景下，前端开发人员掌握单一的 Web端开发能力已经远远不够了，微信小程序、安卓APP、IOSAPP，甚至是Windows 桌面端，还有最近出的鸿蒙系统开发，都成了我们成长需要掌握的技能。目前市面上各种「跨平台」开发解决方案层出不穷，比较有代表性的就是：uni-app 、Flutter、React Native、Taro、Weex等等。uni-app 是基于「Vue+微信小程序」语言体系，开发人员学习成本低上手快，同时随着如今uni-app生态也逐步趋于成熟。

🏍️作者简介：大家好，我是亦世凡华、渴望知识储备自己的一名在校大学生🚲座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。👀引言⚓经过web前端开发的学习，相信大家对于前端开发有了一定深入的了解，今天我开设了微信小程序专栏，主要想从移动端开发方向进一步发展，而对于我来说写移动端博文的第一站就是小程序开发，希望看到我文章的朋友能对你有所帮助。今天借助黑马的本地生活案例，加强一下自己对小程序的学习，并将学习过程分享出来，希望能和以前学习的知识相互印证。

tabBar底部栏的讲解

详解小程序日常开发过程中，全局数据共享和分包的使用

详解 Vant Weapp 组件库的安装与使用

组件通信和behavior讲解

详解小程序自定义组件的功能需求和组件特点

浅讲生命周期和WXS的使用

讲解数据请求和页面传参

全局配置-window相关设置讲解，详解下拉刷新和上拉触底两个事件。

讲解WXML中 条件渲染 和 列表渲染 以及WXSS模板样式

详解数据绑定和事件绑定

详解了小程序组件的分类，以及讲解了常用组件的使用

组成结构，开发过程准备，相关文件以及宿主环境介绍

小程序的介绍与相关工具安装配置