JSONPlaceholder搭建本地数据接口用postman发起请求,制作一个 vue的简单实例实现增删改查

本教程介绍了如何使用JSONPlaceholder搭建本地数据接口,通过npm安装json-server,配置启动指令,创建db.json文件定义数据。接着,利用Postman进行GET请求获取数据,包括获取所有用户、特定用户、公司信息及排序筛选等。最后,提到了使用PATCH方法更新数据,为Vue应用的增删改查提供基础。
摘要由CSDN通过智能技术生成

搭建自己的服务器,并定义字段和数据。步骤如下:

1,新建一个文件 在这个目录运行  npm install -g json-server

2.初始化得到node_modules  npm init

3.局部安装  npm install  json-server --save(--save是把安装的内容写入package.json)

以上得到所有需要的东西

4.在package.json中配置启动指令

5.新建一个名字为db.json的文件,自己写需要的json串

 

6.启动 json-server --watch db.json

7.用postman在浏览器模拟测试请求数据

1)get发送请求获得数据

获取所有用户信息 http://localhost:3000/users

获取id为1的用户信息 http://localhost:3000/users/1

获取公司的所有信息 http://localhost:3000/companies

获取公司id为1的用户信息 http://localhost:3000/companies/1/users

根据公司名字获取信息 http://localhost:3000/companies?na

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单的新闻管理系统的实现过程: 1. 环境搭建 首先,我们需要安装Java和Spring,推荐使用Spring Boot来快速搭建项目。 2. 创建数据库 使用MySQL或其他数据库管理系统创建一个数据库,用于存储新闻信息。创建一个名为news的数据表,包含以下字段: - id:新闻ID,自增长 - title:新闻标题 - content:新闻内容 - create_time:新闻创建时间 - update_time:新闻更新时间 3. 创建实体类 创建一个News实体类,用于映射news数据表的字段,包含以上字段和对应的getter和setter方法。 4. 创建DAO层 创建一个NewsDAO接口一个NewsDAOImpl实现类,用于实现对news表的增删改查操作。在NewsDAO接口中定义以下方法: ```java public interface NewsDAO { // 根据ID查询新闻 News findById(int id); // 查询所有新闻 List<News> findAll(); // 添加新闻 void addNews(News news); // 更新新闻 void updateNews(News news); // 根据ID删除新闻 void deleteById(int id); } ``` 在NewsDAOImpl实现类中,实现以上方法的具体操作。 5. 创建Service层 创建一个NewsService接口一个NewsServiceImpl实现类,用于对外提供新闻管理服务。在NewsService接口中定义以下方法: ```java public interface NewsService { // 根据ID查询新闻 News findById(int id); // 查询所有新闻 List<News> findAll(); // 添加新闻 void addNews(News news); // 更新新闻 void updateNews(News news); // 根据ID删除新闻 void deleteById(int id); } ``` 在NewsServiceImpl实现类中,调用NewsDAO中的方法来实现以上方法的具体操作。 6. 创建Controller层 创建一个NewsController类,用于接收用户请求并调用NewsService提供的服务。在NewsController中定义以下方法: - 根据ID查询新闻:`@GetMapping("/news/{id}")` - 查询所有新闻:`@GetMapping("/news")` - 添加新闻:`@PostMapping("/news")` - 更新新闻:`@PutMapping("/news")` - 根据ID删除新闻:`@DeleteMapping("/news/{id}")` 7. 测试 启动项目,使用Postman等工具测试以上接口是否正常工作。 这样,一个简单的新闻管理系统就完成了。当然,这只是一个最基本的实现,还可以根据具体需求进行功能扩展和优化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值