Vue.js3企业级项目开发实战

作品简介

本书是一本实用性很强的Vue.js3实战项目书。书中结合实际项目场景，构建了一个完整的企业级应用。全书共分13章，内容包含项目概述、Vue3项目管理、登录管理、后台主框架、图库管理、管理员管理、用户管理、商品管理、订单管理、优惠券管理、商品评论管理、分销管理和公告管理，并且讲解了这些模块的实际应用方法。同时，本书还介绍了如何使用Vite、Axios、VueRouter、Vuex等流行工具和库，以提高开发效率、提升用户体验。

袁龙，从事Web开发、教学培训等业务，创建“锦匠特效”和“锦匠课堂”两大Web前端工具类网站，为数万前端开发者提供高效率的工作方式，轻松实现网页动画特效，目前是51CTO、CSDN等在线教育平台讲师。著有《Vue.js核心技术解析与uni-app跨平台开发实战》《Node.js从基础到项目实践(视频教学版)》等多部著作。

作品目录

• 内容简介
• 作者简介
• 前言
• 第1章　项目概述
• 1.1　项目全局介绍
• 1.2　项目成果
• 第2章　Vue3项目管理
• 2.1　使用Vite创建Vue3项目
• 2.2　Vite目录结构
• 2.3　配置vue-router路由模块
• 2.4　设置文件系统路径别名
• 2.5　捕获404路由
• 2.6　全局引用Element Plus
• 第3章　登录管理
• 3.1　登录静态页面
• 3.2　setup语法糖
• 3.3　登录表单数据进行合法性验证
• 3.4　封装axios请求模块
• 3.5　登录API交互
• 3.6　本地存储token信息
• 3.7　根据token获取管理员信息
• 3.8　禁止用户重复登录
• 3.9　使用Vuex仓库管理用户信息
• 3.10　全局路由守卫
• 3.11　Vuex数据持久化
• 3.12　退出登录
• 3.13　使用loading进度条
• 第4章　后台主框架
• 4.1　商城后台首页静态页面布局
• 4.2　Header组件样式开发
• 4.3　页面刷新及浏览器全屏
• 4.4　修改管理员密码
• 4.5　优化功能模块实现代码封装
• 4.6　侧边栏导航菜单布局
• 4.7　侧边栏菜单前后端数据交互
• 4.8　左侧导航菜单的展开和隐藏
• 4.9　动态新增选项卡菜单
• 4.10　后台首页统计面板
• 4.11　后台首页分类组件
• 4.12　首页echarts图表组件
• 4.13　店铺提示组件
• 第5章　图库管理
• 5.1　图库管理页面布局
• 5.2　图库分类数据交互
• 5.3　图库分类列表分页
• 5.4　新增图库分类样式布局
• 5.5　新增图库分类业务处理
• 5.6　修改图库分类
• 5.7　删除图库分类
• 5.8　图库列表布局
• 5.9　图库列表前后端数据交互
• 5.10　图库列表渲染及重命名
• 5.11　删除图片
• 第6章　管理员管理
• 6.1　管理员管理页面样式布局
• 6.2　管理员管理页面数据交互
• 6.3　管理员状态管理
• 6.4　新增管理员
• 6.5　删除管理员
• 6.6　编辑管理员信息
• 6.7　上传管理员头像
• 6.8　搜索及分页
• 6.9　菜单权限管理样式布局
• 6.10　菜单权限管理表数据交互
• 6.11　新增菜单权限
• 6.12　封装icon图标模块
• 6.13　修改菜单权限
• 6.14　修改菜单启用状态
• 6.15　删除菜单权限
• 6.16　角色管理页面样式布局
• 6.17　角色管理数据交互
• 6.18　新增角色
• 6.19　根据角色ID编辑角色
• 6.20　根据角色ID删除角色
• 6.21　根据角色ID修改角色启用状态
• 6.22　分配权限
• 第7章　用户管理
• 7.1　用户管理页面布局
• 7.2　用户列表前后端数据交互
• 7.3　新增用户
• 7.4　修改用户
• 7.5　删除用户
• 7.6　搜索用户
• 第8章　商品管理
• 8.1　商品规格管理页面样式布局
• 8.2　商品规格管理数据交互
• 8.3　新增商品规格
• 8.4　编辑商品规格
• 8.5　删除和批量删除商品规格
• 8.6　商品管理页面样式布局
• 8.7　商品管理数据交互
• 8.8　商品类型切换及商品搜索
• 8.9　新增商品
• 8.10　编辑商品
• 8.11　设置商品轮播图
• 8.12　设置商品详情
• 8.13　设置商品规格
• 8.14　商品分类管理页面样式布局
• 8.15　商品分类管理数据交互
• 8.16　新增商品分类
• 8.17　编辑商品分类
• 8.18　删除商品分类
• 8.19　修改商品分类启用状态
• 第9章　订单管理
• 9.1　商品订单管理页面布局
• 9.2　商品订单列表数据交互
• 9.3　订单详情管理
• 9.4　批量删除订单
• 9.5　导出订单列表到Excel表格
• 第10章　优惠券管理
• 10.1　优惠券管理页面样式布局
• 10.2　优惠券列表数据交互
• 10.3　新增优惠券
• 10.4　修改优惠券信息
• 10.5　删除优惠券
• 10.6　设置优惠券失效
• 第11章　商品评论管理
• 11.1　商品评论管理页面样式布局
• 11.2　渲染商品评论列表
• 11.3　展开商品评论
• 11.4　回复或修改商品评论
• 11.5　设置商品评论是否显示
• 第12章　分销管理
• 12.1　分销员管理页面样式布局
• 12.2　分销员管理数据交互
• 12.3　查看分销员推广明细
• 12.4　分销设置
• 第13章　公告管理
• 13.1　公告管理页面样式布局
• 13.2　公告管理页面数据交互
• 13.3　新增公告
• 13.4　编辑公告
• 13.5　删除公告