Postman入门教程之工具页面介绍

最新推荐文章于 2024-06-26 21:33:12 发布
最新推荐文章于 2024-06-26 21:33:12 发布
阅读量289 收藏 1
点赞数
分类专栏： 职场 软件测试 软件测试工程师 文章标签： postman
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hlkt521/article/details/120185482
版权

此篇文章，主要是带领大家认识下postman的页面，下面以截图的方式给大家介绍下页面中的相关元素。

之前写过两篇关于postman相关文章，感兴趣的，或者初学者建议从头开始看起：

1）《Postman教程之详细介绍》：

https://mp.weixin.qq.com/s/h27Z_XY0bfcRHVjasqEXRA

2）《Postman入门教程之详细的下载及安装教程》：

https://mp.weixin.qq.com/s/xn6-h2B43tY_kpixIJZJHg

一. Postman初始安装页面
Postman初始安装的界面如下：

Postman入门教程之工具页面介绍
二. Postman使用界面介绍
Postman使用的初始，需要新建一个集合Collection（如下图中的：慧乐课堂），然后再在新建的集合下新建一个请求Request（如下图中的：手机号归属地）

Postman入门教程之工具页面介绍
三. Postman的汉化
postman的安装工具从官网下载安装后，是英文版的，如果想使用中文版的可以下载个postman的汉化包。百度一下有很多。

汉化包的版本要和postman的版本一致。

我最近在网上也找到一个比价好的下载地址。但有汉化包的postman版本没有那么新，比如postman官网上已经是8.12.0了，但汉化包目前还没有到最新的版本，我只找到一个8.10.0的汉化包。所以如果你想用汉化包的话，postman你也必须安装8.10.0的，不能安装最新的版本了。

历史版本下载

请把下面链接的"版本号"替换为指定的版本号，例如：8.10.0

Windows64位

https://dl.pstmn.io/download/version/版本号/win64

Windows32位

https://dl.pstmn.io/download/version/版本号/win32

汉化包的下载：

汉化包的下载地址

https://github.com/hlmd/Postman-cn/releases

具体的汉化方法，可以关注我们慧乐公众号，联系我们

四. 汉化后的页面

Postman入门教程之工具页面介绍

慧乐课堂软件测试
关注
专栏目录
rest调试工具postman
11-12
Postman是一款强大的REST客户端工具，尤其对于开发人员和测试工程师来说，它是一个不可或缺的资源，用于测试、开发和文档化RESTful API。Postman最初是一个Chrome浏览器扩展，但现在已经发展成为一个独立的应用程序...
Postman界面介绍
LYX_WIN
07-14 3140
二、进入后就是如下图所示的界面了。看到这么多按钮是不是有点眼花缭乱。不要急，让我一个个告诉你三、我把postman主界面大概分为图示中的三个大黄框，代表不同的功能区域。
接口工具POSTMAN怎么设置中文
热门推荐
zhao126159的博客
03-30 5万+
相信各位测试工程师或者测试小白们都会在进行接口测试的时候接触到POSTMAN这款强大的接口测试软件。 Postman 最早是google的一个插件存在的，但是又google退出中国以及postman团队对工具的定位，主攻pc端app的开发及优化，现在的google插件已经很少再使用了，postman虽然是一个商用软件，但是对于我们普通用户来说，基本功能完全够用的。 Postman 从最初设计上就是为接口测试而生的，所以在程序员中广泛使用，在开发调试网络程序时跟踪一些网络请求，能够高效的帮助后端开发人员独
Postman如何设置成中文？（汉化）
写博客是为了记笔记
03-22 3万+
一、汉化补丁下载安装。有的小伙伴可能用的POstman是最新版的，没有找到对应版本的汉化包，如果是这样的话，小伙伴们也不用担心，我之前也遇到了这个情况，可以降低一下Postman版本，在文章的最下方有下载地址
关于Postman无法显示中文的解决方案（翻译）
Liu_GuoXing的博客
02-14 2140
在使用Postman时很多人因为界面是纯英文的感到很头疼，会面临不知道什么意思及界面看不懂的情况，于是出现了需要将界面翻译过来的需求，但从实际工作经验来讲，个人还是比较喜欢看英文界面的，可能也是看习惯了导致的吧。本文以两种方式帮助读者理解界面，文中资源包是我个人在网上下载的，目前自己也在用这个软件，暂未发现病毒或其它异常，已把资源包上传到我的网盘中方便为大家分享，如有侵权请作者联系我将其去除。
Postman 中文汉化界面
bai_mi_student的博客
12-13 2140
参考：大佬的Gitee地址：gitee地址
postman ftp
04-12
在IT行业中，Postman是一款非常流行的API（应用程序接口）测试工具，它可以帮助开发者方便地测试HTTP请求，并且能够直观地查看响应数据。FTP（File Transfer Protocol）则是一种用于在网络之间进行文件传输的标准...
Postman下载使用
08-27
你可以在环境中定义变量，比如API基础URL，Postman会自动替换这些变量。全局变量则可以在所有环境中使用，提供了一种跨环境共享数据的方式。 **7. 测试脚本** Postman支持编写测试脚本，使用JavaScript语言来验证...
postman插件
12-04
Postman是一款强大的API开发、测试和文档工具，广泛应用于Web开发者和系统管理员之中。它作为一个谷歌浏览器插件，使得用户能够方便地发送各种HTTP请求，包括GET、POST、PUT等，来与服务器进行数据交互。这极大地...
Chrome_Postman
04-19
总的来说，Chrome Postman是一个不可或缺的开发工具，尤其对于处理API工作流程的开发者来说。通过离线安装版本，开发者可以在没有网络连接的情况下继续他们的工作。其丰富的功能，如POST调试、环境变量和集合管理，...
Postman 中文文档
01-21
Postman 中文文档 ===================================================
PostMan 中文使用教程
09-19
呕心沥血，公司任务要求我编写。包括认识PostMan，PostMan 发送API请求，PostMan 集合操作，PostMan脚本编写，PostMan生成Api文档操作，PostMan Mock使用。都是为了开发，就共享使用吧。1分。 原来上传的那个被Csdn莫名其妙的设置成了30分，这次重新上传一下。 竟然涨到了49分，还好现在能手动调分数了 设置到了1分
接口测试工具 — postman
个人博客
02-19 1999
postman主要用来做http协议的接口功能测试。官网下载地址：Postman侧边栏允许你查找、管理请求和集合。侧边栏分为两个主要的选项卡，包括历史和集合选项卡。可以拖动右边的边来调整侧边栏的宽度。侧边栏也可以隐藏到小屏幕（标题栏 view—>toggle side bar）。（1）历史选项卡 ，通过Postman应用程序发送的每个请求都保存在侧边栏的History选项卡中。（2）集合选项卡 ，在侧栏中创建和管理集合选项卡的集合。集合>>文件夹>>接口>>请求参数>>send。
postman汉化中文(Windows)
I_loveCong的博客
06-26 2049
【代码】postman汉化中文(Windows)
Postman ：中文汉化界面一键配置
J_____Q的博客
04-15 1万+
开心到飞起！！！Postman工具界面被大佬汉化啦！！ Gitee和Github链接跳转地址： 黄连木笛大佬的Gitee地址：PostmanCn 黄连木笛大佬的Github地址：PostmanCn 汉化包下载地址【2021-04-13 20:22 如有新版可以自己更新下载】：https://gitee.com//hlmd/PostmanCn/attach_files/670442/download/app.zip 使用方法： 解压并复制app文件夹到路径：C:/Users/用户名/AppData/Lo.
postman-简介+界面元素
A11114858_225的博客
02-16 540
postman简介，界面元素介绍
用vue3写一个postman页面
最新发布
09-11
在 Vue3 中创建一个 Postman 风格的 API 测试工具页面，你可以使用组件化开发，结合 Vue Router 来管理路由。以下是简单的步骤： 1. **安装依赖**: - 安装 `@vue/cli` 如果还没安装，用于创建新项目。 - 安装 `vue-router` 和 `axios` (用于处理 HTTP 请求)。 ```bash npm install @vue/cli vue-router axios ``` 2. **创建基本结构**: 创建一个名为 `Postman.vue` 的文件，这是一个基础的模板，包含了导航栏、API列表以及请求发送部分。 ```html <template> <div class="postman-page"> <nav> <!-- 导航菜单 --> </nav> <router-view></router-view> </div> </template> <script> import Axios from 'axios'; export default { data() { return { apiList: [], }; }, created() { // 加载API列表（实际项目中从服务器获取） Axios.get('/api-list') // 替换为实际的API地址 .then(response => { this.apiList = response.data; }) .catch(error => console.error('Failed to fetch APIs', error)); }, }; </script> ``` 3. **设置路由**: 在 `src/router/index.js` 文件中，配置路由以便显示每个API的详情页。 ```js import { createRouter, createWebHistory } from 'vue-router'; import PostmanDetails from './views/PostmanDetails.vue'; // 假设这个视图负责展示单个API const routes = [ { path: '/postman/:id', component: PostmanDetails }, ]; const router = createRouter({ history: createWebHistory(), // 使用web历史API routes, }); export default router; ``` 4. **创建详情页组件** (`views/PostmanDetails.vue`): ```html <template> <div> <h2>{{ $route.params.id }}</h2> <!-- 展示请求表单 --> <form @submit.prevent="sendRequest"> <!-- 表单元素如输入框、选择器等，模拟请求参数 --> </form> <pre v-if="response">{{ response }}</pre> </div> </template> <script> export default { props: ['id'], data() { return { requestParams: {}, response: '', }; }, methods: { async sendRequest() { try { const response = await Axios.post(`/api/${this.id}`, this.requestParams); this.response = JSON.stringify(response.data, null, 2); // 格式化返回数据 } catch (error) { console.error('Error sending request:', error); } }, }, }; </script> ``` 5. **完善应用**: 添加样式，完善导航栏的设计，以及对请求状态的显示（比如添加加载动画，错误提示等）。 这只是一个非常基础的例子，实际项目中可能还需要处理用户认证、请求拦截器、错误处理等功能。同时，你还可以使用第三方库如 `element-plus` 或者自定义设计UI界面来提升用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值