新書推薦:
《
打好你手里的牌(斯多葛主义+现代认知疗法,提升当代人的心理韧性!)
》
售價:NT$
301.0
《
新时代硬道理 广东寻路高质量发展
》
售價:NT$
352.0
《
6S精益管理实战(精装版)
》
售價:NT$
458.0
《
异域回声——晚近海外汉学之文史互动研究
》
售價:NT$
500.0
《
世界文明中的作物迁徙:聚焦亚洲、中东和南美洲被忽视的本土农业文明
》
售價:NT$
454.0
《
无端欢喜
》
售價:NT$
347.0
《
股票大作手操盘术
》
售價:NT$
245.0
《
何以中国·何谓唐代:东欧亚帝国的兴亡与转型
》
售價:NT$
398.0
|
編輯推薦: |
(1)实用性强:本书的案例是基于真实的企业级项目需求而开发的,读者可通过学习本 书,掌握实际项目开发中的技巧和方法。
(2)操作性强:本书所有的代码都是通过演示的方式进行讲解的,读者可以边学边练,使理论知识更加贴近实际应用。
(3)互动性强:本书赠送配套的微课视频约164集,读者可通过观看视频更好地理解代码的实现过程和实现方法。
164集学习视频 项目实战源码 API PPT,一份保姆级的商城后台管理系统项目实战,带你轻松玩转Vue3框架。
|
內容簡介: |
本书是一本实用性很强的Vue.js 3实战项目书。书中结合实际项目场景,构建了一个完整的企业级应用。全书共分13章,内容包含项目概述、Vue3项目管理、登录管理、后台主框架、图库管理、管理员管理、用户管理、商品管理、订单管理、优惠券管理、商品评论管理、分销管理和公告管理,并且讲解了这些模块的实际应用方法。同时,本书还介绍了如何使用Vite、Axios、Vue Router、Vuex等流行工具和库,以提高开发效率、提升用户体验。
|
關於作者: |
袁龙,从事Web开发、教学培训等业务,创建“锦匠特效”和“锦匠课堂”两大Web前端工具类网站,为数万前端开发者提供高效率的工作方式,轻松实现网页动画特效,目前是51CTO、CSDN等在线教育平台讲师。著有《Vue.js核心技术解析与uni-app跨平台开发实战》《Node.js从基础到项目实践(视频教学版) 》等多部著作。
|
目錄:
|
第1章 项目概述 1
1.1 项目全局介绍 1
1.2 项目成果 3
第2章 Vue3项目管理 9
2.1 使用Vite创建Vue3项目 9
2.2 Vite目录结构 10
2.3 配置vue-router路由模块 11
2.4 设置文件系统路径别名 12
2.5 捕获404路由 13
2.6 全局引用Element Plus 15
第3章 登录管理 17
3.1 登录静态页面 17
3.2 setup语法糖 20
3.3 登录表单数据进行合法性验证 21
3.4 封装axios请求模块 23
3.5 登录API交互 24
3.6 本地存储token信息 27
3.7 根据token获取管理员信息 28
3.8 禁止用户重复登录 30
3.9 使用Vuex仓库管理用户信息 32
3.10 全局路由守卫 33
3.11 Vuex数据持久化 34
3.12 退出登录 36
3.13 使用loading进度条 37
第4章 后台主框架 39
4.1 商城后台首页静态页面布局 39
4.2 Header组件样式开发 41
4.3 页面刷新及浏览器全屏 43
4.4 修改管理员密码 44
4.5 优化功能模块实现代码封装 48
4.6 侧边栏导航菜单布局 50
4.7 侧边栏菜单前后端数据交互 52
4.8 左侧导航菜单的展开和隐藏 54
4.9 动态新增选项卡菜单 56
4.9.1 选项卡样式布局 56
4.9.2 渲染tabs标签数据源 58
4.9.3 动态添加tabs标签 59
4.9.4 删除tabs标签 60
4.9.5 keep-alive页面缓存 62
4.10 后台首页统计面板 62
4.10.1 统计面板静态页面 63
4.10.2 统计面板数据交互 64
4.10.3 骨架屏及数字滚动效果 65
4.11 后台首页分类组件 67
4.12 首页echarts图表组件 69
4.12.1 echarts图表静态页面 69
4.12.2 echarts图表后端数据交互 71
4.13 店铺提示组件 73
第5章 图库管理 77
5.1 图库管理页面布局 77
5.2 图库分类数据交互 81
5.3 图库分类列表分页 83
5.4 新增图库分类样式布局 84
5.5 新增图库分类业务处理 85
5.6 修改图库分类 87
5.7 删除图库分类 89
5.8 图库列表布局 91
5.9 图库列表前后端数据交互 93
5.10 图库列表渲染及重命名 96
5.11 删除图片 99
第6章 管理员管理 101
6.1 管理员管理页面样式布局 101
6.2 管理员管理页面数据交互 104
6.3 管理员状态管理 105
6.4 新增管理员 107
6.5 删除管理员 112
6.6 编辑管理员信息 113
6.7 上传管理员头像 115
6.8 搜索及分页 119
6.9 菜单权限管理样式布局 121
6.10 菜单权限管理表数据交互 124
6.11 新增菜单权限 125
6.12 封装icon图标模块 130
6.13 修改菜单权限 131
6.14 修改菜单启用状态 133
6.15 删除菜单权限 135
6.16 角色管理页面样式布局 136
6.17 角色管理数据交互 138
6.18 新增角色 139
6.19 根据角色ID编辑角色 143
6.20 根据角色ID删除角色 145
6.21 根据角色ID修改角色启用状态 146
6.22 分配权限 148
第7章 用户管理 153
7.1 用户管理页面布局 153
7.2 用户列表前后端数据交互 156
7.3 新增用户 157
7.4 修改用户 161
7.5 删除用户 163
7.6 搜索用户 164
第8章 商品管理 166
8.1 商品规格管理页面样式布局 166
8.2 商品规格管理数据交互 168
8.3 新增商品规格 169
8.4 编辑商品规格 174
8.5 删除和批量删除商品规格 176
8.6 商品管理页面样式布局 178
8.7 商品管理数据交互 181
8.8 商品类型切换及商品搜索 183
8.9 新增商品 185
8.10 编辑商品 189
8.11 设置商品轮播图 191
8.12 设置商品详情 195
8.13 设置商品规格 199
8.13.1 商品单规格设置 199
8.13.2 商品多规格设置 204
8.13.3 渲染商品规格列表 208
8.13.4 渲染商品规格选项值 210
8.13.5 新增商品规格选项值 211
8.13.6 删除商品规格选项值 213
8.13.7 编辑商品规格选项值 214
8.13.8 新增商品规格 216
8.13.9 编辑商品规格 217
8.13.10 删除商品规格 219
8.13.11 商品多规格设置表格样式布局 220
8.13.12 初始化多规格表格 222
8.13.13 动态添加表格数据 225
8.13.14 解决数据覆盖 226
8.14 商品分类管理页面样式布局 228
8.15 商品分类管理数据交互 229
8.16 新增商品分类 230
8.17 编辑商品分类 233
8.18 删除商品分类 235
8.19 修改商品分类启用状态 237
第9章 订单管理 239
9.1 商品订单管理页面布局 239
9.2 商品订单列表数据交互 242
9.3 订单详情管理 245
9.4 批量删除订单 248
9.5 导出订单列表到Excel表格 249
第10章 优惠券管理 253
10.1 优惠券管理页面样式布局 253
10.2 优惠券列表数据交互 256
10.3 新增优惠券 258
10.4 修改优惠券信息 263
10.5 删除优惠券 265
10.6 设置优惠券失效 266
第11章 商品评论管理 269
11.1 商品评论管理页面样式布局 269
11.2 渲染商品评论列表 271
11.3 展开商品评论 272
11.4 回复或修改商品评论 273
11.5 设置商品评论是否显示 276
第12章 分销管理 278
12.1 分销员管理页面样式布局 278
12.2 分销员管理数据交互 280
12.3 查看分销员推广明细 282
12.4 分销设置 286
第13章 公告管理 290
13.1 公告管理页面样式布局 290
13.2 公告管理页面数据交互 292
13.3 新增公告 294
13.4 编辑公告 297
13.5 删除公告 299
|
內容試閱:
|
尊敬的读者:
非常感谢您选择阅读本书,本书将围绕新一代前端框架—Vue3展开详细的介绍和实战演练。
在当今互联网时代,电商已经成为重要的商业模式。商家需要通过商城后台管理系统对商品、订单、用户等进行管理。如何设计一个高效、稳定、易用的商城后台管理系统成为了电商行业的重要课题。
本书从商城后台管理系统的需求出发,以实战演练为主线,循序渐进地引导读者了解 Vue3的各项特性、运用Vue3构建商城后台管理系统的技术与方法,并结合商城后台管理系统的各个模块(包括登录管理、图库管理、管理员管理、用户管理、商品管理、订单管理、分销管理、优惠券管理、商品评论管理、公告管理等),向读者演示如何运用Vue3构建商城后台管理系统。
最后,希望本书能够成为读者掌握用Vue3构建商城后台管理系统的理论与实践的重要参考资料。同时,也希望读者在学习本书的过程中,能够总结出更多运用Vue3的技巧与方法,并应用于实际开发项目中。
本书内容
本书分为13章,每一章都有详细的实战演练,具体内容介绍如下。
第1章:项目概述。
第2章:介绍如何使用Vite快速创建Vue3项目。
第3章:实现登录管理模块,介绍axios的封装,以及如何使用Vuex管理应用状态和权限控制。
第4章:实现后台主框架,介绍如何使用Element Plus实现UI设计。
第5章:实现图库管理模块,介绍图片上传、修改、删除等操作。
第6章:实现管理员管理模块,介绍管理员角色管理及权限管理。
第7章:实现用户管理模块,包括用户管理和用户的会员等级管理。
第8章:实现商品管理模块,介绍商品分类、商品规格管理,并实现商品的增、删、改、查。
第9章:实现订单管理模块,介绍商品订单查询、导出等操作。
第10章:实现优惠券管理模块,介绍优惠券的各种使用状态。
第11章:实现商品评论管理模块,介绍查看商品评论及商品评论回复操作。
第12章:实现分销管理模块,介绍分销设置及分销员推广明细。
第13章:实现公告管理模块,介绍商城公告的增、删、改、查操作。
如何学习
?确认自己已经具备基本的前端技能,包括HTML、CSS和JavaScript。
?在实际开发的过程中,建议您遵循书中的设计模式,将其应用到自己的项目中。
?学习本书并不是一次性的事情,您可以不断深入学习,提升自己的技能水平。
?如果您在学习过程中遇到任何问题或疑惑,可参考本书附带的源码。
?要保持学习的热情和动力,跟上行业发展的步伐。学习是一种不断进步和成长的过程,相信通过对本书的学习,您将获得更多的收获。
本书特点
?实用性强:本书的案例是基于真实的企业级项目需求而开发的,读者可通过学习本 书,掌握实际项目开发中的技巧和方法。
?操作性强:本书所有的代码都是通过演示的方式进行讲解的,读者可以边学边练,使理论知识更加贴近实际应用。
?互动性强:本书赠送配套的微课视频,读者可通过观看视频更好地理解代码的实现过程和实现方法。
读者对象
本书适合已经掌握Vue.js基础的读者、对Vue3实践应用感兴趣的开发者和工程师,以及想要学习企业级应用开发的前端工程师阅读。希望通过学习本书,读者能更加深入地了解Vue.js 3,掌握实际项目中的应用技巧,提高自己的开发能力和竞争力。
读者服务
?项目实战源码。
?学习视频。
?API。
?PPT。
读者可通过扫码访问本书专享资源官网,获取项目实战源码、学习视频、API、PPT,也可以加入读者群,下载最新学习资源或反馈书中的问题。
勘误和支持
本书在编写过程中历经多次勘校、查证,力求减少差错,尽善尽美,但由于作者水平有限,书中难免存在疏漏之处,欢迎读者批评指正,也欢迎读者来信一起探讨。
致谢
首先感谢清华大学出版社的各位编辑老师,感谢她(他)们对我的支持和鼓励;感谢所有支持我课程的粉丝和学员,是你们的支持才让我有动力和勇气完成此书;感谢我的家人对我的支持和陪伴;最后感谢付强授权提供的API,为本书带来了更好的用户体验。
|
|