加载中...
Vue3进阶教程-第2学堂小商城
{{ brief.revision === 1 ? "初版" : `第${brief.revision}版` }}
技术
·
互联网
·
前端开发人员,项目经验积累
课程缩略

面向已经掌握Vue3基础知识者。
以实战项目为主线,从零开始,逐步指导如何搭建和配置项目,实现各种功能需求。
教程特点:
1、仅涉及逻辑部分,静态页面、样式直接提供;
2、逐步指导,细化需求,一步步完成项目;
3、互动学习,课堂问答;

最新发布
第7节:项目结构讲解
介绍静态项目的已有配置,以及目录结构
第6节:Axios 封装
Axios 封装可以简化网络请求配置
第5节:vite 配置
根据项目需求调整 Vite.config 配置,可以优化开发和构建流程。
题图

该教程为进阶教程,如果你还不了解Vue3的基础知识,可以先前往Vue3基础教程,从入门到实战学习时遇到的任何疑问都欢迎在相应课文页面下方的问答区进行提问哦

我能学到什么?

编程写法千千万,实现需求是第一。
教程中的需求实现思路可能不是最优解,但也有一定参考价值。

除此之外还可以学到以下知识:

  • 了解真实前后端结构;
  • 如何使用axios请求接口数据、封装api并使用;
  • 如何配置路由(vue-router),了解路由模式区别;
  • 轻量级状态管理(pinia)的使用;
  • 项目其他配置:跨域请求,打包,运行;
  • 用户注册/登录;
  • 商品的分类筛选展示;
  • 列表数据过多情况下如何进行分页;
  • 用户地址三级联动;

项目教学特点

仅逻辑

样式部分的代码课文中会直接提供,只需专心学习怎么在项目中使用vue,以及问题的解决思路。

逐步指导

从零开始,教你如何搭建配置项目,需求细化一步步完成项目!

互动学习

课文下偶尔有课堂作业,按时完成可以巩固已学习的知识,学习时遇到的任何疑问都可以在相应页面下方的问答区进行提问。

问答

真实开发

真实前后端结构,真实体验前后端开发过程,课文中将会提供api文档,以及后台(api)程序无需繁琐的环境配置部署,一键启动后就可以调用接口。

api文档

后台(api)程序

案例演示

案例演示

真实商城 🆚 d2小商城

功能点 真实商城 d2小商城
用户注册/登录
商品展示
商品筛选
商品搜索
商品详情页
商品多规格
购物车
商品下单
付款
订单管理
订单物流信息
用户个人中心
促销活动和优惠券
消息通知

包含课文
课文缩略
项目页面演示,业务讲解
{{ parseTime('2023-11-03T16:06:30+08:00') }}
课文缩略
后端准备&接口文档
{{ parseTime('2023-11-17T10:29:06+08:00') }}
课文缩略
使用Vue + Vue Router 让创建的单页应用变得非常简单
{{ parseTime('2023-12-11T11:31:16+08:00') }}
课文缩略
Vue的状态管理库,简化多组件共享状态
{{ parseTime('2024-02-21T14:03:07+08:00') }}
课文缩略
根据项目需求调整 Vite.config 配置,可以优化开发和构建流程。
{{ parseTime('2024-03-11T17:15:46+08:00') }}
课文缩略
Axios 封装可以简化网络请求配置
{{ parseTime('2024-03-28T17:46:47+08:00') }}
课文缩略
介绍静态项目的已有配置,以及目录结构
{{ parseTime('2024-04-24T16:51:15+08:00') }}
所属课系
vue3自学旅程,从这开始
Vue3 全套教程