从 python api 呈现时，图像未显示在 HTML 中（python出不来图像）

25-04-26 1

本篇文章给大家谈谈从pythonapi呈现时，图像未显示在HTML中，以及python出不来图像的知识点，同时本文还将给你拓展Apifox：API文档、API调试、APIMock、API自动化测试一体

本篇文章给大家谈谈从 python api 呈现时，图像未显示在 HTML 中，以及python出不来图像的知识点，同时本文还将给你拓展Apifox：API 文档、API 调试、API Mock、API 自动化测试一体化协作平台、ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction、asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处、asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction等相关知识，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

从 python api 呈现时，图像未显示在 HTML 中（python出不来图像）
Apifox：API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction
asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处
asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

从 python api 呈现时，图像未显示在 HTML 中（python出不来图像）

如何解决从 python api 呈现时，图像未显示在 HTML 中

控制器代码：-

@controller.route(''/'')
def index():
    return render_template(''index.html'')

index.html:-

<!DOCTYPE html>
<html lang="en">
<head>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
    <style>
h2  {text-align: center;}
div {text-align: center;}
p   {text-align: center;}
#container
{
    margin-top : 25px;
<!--   width:100%-->
}
    </style>
<title>
MY-pulse
</title>
</head>
<script src="/static/jquery.js"></script>
<body>
<img src="img1.png" alt="img1" width="170" height="170" align="left">
<img src="img2.png" alt="img2" width="220" height="170" align="right">
<br>
<br><br><br>
<br>
<div class="container">
    <div class="header">
        <h1 class="text-muted" align="middle">heading</h1>
    </div>
    <br>
</div>
</body>
</html>

img1 和 img2 都在模板文件夹中，当 api 被点击时，图像不会像这样加载和显示

image after hitting the endpoint you can see the images are not loaded over there

Console logs

Apifox：API 文档、API 调试、API Mock、API 自动化测试一体化协作平台

我是 ABin-阿斌：写一生代码，创一世佳话，筑一览芳华。如果小伙伴们觉得文章有点 feel ，那就点个赞再走哦。

声明：原位地址：https://blog.csdn.net/web15286201346/article/details/126098695

文章目录

一、apifox简介及下载：
二、apifox页面布局简介：
- 1、apifox几个简单概念：
- 2、以项目单位分组
- 3、点击项目后进入项目，在该项目下管理接口。
- - 1、新建接口
  - 2、修改接口：
  - 3、运行接口：
  - 4、断言：
  - 5、批量运行：
三、总结

一、apifox简介及下载：

1、apifox：是 API 文档、API 调试、API Mock、API 自动化测试一体化协作平台

2、定位：Postman + Swagger + Mock + JMeter。

3、下载与安装：

官网下载地址：https://www.apifox.cn/

按照需要下载对应版本，下载完毕后解压安装即可。

二、apifox页面布局简介：

1、apifox几个简单概念：

（1）团队：该工具支持团队协同办公，可以根据需要创建不同的团队，在工具页面左侧，显示自己的团队，也可新建团队

新建团队，需要一个团队名称：

创建成功团队后，可以邀请成员、设置权限等，或删除团队

有了团队，就可以开始我们接口的管理及测试工作了。

2、以项目单位分组

apifox是以团队下项目来管理接口的，将所需接口维护在项目中，在不同的项目中对接口进行维护及操作。

3、点击项目后进入项目，在该项目下管理接口。

1、新建接口

维护接口信息，包括接口URL，接口基础信息，请求参数等，需要注意的是，此处只维护接口信息，类似于接口文档，不运行接口

接口URL，http协议及域名部分，建议设置在环境中，页面右上角选择环境处，可维护环境信息，因为我们在测试工作中，往往会有多个环境，将协议及域名维护在环境中，测试不同环境的同一个接口时，只需要切换环境即可，不用不同环境维护不同的接口。

对于需要cookie的接口，在维护接口时，请求参数中，别忘了维护cookie信息。

2、修改接口：

在接口管理-修改文档下，可修改已维护的接口信息

3、运行接口：

接口运行，往往是依据测试用例，在接口测试中，可以简单的认为不同的传值即为不同的测试用例，apifox中，运行接口的入口在项目中，接口管理-运行下，在此处修改参数值，点击发送后，可已看到返回信息
此外，可将运行数据保存为用例，保存成功后，此次运行的数据会保存，下次打开该用例，其中参数值可复用（注：运行接口时，需要选择环境）

若设置了断言，可根据断言判断此条用例是否通过：

修改了参数值信息，需要点击保存才能更新成功，若不保参数值依然为修改前值。

测试用例显示在接口的下一级，可通过复制用例的方式，维护多个用例。

4、断言：

对测试用例，可以设置其断言，即期望结果，apifox在后置操作中进行断言

apifox断言核心为提取表达式，该提取表达式很简单，即将目标返回字段提取出来，$及为根节点，一级一级定位到目标字段即可

举个例子：若返回信息如下图所示，我想通过sort_finish字段值断言，则提取该字段的表达式为：$.data.sort_data.Box_no

5、批量运行：

apifox的批量运行，在自动化测试页面，可在该页面添加一个分组，在分组下添加测试用例，创建完测试用例后进入所创用例，即可添加步骤，此时可导入接口用例

导入用例后，可根据需要设置循环次数及线程数等信息，点击运行，即可批量执行，执行完成后，显示此次执行结果：

三、总结

以上：为 apifox 基本使用功能，变量提取、套件使用等，待续~

ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction

1.Action、RenderAction加载办法的视图，履行Controller → Model → View的次序，然后把产生的页面带回到本来的View中再回传。而Partial、RenderPartial直接加载视图文件内容

2.Html.Partial可以直接供给用户控件名作为参数，而Html.Action须要有对应的Action，在Action内部返回PartailResult（即retun PartialView（））。

3.对于简单的没有任何逻辑的用户控件，推荐应用Html.Partial；对于须要设置一些Model的用户控件，推荐应用Html.Action。当然，有Model数据也是可以应用Html.Partial办法的，可以看办法的重载。

4.Html.Partial与Html.Action有啥区别呢？区别就是，Html.Partial只有一个视图，而Html.Action除了视图，还真的有个Action跟它对应，所以，Html.Action功能比Html.Partial要强。

如何调用这个Html.Partial

 //1、以视图名使用当前文件夹下的视图（如果没有找到，则搜索 Shared 文件夹）

@Html.Partial( "_test" ) //加载对应文件 /Views/Product/_test.cshtml

//2、依据应用根路径定位视图// 以 "/" 或 "~/" 开头的路径代表应用根路径

@Html.Partial( "~/Views/Product/_test.cshtml" )

@Html.Partial( "/Views/Product/_test2.cshtml" )

//3、加载其他目录的视图文件

//注意：需要复制views中的web.config 到template目录，否则会提示  "/template/A.cshtml”处的视图必须派生自 WebViewPage 或 WebViewPage<TModel>"

@Html.Partial( "/template/A.cshtml" )

asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处

在ASP.NET MVC中,有什么区别：

Html.Partial and Html.RenderPartial
Html.Action and Html.RenderAction

解决方法

Html.Action调用控制器的动作,这意味着它实例化控制器实体,调用动作方法,构建模型并返回视图结果.

Html.Partial使用已创建的模型(或者可以在没有模型的情况下调用)来渲染指定的视图.

何时使用一个而不是另一个？如果您已有模型并且只想拥有可重复使用的视图,请选择Html.Partial.如果你看到某个部分值得拥有自己的模型和动作,那么使用Html.Action可能是有意义的.

这个问题在this article中有更详细的讨论,你在上面看到的基本上是它的摘录.

asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

1、带有Render的方法返回值是void，在方法内部进行输出；不带的返回值类型为MvcHtmlString,所以只能这样使用：

@Html.Partial 对应 @{Html.RenderPartial(....);}@Html.Action 对应 @{Html.RenderAction(....);}

2、Html.Partial可以直接提供用户控件名作为参数，

而Html.Action需要有对应的Action，在Action内部返回PartailResult(即retun PartialView())。

3、对于简单的没有任何逻辑的用户控件，推荐使用Html.Partial；对于需要设置一些Model的用户控件，推荐使用Html.Action。当然，有 Model数据也是可以使用Html.Partial方法的，可以看方法的重载。

4、使用Html.Action有个好处，就是可以根据不同的场景选择不同的用户控件。比如：@Html.Action("UserInfoControl")在对应的 UserInfoControl这个Action中,在用户未登录的时候，可以retun PartialView("LogOnUserControl");登录后，可以retun PartialView("UserInfoControl");

我们今天的关于从 python api 呈现时，图像未显示在 HTML 中和python出不来图像的分享就到这里，谢谢您的阅读，如果想了解更多关于Apifox：API 文档、API 调试、API Mock、API 自动化测试一体化协作平台、ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction、asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处、asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction的相关信息，可以在本站进行搜索。

本文标签：