Vue.js + uni-app全栈开发教与学(教学大纲+教案+视频+实验+AI智能体+课件+源码,陈恒)

第1章初识Vue.js

1.1网站交互方式

1.1.1多页应用程序

1.1.2单页应用程序

1.2MVVM模式

1.3Vue.js的概念

1.4第一个Vue.js程序

1.4.1安装Visual Studio Code及其插件

1.4.2使用本地独立版本创建Vue.js应用

1.5Node.js环境

1.6使用Vite创建Vue 3项目

1.6.1Vite的概念

1.6.2使用Vite创建Vue 3项目的步骤

1.6.3Vue 3项目的目录结构

1.6.4单文件组件

1.6.5选项式与组合式

1.6.6setup语法糖

1.7插值与表达式

1.7.1文本插值

1.7.2原始HTML插值

1.7.3JavaScript表达式

本章小结

习题1

第2章Vue.js 开发基础

2.1数据绑定

2.1.1初始数据绑定

2.1.2响应式数据绑定

2.2生命周期钩子函数

2.3指令

2.3.1内容渲染指令

2.3.2属性绑定指令

2.3.3样式属性绑定指令

2.3.4条件渲染指令

2.3.5列表渲染指令

2.3.6双向数据绑定指令

2.4事件处理

2.4.1事件绑定指令

2.4.2事件对象

2.4.3事件修饰符

2.5计算属性与侦听器

2.5.1计算属性

2.5.2计算属性与方法的区别

2.5.3侦听器

本章小结

习题2

第3章组件化开发

3.1组件的注册和引用

3.1.1组件的注册

3.1.2组件的引用

3.2组件间的样式冲突

3.3组件间的数据传递

3.3.1父组件向子组件传递数据

3.3.2子组件向父组件传递数据

3.3.3跨级组件之间的数据传递

3.3.4任意组件之间的数据传递

3.4动态组件与异步组件

3.4.1动态组件

3.4.2使用KeepAlive组件实现组件缓存

3.4.3异步组件

3.5插槽

3.5.1插槽的定义与使用

3.5.2具名插槽

3.5.3作用域插槽

3.6自定义指令

3.6.1自定义指令的概念

3.6.2局部自定义指令的声明与使用

3.6.3全局自定义指令的声明与使用

3.7引用静态资源

3.8Element Plus组件库

3.8.1Element Plus的安装

3.8.2Element Plus组件介绍

3.8.3Element Plus中的常用组件之Button

3.8.4Element Plus中的常用组件之Table

3.8.5Element Plus中的常用组件之Form

3.8.6Element Plus中的常用组件之Menu

本章小结

习题3

第4章路由管理

4.1路由的概念

4.2Vue Router的基本用法

4.2.1Vue Router的安装

4.2.2Vue Router的基本使用

4.3Vue Router的高级应用

4.3.1路由重定向

4.3.2命名路由

4.3.3嵌套路由

4.3.4路由query传参

4.3.5动态路由

4.3.6编程式导航

4.4导航守卫

4.5路由元信息

4.6登录权限验证实例

本章小结

习题4

第5章状态管理

5.1状态管理的概念

5.2Vuex

5.2.1Vuex概述

5.2.2Vuex的安装与基本应用

5.2.3Vuex的核心概念

5.3Pinia

5.3.1Pinia的概念

5.3.2Pinia的安装与基本应用

5.3.3Pinia的核心概念

5.3.4Pinia的模块化

5.3.5Pinia的持久化存储

本章小结

习题5

第6章Express与Axios

6.1Express

6.1.1什么是Express

6.1.2Express的安装

6.1.3创建Express项目

6.1.4Express项目的目录结构

6.1.5Express的中间件

6.1.6Express的路由

6.1.7在Express项目中访问MySQL数据库

6.1.8使用Postman测试Express应用程序接口

6.2Axios

6.2.1Axios的概念

6.2.2安装Axios

6.2.3使用Axios

6.2.4Axios的进一步封装

6.3Express+Vue.js前后端分离开发

6.3.1Express+Vue.js前后端分离开发的原理

6.3.2Express+Vue.js前后端分离开发的跨域问题

本章小结

习题6

第7章uniapp快速入门

7.1uniapp简介

7.1.1uniapp的特点

7.1.2uniapp的应用场景

7.1.3uniapp的开发规范

7.2创建uniapp

7.2.1安装HBuilder X开发工具

7.2.2第一个uniapp项目

7.2.3uniapp项目的目录结构及全局文件

7.2.4运行项目

7.2.5uniapp的运行机制

7.2.6uniapp的页面结构

7.3运行调试uniapp

7.3.1在Web浏览器中运行调试uniapp

7.3.2在手机或模拟器中运行调试uniapp

7.3.3在小程序模拟器中运行调试uniapp

本章小结

习题7

第8章uniapp核心基础

8.1uniapp内置组件

8.1.1组件概述

8.1.2视图容器组件

8.1.3基础内容组件

8.1.4表单组件

8.1.5媒体组件

8.1.6地图组件

8.1.7画布组件

8.2uniui扩展组件

8.3uniapp生命周期

8.3.1应用生命周期

8.3.2页面生命周期

8.4uniapp路由

8.4.1使用路由API进行跳转

8.4.2使用navigator组件进行跳转

8.5uniapp数据传递

8.6Express+uniapp前后端分离开发

8.6.1发起网络请求

8.6.2跨域解决方案

8.6.3对uni.request()进一步封装

本章小结

习题8

第9章电子商务平台的设计与实现

9.1系统设计

9.1.1系统功能需求

9.1.2系统模块划分

9.2数据库设计

9.2.1数据库概念结构设计

9.2.2数据库逻辑结构设计

9.2.3创建数据表

9.3基于Express的后端服务器的搭建

9.3.1创建Express项目

9.3.2安装MySQL依赖并配置连接池

9.3.3跨域设置

9.3.4Redis的安装及配置

9.3.5验证码的生成及存储

9.3.6Token的生成及签名验证

9.3.7管理员功能模块的后端实现

9.3.8用户功能模块的后端实现

9.3.9核心配置文件

9.4基于Vue.js的后台管理子系统的实现(PC端)

9.4.1使用Vite构建后台管理子系统前端项目

9.4.2安装Vue Router

9.4.3安装Element Plus和@elementplus/iconsvue

9.4.4安装ECharts

9.4.5安装Axios模块

9.4.6配置文件vite.config.js

9.4.7管理员登录组件

9.4.8后台管理主界面组件

9.4.9商品类型管理组件

9.4.10商品管理组件

9.4.11订单管理

9.4.12销量统计(按月)组件

9.4.13订单统计(按类型)组件

9.5基于uniapp的电子商务子系统的实现(移动端)

9.5.1使用HBuilder X新建uniapp项目

9.5.2安装Pinia

9.5.3自定义Tabbar

9.5.4网络请求request的进一步封装

9.5.5首页

9.5.6搜索商品

9.5.7显示某类型对应的商品

9.5.8注册与登录

9.5.9商品详情

9.5.10我的收藏

9.5.11我的购物车

9.5.12我的订单

9.5.13订单详情

9.6运行测试

本章小结

习题9