-
内容大纲
Element Plus是一套采用Vue.js 3.x实现的UI组件库,它为开发者、设计师和产品经理提供了配套设计资源,可以帮助网站快速成型。本书详解Vue.js 3.x和Element Plus开发方法,配套源码、PPT课件。
本书分为两篇,共14章。第一篇(第1~7章)介绍Vue.js 3和Element Plus相关的基础知识,其中包含Vue.js 3的基础知识、Vue.js 3生态Vue Router和Vuex的相关知识与应用、Element Plus常用组件的使用方法以及Vue.js 3和Element Plus配合使用的好处和方法,各章节通过简单的示例,使读者可以快速掌握相关知识;第二篇(第8~14章)讲解如何构建一个功能完整的单页面应用—权限管理系统,为读者掌握Element Plus打下坚实的基础。
本书适合Vue.js 3.x+Element Plus前端开发初学者、Web应用开发人员、UI设计师和产品经理学习,也适合作为高等院校相关专业Web前端开发课程的教材。 -
作者介绍
-
目录
第一篇 Vue 3和Element Plus基础知识
第1章 搭建Vue+Element Plus开发环境
1.1 简单认识Vue
1.2 简单认识Elerment与Elerment Plus
1.3 Vue+Element组合开发的优势
1.4 搭建Vue 3.x开发环境
1.4.1 在不安装Vue的情况下引入Vue
1.4.2 安装Vue的几种方法
1.4.3 Vue框架的内容结构
1.4.4 第一个完整版的Hello Vue示例
1.5 在Vue中引入Element开发环境
1.5.1 在不安装Element的情况下引入Elerment
1.5.2 安装Element的几种方法
1.5.3 完签引入Element
1.5.4 按需引入Element
1.6 安装一款顺手的开发工具VScode
1.6.1 软件安装
1.6.2 插件安装
1.7 第一个完整版的Vue+Element Plus示例
第2章 Vue快速入门
2.1 双向数据绑定
2.2 插值
2.2.1 文本插值
2.2.2 HTML插值
2.3 常用的指令
2.3.1 v-bind
2.3.2 v-on
2.3.3 v-if/v-else-if/v-else/v-show
2.3.4 v-for
2.3.5 v-model
2.3.6 v-html
2.3.7 v-text
2.4 组件
2.4.1 组件的注册
2.4.2 组件的生命周期钩子
2.4.3 组件的通信
第3章 Vue Router路由管理器
3.1 Vue Router的实现原理
3.1.1 Hash模式
3.1.2 HTML 5模式
3.2 Vue Router的使用方式
3.2.1 安装引入
3.2.2 使用Vue Router
3.3 使用路由模块来实现页面跳转的几种方式
3.3.1 router-link标签跳转
3.3.2 JS脚本跳转
3.4 Vue Router的参数传递
3.4.1 字符串
3.4.2 对象
3.5 单页面多路由区域的操作
3.6 Vue Router配置子路由
3.7 设置404页面
第4章 Vuex全局状态管理模式
4.1 不使用Vuex与使用Vuex的对比
4.2 安装和使用Vuex
4.2.1 直接下载/CDN引入
4.2.2 npm/yam安装
4.2.3 Vue CLI安装
4.3 state
4.3.1 state的定义
4.3.2 state的访问
4.4 getters
4.5 mutations
4.5.1 定义mutations
4.5.2 提交mutations
4.6 actions
4.6.1 注册actions
4.6.2 分发actions
4.7 modules
4.8 mapState、mapGetters、mapMutations和mapActions
第5章 Vue+Element实现列表和分页
5.1 Table组件
5.1.1 Table组件的引入方式
5.1.2 Table组件的使用
5.2 Pagination组件
5.2.1 Pagination组件的引入方式
5.2.2 Pagination组件的用法
5.3 实战:数据的列表和分页
第6章 Element的Form表单和Select组件
6.1 Form表单组件
6.1.1 Form组件的引入方式
6.1.2 Form组件的使用
6.2 Seleet组件
6.2.1 Select组件的组成和引入方式
6.2.2 Select组件的使用
6.3 实战:一个注册和登录页面
第7章 Element的Dlalog组件、Message组件和MessageBox组件
7.1 Dialog组件
7.1.1 Dialog组件的引入和结构
7.1.2 Dialog组件的使用
7.2 MessagelBox组件和$alert、$confirm、$prompt
7.2.1 MessageBox组件的引入
7.2.2 MessageBox的使用
7.3 Message组件和$message
7.3.1 Message组件的引入
7.3.2 Message组件的使用
7.4 实战:一个列表的增、删、改、查功能
第二篇 Vue+Element权限管理系统项目实战
第8章 搭建项目基础框架
8.1 项目的说明和用到的技术
8.1.1 项目简介
8.1.2 项目功能
8.1.3 项目使用的技术
8.2 搭建开发环境
8.2.1 安装Git
8.2.2 安装Nodejs
8.2.3 安装VScode
8.2.4 创建Vue项目
8.2.5 手动安装Vue Router
8.2.6 手动安装Vuex
8.2.7 手动安装Element Plus
8.2.8 引入Element Plus围标集
S.2.9 安菜CSS预处理器Sass
第9章 初始化页面布局
9.1 原生样式重置
9.2 初始化页面布局
9.3 头部组件的封装
9.3.1 基础结构
9.3.2 中英文切换
9.3.3 个人信息展示初步实现
9.4 登录页面和404页面的实现
9.4.1 封装Axios
9.4.2 封装Mock.js
9.4.3 登录状态管理
9.4.4 通用头部遗留功能完善
9.4.5 404页面
9.5 左侧导航栏封装
9.5.1 静态菜单
9.5.2 动态菜单
第10章 实现各模块分页表格展示
10.1 通用分页表格组件的封装
10.2 各模块入口页面的实现
10.2.1 审计管理
10.2.2 系统管理
10.2.3 应用管理
第11章 添加和编辑功能的实现
11.1 系统管理
11.1.1 公告管理
11.1.2 用户管理
11.1.3 提取公共操作方法
11.2 应用管理
11.2.1 角色管理
11.2.2 机构管理
11.2.3 用户管理
11.2.4 资源管理
第12章 删除和其他操作的实现
12.1 删除操作
12.2 绑定资源操作
第13章 个人中心功能的实现
13.1 个人中心布局
13.2 基本资料
13.3 修改密码
13.4 系统消息
第14章 GitHub部署项目
14.1 认识GitHub
14.2 部署项目
14.2.1 GitHub Pages部署
14.2.2 GitHub Actions部署
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...