名称：基于uni-app实战开发《电商商城》项目

描述：这是一个基于uni-app框架实战开发电商商城项目的完整课程。课程从uni-app基础知识和环境搭建讲起，逐步带领学员开发一个具备首页、商品列表、商品详情、购物车、会员中心等核心功能的跨端电商应用。项目实战部分涵盖了轮播图、导航、商品展示、图片预览、资讯列表、地图定位等典型电商功能，并详细讲解了数据请求封装、组件通信、上拉加载、下拉刷新等关键技术点。课程最后还包含了小程序、H5和Android等多平台的打包发布流程，帮助学员全面掌握uni-app跨端开发的全流程。

链接：

百度：

夸克：

📁 大小：2.31 GB

🏷 标签：#电商商城 #跨端开发 #组件封装 #数据请求 #上拉加载 #下拉刷新 #多端发布 #商品详情 #实战项目 #基于uniapp实战开发百度网盘 #quark

└─基于uni-app实战开发《电商商城》项目

├─code│  ├─hello-uni│  │  │  App.vue│  │  │  main.js│  │  │  manifest.json│  │  │  pages.json│  │  │  uni.scss│  │  ││  │  ├─cnponents│  │  │  │  a.vue│  │  │  │  b.vue│  │  │  │  test.vue│  │  │  ││  │  │  └─uni-calendar│  │  │          calendar.js│  │  │          uni-calendar-item.vue│  │  │          uni-calendar.vue│  │  │          util.js│  │  ││  │  ├─pages│  │  │  ├─contact│  │  │  │      contact.vue│  │  │  ││  │  │  ├─detail│  │  │  │      detail.vue│  │  │  ││  │  │  ├─home│  │  │  │      home.vue│  │  │  ││  │  │  ├─index│  │  │  │      index.vue│  │  │  ││  │  │  ├─list│  │  │  │      list.vue│  │  │  ││  │  │  ├─message│  │  │  │      message.vue│  │  │  ││  │  │  ├─navigator│  │  │  │      navogator.vue│  │  │  ││  │  │  └─uni-style│  │  │          a.css│  │  │          uni-style.vue│  │  ││  │  ├─static│  │  │  │  logo.png│  │  │  ││  │  │  ├─fonts│  │  │  │      iconfont.css│  │  │  │      iconfont.eot│  │  │  │      iconfont.svg│  │  │  │      iconfont.ttf│  │  │  │      iconfont.woff│  │  │  │      iconfont.woff2│  │  │  ││  │  │  └─tabs│  │  │          contact-active.png│  │  │          contact.png│  │  │          home-active.png│  │  │          home.png│  │  │          message-active.png│  │  │          message.png│  │  ││  │  └─unpackage│  └─hm_shop│      │  App.vue│      │  main.js│      │  manifest.json│      │  pages.json│      │  uni.scss│      ││      ├─cnponents│      │  ├─goods-list│      │  │      goods-list.vue│      │  ││      │  ├─news-item│      │  │      news-item.vue│      │  ││      │  └─uni-goods-nav│      │          uni-goods-nav.vue│      ││      ├─pages│      │  ├─cart│      │  │      cart.vue│      │  ││      │  ├─contact│      │  │      contact.vue│      │  ││      │  ├─goods│      │  │      goods.vue│      │  ││      │  ├─goods-detail│      │  │      goods-detail.vue│      │  ││      │  ├─index│      │  │      index.vue│      │  ││      │  ├─member│      │  │      member.vue│      │  ││      │  ├─news│      │  │      news.vue│      │  ││      │  ├─news-detail│      │  │      news-detail.vue│      │  ││      │  └─pics│      │          pics.vue│      ││      ├─static│      │  │  hmlogo.png│      │  │  logo.png│      │  ││      │  └─icon│      │          cart-active.png│      │          cart.png│      │          home-active.png│      │          home.png│      │          member-active.png│      │          member.png│      │          news-active.png│      │          news.png│      ││      ├─unpackage│      └─util│              api.js│├─大纲│  │  uniapp基础知识.md│  ││  └─images│          2view.png│          create.jpg│├─素材│  │  bz.png│  │  download.zip│  │  HBuilderX.2.4.6.20191210.full.zip│  │  heima_shop_server.zip│  │  hmlogo.png│  │  项目接口文档.md│  ││  ├─fonts│  │      iconfont.css│  │      iconfont.eot│  │      iconfont.svg│  │      iconfont.ttf│  │      iconfont.woff│  │      iconfont.woff2│  ││  ├─font_nav│  │      demo.css│  │      demo_index.html│  │      iconfont.css│  │      iconfont.eot│  │      iconfont.js│  │      iconfont.json│  │      iconfont.svg│  │      iconfont.ttf│  │      iconfont.woff│  │      iconfont.woff2│  ││  ├─icon│  │      cart-active.png│  │      cart.png│  │      home-active.png│  │      home.png│  │      member-active.png│  │      member.png│  │      news-active.png│  │      news.png│  ││  └─tabs│          contact-active.png│          contact.png│          home-active.png│          home.png│          message-active.png│          message.png│├─视频│      01-课程和uni的基本介绍_高清 1080P.mp4│      02-uni-app的环境搭建并创建项目运行_高清 1080P.mp4│      03-项目目录和开发规范简单介绍_高清 1080P.mp4│      04-globalStyle全局外观配置_高清 1080P.mp4│      05-创建新页面和页面的配置_高清 1080P.mp4│      06-配置基本的tabbar_高清 1080P.mp4│      07-tabbar的其他属性配置_高清 1080P.mp4│      08-condition启动模式配置_高清 1080P.mp4│      09-text组件的基本使用_高清 1080P.mp4│      10-view组件的基本使用_高清 1080P.mp4│      11-button按钮组件的使用_高清 1080P.mp4│      12-image组件的基本使用_高清 1080P.mp4│      13-uni中样式的学习及如何使用scss和字体图标_高清 1080P.mp4│      14-基本的数据绑定_高清 1080P.mp4│      15-v-bind和v-for的使用_高清 1080P.mp4│      16-如何注册事件和传递参数及获取到事件对象_高清 1080P.mp4│      17-生命周期函数的学习_高清 1080P.mp4│      18-下拉刷新的学习_高清 1080P.mp4│      19-上拉加载_高清 1080P.mp4│      20-发送get请求_高清 1080P.mp4│      21-数据缓存_高清 1080P.mp4│      22-图片的上传和预览_高清 1080P.mp4│      23-条件编译跨端兼容_高清 1080P.mp4│      24-两种方式导航跳转和传参_高清 1080P.mp4│      25-组件的创建使用和组件的生命周期函数_高清 1080P.mp4│      26-组件之间的通讯方式_高清 1080P.mp4│      27-uni-ui组件库的基本介绍和使用_高清 1080P.mp4│      28-项目功能介绍_高清 1080P(1).mp4│      28-项目功能介绍_高清 1080P.mp4│      29-创建项目和清理结构及配置基本外观_高清 1080P.mp4│      30-完成底部tabbar的配置_高清 1080P.mp4│      31-获取轮播图的数据_高清 1080P.mp4│      32-封装$myRequest方法并挂载到全局_高清 1080P.mp4│      33-完成首页轮播图的渲染_高清 1080P.mp4│      34-实现导航的基本结构_高清 1080P.mp4│      35-完成推荐商品结构_高清 1080P.mp4│      36-完成推荐商品数据渲染_高清 1080P.mp4│      37-改造导航区域并跳转到商品列表页面_高清 1080P.mp4│      38-封装商品列表组件并使用_高清 1080P.mp4│      39-实现上拉加载更多和下拉刷新_高清 1080P.mp4│      40-完成联系我们页面的地图和拨打电话_高清 1080P.mp4│      41-实现社区图片左侧的结构和样式_高清 1080P.mp4│      42-实现左侧数据渲染和点击高亮_高清 1080P.mp4│      43-实现右侧数据的渲染_高清 1080P.mp4│      44-完成图片的预览功能_高清 1080P.mp4│      45-实现资讯列表的结构和数据的获取_高清 1080P.mp4│      46-实现news-item组件的封装_高清 1080P.mp4│      47-实现列表跳转详情并传递id_高清 1080P.mp4│      48-完成资讯详情页面_高清 1080P.mp4│      49-点击商品列表导航至商品详情页_高清 1080P.mp4│      50-实现商品详情轮播图_高清 1080P.mp4│      51-实现详情其他部分的结构_高清 1080P.mp4│      52-完成详情页面的数据渲染_高清 1080P.mp4│      53-利用uni-ui实现底部导航区域_高清 1080P.mp4│      54-完成小程序打包发布_高清 1080P.mp4│      55-完成h5打包_高清 1080P.mp4│      56-完成安卓打包_高清 1080P.mp4│└─讲义    │  uniapp基础知识.md    │  黑马商城(1).md    │  黑马商城.md    │    └─images            2view.png            create.jpg