微信小程序开发与实战 -PPT课件 第15章 项目实战.pptx

第15章 项目实战 项目介绍 项目创建 项目结构 安装依赖 项目演示 项目发布 项目介绍 项目介绍 本项目是一款美妆商城类的微信小程序，包含了商品展示、查看商品详情、提交订单、编辑收货人信息、订单介绍等功能模块，小程序使用了Vant Weapp组件库。小程序是由六个页面组成，分别是商城首页、商品列表页、商品详情页、订单信息页、收货地址页、订单结果页等。 项目创建 项目创建 项目结构 项目文件结构 安装依赖 安装依赖 本项目采用的Vant Weapp组件库实现小程序的UI页面开发。Vant Weapp可以使用npm安装，打开小程序的项目根目录，在终端执行下面的命令： # 初始化npm npm init -y # 安装lin-ui组件库 npm i @vant/weapp -S --production 安装依赖 在使用Vant Weapp组件库之前，需要将 app.json 中的 style: v2 配置项去除，并手动在 project.config.json 内添加如下配置 { ... setting: { ... packNpmManually: true, packNpmRelationList: [ { packageJsonPath: ./package.json, miniprogramNpmDi