微信小程序 ---- 慕尚花坊 项目初始化

目录

项目介绍

01. 项目概述

02. 项目演示

03. 项目技术栈

04. 接口文档

申请开发权限

项目初始化

01. 创建项目与项目初始化

02. 自定义构建 npm + 集成Sass

03. 集成项目页面文件

04. VsCode 开发小程序项目

---

项目介绍

01. 项目概述

[慕尚花坊] 是一款 同城鲜花订购 的小程序，专业提供各地鲜花速递、鲜花预定、网上订花、包月鲜花等服务。最快3小时送花上门，保证花材新鲜和鲜花质量，可先送花后付款，专业花艺师傅精美包扎，品质保证，至诚服务。

02. 项目演示

[慕尚花坊] 项目涵盖电商项目常见功能模块，包含：

1. 项目首页
2. 商品分类
3. 商品列表
4. 商品详情
5. 用户管理
6. 收货地址
7. 购物车
8. 结算支付
9. 订单管理
10. 等……

03. 项目技术栈

[慕尚花坊] 项目使用原生小程序进行搭建开发，项目涵盖小程序开发所有常用的知识点

1. 小程序内置组件：采用小程序内置组件 结合 Vant 组件库实现页面结构的搭建

2. 项目中使用了 css 拓展语言 Scss 绘制页面的结构

3. 小程序内置API：交互、支付、文件上传、地图定位、网络请求、预览图片、本地存储等

4. 小程序分包加载：降低小程序的启动时间、包的体积，提升用户体验度

5. 小程序组件开发：将页面内的功能模块抽象成自定义组件，实现代码的复用

6. 网络请求封装：request 方法封装、快捷方式封装、响应拦截器、请求拦截器

7. 骨架屏组件：利用开发者工具提供了自动生成骨架屏代码的能力，提高了整体使用体验和用户满意度。

8. UI 组件库：使用 Vant 组件库实现小程序 结构的绘制

9. LBS：使用腾讯地图服务进行 LBS逆地址解析，实现选择收货地址功能

10. miniprogram-licia：使用 licia 进行函数的防抖节流

11. async-validator：使用 async-validator 实现表单验证

12. miniprogram-computed: 使用 miniprogram-computed 进行计算属性功能

13. mobx-miniprogram：使用 mobx-miniprogram 进行项目状态的管理

    ​

04. 接口文档

慕尚花坊系统-API文档

 

申请开发权限

在开始开发一个小程序项目之前，需要先申请开发权限。

需要将自己的微信号发送给对应小程序账号的管理员，在小程序微信公众后台添加我们自己为开发者。

📌：注意事项：

1. 需要将自己的 微信号 发送给对应小程序账号的管理员

2. 手机号不是微信号 (除非将手机号设置为了微信号)

如何查看自己的微信号：

 

在将微信号发送给管理以后，管理员会登录微信公众后台，进行添加：