首页 > 其他分享 >Flask 学习-90.Flask-RESTX 返回 HTML 内容

Flask 学习-90.Flask-RESTX 返回 HTML 内容

时间:2022-10-14 15:55:56浏览次数:47  
标签:RESTX HTML render Flask make html template response

前言

Flask-RESTX 框架默认返回的是application/json格式,使用render_template()返回html内容遇到了一些问题

遇到的问题

需要使用render_template() 返回HTML内容

from flask_restx import Resource, Namespace, reqparse
from flask import make_response

api = Namespace('render/html')

@api.route('')
class RenderHTML(Resource):

    def get(self):
        """渲染html"""
       
        return render_template('hello.html')

模板内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>
<body>
<h1>hello world</h1>
</body>
</html>

访问后会以字符串格式返回

默认以json 格式响应

make_response 自定义响应

使用make_response() 自定义响应内容

@api.route('')
class RenderHTML(Resource):

    def get(self):
        """渲染html"""
        res = render_template('hello.html')
        response = make_response(res)
        return response

这样 html 就可以正常渲染了.

标签:RESTX,HTML,render,Flask,make,html,template,response
From: https://www.cnblogs.com/yoyoketang/p/16791830.html

相关文章

  • 4. HTML引用CSS(4种方法)
    1. 前言CSS样式需要引用到HTML中才能真正有效,那么如何才能在HTML中引用CSS呢?下面就来介绍一下。2.内嵌样式表您可以在HTML头部(<head>标签内)的<style>标签......
  • 如何修改html input type file 的语言
    情况描述:在浏览器中,即使lang="en",文件输入框也会显示电脑的语言如何修改:思路:把原有的input框display:none,然后通过label触发对应功能,重新写入另一个div显示文件名。<st......
  • flask上传、下载文件
    fromflaskimportFlask,render_template,request,send_filefromwerkzeug.utilsimportsecure_filename#创建appapp=Flask(__name__)#上传文件-网页端html_cod......
  • 在HTML网页中巧用URL
    首先,先放出一个地址给大家测试​​http://cnbruce.com/test/htmlpro/?name=cnbruce&[email protected]​​1,时下流行的(可能是吧,因为最近问的人比......
  • HTML基础
    HyperTextMarkupLanguage一、HTML基本结构标签成对出现,单个的叫自闭合标签二、网页基本信息DOCTYPE:告诉浏览器要使用什么规范meta:描述性标签,用来描述网站信息......
  • HTML元素
      <form>表单以下是表单元素 <input type=  text文本 /  radio单选按钮/  submit提交按钮>输入属性  action在提交表单时执......
  • flask框架路由url转换器用法
     app.route('url')中支持string,int,float,path等类型,隐形支持正则。实现flask支持正则的步骤1 定义正则类,继承BaseConverterfromwerkzeug.routingimportBaseConvertercl......
  • html技巧
    1.dialog<divclass="app"><dialogopen><p>Greetings,oneandall!</p><formmethod="dialog"><button>OK</button></form></dialog></div>......
  • 【JS】11-前端HTML5几种存储方式的总结
    接下来要好好总结一些知识,秋招来啦。。。虽然有好多知识都不大会,但是还是要努力一下,运气这种东西,谁知道呢~总体情况h5之前,存储主要是用​​cookies​​​。​​cookies​​......
  • 【HTML】10-详解HTML5 data-* 自定义属性
    在jQuery的​​att​​​r与​​prop​​​提到过在IE9之前版本中如果使用​​property​​​不当会造成内存泄露问题,而且关于​​Attribute​​​和​​Property​​​的区......