标签: render

我想将CMS页面的内容拉入我的静态块,如果你知道如何做到这一点,我将不胜感激.

TemplateSyntaxErrorDjango 可能是什么原因造成的？

Invalid block tag: 'endfor', expected 'endblock'

到目前为止,我的模板非常简单:

{% extends 'base.html' %}
{% block content %}
    <div id='beerslist'>
        {$ for beer in beers %}
        {{ beer }}
        {% endfor %}
    </div>
{% endblock %}

查看回溯列表后,'beer'变量存在并返回一个数组.如何修复此语法错误？

我正在从URL加载图像以显示在ImageView中.标准方法是按如下方式创建位图(其中InputStream is已从URL获取):

Bitmap bm = BitmapFactory.decodeStream(is);

但我正在处理大图像,我想在整个图像加载到位图之前开始显示像素,即我希望实现图像的渐进式渲染(类似于在Web浏览器中加载大图像).例如,如果图像是隔行扫描的PNG,这将允许我在等待加载完整图像时向用户显示较低质量的图像.基本上,我想实现渲染,如http://www.codinghorror.com/blog/2005/12/progressive-image-rendering.html所示

我知道如果我可以实现一个PNG解码器,或者使用一个开源实现,我可以修改它以便在我读取它们时立即将像素渲染到ImageView的位图,但这看起来像是我想要的巨大努力.

我浏览了django文档,我发现这段代码允许您将文件呈现为附件

dl = loader.get_template('files/foo.zip')
context = RequestContext(request)
response = HttpResponse(dl.render(context), content_type = 'application/force-download')
response['Content-Disposition'] = 'attachment; filename="%s"' % 'foo.zip'
return response

foo.zip文件是使用pythons zipfile.ZipFile().writestr方法创建的

zip = zipfile.ZipFile('foo.zip', 'a', zipfile.ZIP_DEFLATED)
zipinfo = zipfile.ZipInfo('helloworld.txt', date_time=time.localtime(time.time()))
zipinfo.create_system = 1
zip.writestr(zipinfo, StringIO.StringIO('helloworld').getvalue())
zip.close()

但是当我尝试上面的代码来渲染文件时,我得到了这个错误

'utf8'编解码器无法解码位置10中的字节0x89:无效的起始字节

有关如何做到这一点的任何建议吗？

如何在rails中将文件呈现为普通/文本(不呈现任何HTML)？

我试过了:

render file: "path/to/file", layout: false

和

render file: "path/to/file", content_type: 'text/plain'

两者都是

render file: "path/to/file", layout: false, content_type: 'text/plain'

但是仍然有一些回复的HTML.

我正在使用rails 3.2.14和ruby 1.9.3

提前致谢.

编辑1:

傻我,这实际上有效:

render file: "path/to/file", layout: false, content_type: 'text/plain'

我正在使用谷歌浏览器检查元素,因此会出现一个html标记.但是当我看到源代码时,没有HTML标记.

我试图渲染的文件是一个没有扩展名的自定义文件,它是一个制表符分隔值,我用作d3.tsv()中的参数(D3.js)

谢谢大家的努力.:d

编辑2:

在编辑1中,我检查了响应,它确实没有任何html标记.但是在d3.tsv()(D3.js)中使用它作为参数显然不起作用.很高兴我想答案从JetAbe和它的作品!所以我接受了JetAbe的回答.

如何在PHP中渲染和保存网页作为图像,宽度可能为600px.如何在不使用浏览器的情况下在PHP中呈现页面？如何以给定的分辨率和图像格式(jpeg)保存？该功能类似于Google预览,但不会在翻转中显示.

与此问题类似,在C#中回答.如何将网页保存为图像

谢谢!

我有一个组件，其状态作为道具传递给子组件。我注意到即使父组件的状态发生变化，子组件也不会重新渲染。

基于使用 shouldComponentUpdate 的官方 React 文档：

“第一次渲染内部组件时，它将使用 { foo: 'bar' } 作为 value 属性。如果用户单击锚点，父组件的状态将更新为 { value: { foo: 'barbar' } }，触发内部组件的重新渲染过程，它将接收 { foo: 'barbar' } 作为 prop 的新值。

问题在于，由于父组件和内部组件共享对同一对象的引用，因此当该对象在 onClick 函数的第 2 行发生变异时，内部组件所拥有的 prop 将发生变化。因此，当重新渲染过程开始并且调用shouldComponentUpdate时，this.props.value.foo将等于nextProps.value.foo，因为事实上，this.props.value引用与nextProps.value相同的对象。

因此，由于我们会错过道具上的更改并缩短重新渲染过程，因此 UI 不会从“bar”更新为“barbar”。”

如果我不能使用 shouldComponentUpdate，我将如何强制子组件根据父组件的 props 更改重新渲染？

父组件

我希望子组件根据给 showDropzone 的布尔值重新渲染。

     <Dropzone 
      onDrop={this.onDrop} 
      clearFile = {this.clearFile}
      showDropzone = {this.state.filePresent}/>

子组件

export default class Dropzone extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    const { onDrop } = this.props;
    const {showDropzone} = this.props;
    const {clearFile} …

我在尝试使用 React 渲染 HTMLDivElement 时遇到了这个问题，但是出现以下错误：

Uncaught Invariant Violation: Objects are not valid as a React child (found: [object HTMLDivElement]). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of `VirtualList`

在我的 React Component 类中，我有这段代码......

import React, { Component } from 'react';

export default class VirtualList extends Component {

    constructor(props) {
        super(props);

        this.container = document.createElement('div');
    }

    renderList() {
        let container = this.container;

        // …

我试图从反应函数中动态返回一个div。我在组件渲染函数中调用一个函数直接渲染出来，但它没有渲染出来。我确信这是代码中的一个简单错误，但我无法发现它。

代码：

import React, { Component } from \'react\'\n\nimport ProgressBar from \'./ProgressBar\'\n\nrequire(\'styles/_servicesPage/priceCalc.css\')\n\nexport default class PriceCalculator extends Component {\n\n  componentWillMount() {\n    this.state = {\n      arr: []\n    }\n  }\n\n  minimizeDiv() {\n    this.props.toggleDiv(false)\n  }\n\n\n  returnDiv(){\n    return\n      <div>\n        <p>\n          Printing out text!\n        </p>\n      </div>\n  }\n\n  render() {\n    var styleVar = {\n      backgroundImage: \'url(assets/images/services/pricecalc_blue_bg.svg)\',\n      backgroundPosition: \'right center\'\n    }\n\n    return (\n      <div className="service-form" id="priceCalc" style={styleVar}>\n\n        <div>\n          <h1>Priskalkyl f\xc3\xb6r badrum</h1>\n          <p>\n            V\xc3\xa4lkommen att fylla i formul\xc3\xa4ret,\n            s\xc3\xa5 \xc3\xa4r du ett steg n\xc3\xa4rmare dina dr\xc3\xb6mmars badrum.\n …

我在加载网站时收到错误消息。

我的代码看起来像这样：

              <div v-if="bookings">
                <div class="row">
                  <div
                    class="col-12 m-2"
                    v-for="booking in bookings"
                    :key="booking.booking_id"
                  >
                    <BookingListItem :booking="booking" />
                  </div>
                </div>
              </div>
......

data() {
    return {
      boookings: undefined,
    };
  },
  computed: {
    ...mapState({
      user: (state) => state.patient,
    }),
  },
  methods: {
    getBookings() {
      this.id = this.user.id;
      console.log(this.id);
      return axios
        .get('URL/patients/${this.id}/bookings')
        .then((response) => {
          this.bookings = response.data;
        })
        .catch((error) => {
          console.log("Ein Fehler ist aufgetreten: " + error.response);
        });
    },
  },
  created() {
    this.getBookings();
  },
};

我定义了渲染的数据，甚至在我的模板中添加了 v-if。我哪里出错了？先感谢您！