本书是一本兼顾前后端开发的技术教程，完全模拟了企业实际开发项目的环境，详细阐述了功能需求的设计过程、业务实现过程，以及在实际开发时可能会遇到的情况。本书以目前流行的Express.js框架、MySQL数据库和Vue框架为核心，以真实开发项目的流程为主线，从顶层设计的视角介绍系统细节，结合在实际开发中普遍存在的功能需求进行代码实战。

"本书以如何设计后台管理系统为主线，穿插前后端不同技术栈的核心知识点，引导读者渐进式地学习Express.js+MySQL+Vue.js，达到从0到1完成一个完整项目。Express.js是基于Node.js的Web服务器框架，具有快速、开放和极简的特点。MySQL是一个具有高性能、可靠性和灵活性的久经大型企业考验的数据库管理系统。Vue.js则是目前***的前端框架之一。基于Express.js+MySQL+Vue.js，能够让我们在应对不同的业务场景时游刃有余，运用自如。
本书共18章，分为Node.js篇、Vue.js篇和上线篇。Node.js篇（第1~9章）系统性地讲述了MySQL、Node.js和Express.js框架知识点，从设计字段、实现功能及测试接口的角度对常见的系统功能模块进行了详细地讲解。Vue.js篇（第10~16章）从Vue.js的核心知识点出发，结合ElementPlus组件库由浅及深地构建系统页面。上线篇（第17章和第18章）详细阐述了如何配置服务器和域名，并最终实现项目上线。本书示例代码丰富，注重实践和整体性，同时提供视频讲解，帮助读者深入掌握重点和难点。
本书即适合初学者入门，对已从事前后端领域的开发者也具有参考价值，同时还可作为高等院校和培训机构的专业教材。
"

目录


本书源码






Node.js篇

第1章数字管理时代(6min)

1.1数据管理

1.1.1人工管理阶段

1.1.2文件管理阶段

1.1.3数据库管理阶段

1.2复杂多样的数据

1.2.1数据的复杂化

1.2.2数据的多样化

1.2.3如何处理数据

第2章数据库系统的出现(39min)

2.1数据库系统的发展

2.1.1数据模型

2.1.2后关系型阶段

2.1.3主流数据库管理系统

2.2MySQL简述

2.2.1为什么选择MySQL

2.2.2SQL基本语法

2.3创建第1个数据库

2.3.1使用MySQL社区版创建数据库

2.3.2使用小皮面板创建数据库

2.4可视化的数据库管理工具

第3章从0到1设计系统(9min)

3.1功能模块是如何讨论出来的

3.1.1从设想到立项

3.1.2客户端的多端设计

3.1.3常见功能模块及操作

3.2如何设计数据库字段

3.2.1字段的命名

3.2.2字段的数据类型

3.2.3约束

3.2.4功能的判断

3.2.5数据表的id

3.3从0设计一张用户数据表

3.3.1用户模块

3.3.2用户表字段

3.3.3创建用户数据表






第4章开始我们的后端之旅(86min)

4.1后起之秀Node.js

4.1.1V8引擎的优化机制

4.1.2非阻塞I/O和事件驱动

4.1.3丰富的生态系统

4.2包管理工具

4.2.1常用npm命令

4.2.2配置npm

4.2.3Yarn介绍及常用命令

4.2.4Pnpm介绍及常用命令

4.2.5构建一个Node应用

4.3轻量的Express.js框架

4.3.1Express.js介绍

4.3.2在Node中使用Express.js

4.4中间件

4.4.1不同的中间件

4.4.2使用中间件

4.5路由和处理程序

4.5.1什么是路由

4.5.2专心处理业务的handler

4.5.3GET、POST及其兄弟

4.6测试的好帮手

4.6.1Postman

4.6.2试着输出一下数据

4.7小试锋芒

4.7.1注册和登录需要考虑什么

4.7.2业务逻辑代码实现

4.7.3最终效果

第5章实现更复杂的功能(90min)

5.1用户

5.1.1修改用户信息

5.1.2实现账号状态逻辑

5.2实现上传功能

5.2.1Multer中间件

5.2.2实现上传图片

5.2.3文件系统

5.2.4数据表多了条URL地址

5.3展现数据

5.3.1分页的逻辑

5.3.2实现分页

第6章行业百宝库(50min)

6.1从入库到出库

6.2如何考虑产品的字段

6.3实现产品管理的逻辑

6.3.1进入百宝库

6.3.2清点宝物

6.3.3锁好库门

6.3.4获得宝物

第7章给系统装个监控(21min)

7.1什么是埋点

7.2设计并实现埋点

7.2.1登录模块埋点

7.2.2用户模块和产品模块埋点

第8章接口文档(12min)

8.1使用Postman生成接口文档

8.2使用Apifox生成接口文档

8.3使用Swagger模块生成接口文档

第9章代码上传至仓库(17min)

9.1代码仓库

9.1.1GitHub

9.1.2Gitee

9.2Git介绍

9.2.1Git安装

9.2.2创建Gitee仓库

9.2.3上传代码

9.3可视化的Sourcetree

9.3.1下载Sourcetree

9.3.2配置本地仓库

9.3.3修改代码并提交


Vue.js篇

第10章前端的变革(78min)

10.1HTML

10.1.1定义标题

10.1.2段落

10.1.3超链接

10.1.4图片、视频、音频

10.1.5表格

10.1.6输入框

10.1.7按钮

10.1.8单选框、复选框

10.1.9标签、换行、表单

10.1.10列表

10.1.11块级元素、行内元素

10.1.12标识元素

10.2CSS

10.2.1选择器

10.2.2字体、对齐、颜色

10.2.3背景、宽和高

10.2.4定位

10.2.5显示

10.2.6盒子模型

10.2.7外部样式、内部样式、行内样式

10.2.8响应式

10.3JavaScript

10.3.1运行、输出

10.3.2var、let、const及作用域

10.3.3数据类型

10.3.4条件语句

10.3.5循环语句

10.3.6DOM及其事件

10.3.7BOM

10.4框架的出现

10.4.1jQuery

10.4.2Bootstrap

10.4.3Sass

10.5真正的变革

第11章初识Vue(7min)

11.1Vue.js的介绍

11.1.1渐进式

11.1.2声明式代码

11.1.3组件化

11.1.4选项式API与组合式API

11.1.5生命周期

11.1.6响应式

11.2第1个demo

11.2.1安装Vue.js项目

11.2.2分析脚手架

11.2.3去除初始文件

第12章再接再厉(41min)

12.1Vue Router

12.1.1配置路由

12.1.2创建一个Vue组件

12.2Element Plus

12.2.1如虎添翼的UI库

12.2.2安装Element Plus

12.2.3引入第1个UI组件

12.2.4定义一个表单

12.3给JavaScript加上紧箍咒

12.3.1TypeScript是什么

12.3.2基础类型定义

12.3.3常用的TypeScript配置

12.3.4给表单数据加上TypeScript

第13章页面设计思路(12min)

13.1布局

13.1.1弹性布局

13.1.2菜单

13.1.3表格页面

13.2样式

13.3颜色

13.4完成登录页面

13.4.1卡片位置

13.4.2卡片样式

第14章交互(18min)

14.1Axios

14.1.1AJAX

14.1.2Promise

14.1.3async await

14.1.4Axios的二次封装

14.2编写前端接口

14.3完成登录与注册功能

第15章登堂入室(195min)

15.1构建系统基本布局

15.1.1容器布局

15.1.2封装全局面包屑

15.2个人设置模块

15.2.1内容区基础布局

15.2.2封装公共类

15.2.3Pinia

15.3用户列表模块

15.3.1用户模块基础架构

15.3.2用户信息框

15.4完善用户列表功能

15.4.1实现分页功能

15.4.2实现冻结与解冻功能

15.4.3实现搜索与筛选功能

15.4.4实现用户信息框功能

15.5实现日志记录

15.5.1登录日志

15.5.2操作日志

15.6hooks

第16章炉火纯青(107min)

16.1产品的入库

16.1.1获取产品列表

16.1.2实现添加产品功能

16.1.3实现编辑产品功能

16.1.4实现申请出库功能

16.1.5实现删除产品功能

16.2产品的审核

16.2.1获取审核列表

16.2.2实现审核产品

16.2.3实现撤回和再次申请出库

16.3产品的出库

16.3.1搜索出库记录

16.3.2清空出库列表

16.4ECharts

16.4.1实现数据逻辑

16.4.2实现图表

16.5权限管理

16.5.1动态生成路由表

16.5.2部门内权限

16.6路由守卫

上线篇

第17章服务器与域名(23min)

17.1服务器

17.1.1服务器参数

17.1.2云服务器

17.1.3购买云服务器

17.2域名

17.2.1购买域名

17.2.2备案域名

17.2.3域名解析

17.2.4SSL证书

17.3宝塔面板

17.3.1安装宝塔面板

17.3.2安装Node版本管理器



第18章上线项目(17min)

18.1添加Node项目

18.1.1上传后端代码

18.1.2添加Node项目

18.1.3配置SSL证书

18.1.4添加数据库

18.1.5测试

18.2添加Vue项目

18.2.1Vite配置

18.2.2生成dist文件夹并配置