Vue [Day7] 综合案例

核心概念回顾

state:提供数据

getters:提供与state相关的计算属性

mutations:提供方法,用于修改state

actions:存放异步操作

modules:存模块

功能分析

在这里插入图片描述在这里插入图片描述

json-server

在这里插入图片描述

json-server是什么,应用场景

JSON Server是一个开源的Node.js库,用于快速搭建RESTful API的模拟服务器。它可以帮助开发者快速创建一个具有CRUD(创建、读取、更新、删除)功能的API服务器,而无需编写后端代码或连接到真实的数据库。

JSON Server的主要作用和应用场景包括:

  1. 模拟数据:JSON Server可以用于模拟后端API,提供虚拟的数据接口,方便前端开发人员在没有后端支持的情况下进行开发和测试。通过定义一个JSON文件或JavaScript对象作为数据源,JSON Server可以提供基本的CRUD操作,并模拟服务器的行为。

  2. 原型开发:在项目的早期阶段,开发人员可以使用JSON Server来快速构建原型和演示。通过提供简单的JSON数据文件,可以快速创建具有基本数据操作功能的API,以便在前端进行原型开发和测试。

  3. 前后端分离开发:JSON Server可以与前端框架(如Vue.js、React等)很好地配合使用,实现前后端分离开发。前端开发人员可以使用JSON Server提供的模拟数据进行前端开发,而后端开发人员则可以独立开发和测试真实的后端API。

需要注意的是,JSON Server主要用于开发和测试阶段,并不适用于生产环境。它只提供了基本的CRUD操作,不支持复杂的业务逻辑或数据关系。在实际部署到生产环境时,需要使用真实的后端服务器和数据库来处理数据和业务逻辑。

官网教程
https://www.npmjs.com/package/json-server#getting-started
在这里插入图片描述在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值