Python代码未执行,仅在浏览器上显示纯脚本

时间:2019-06-13 04:36:49

标签: python apache cgi centos7 vps

当前,我正在使用VPS Centos7。我想在浏览器上运行python脚本。使用终端运行它时没有问题。但是,如果我在浏览器上运行它,它将仅显示普通脚本

这是我的脚本:

var / www / cgi-bin / folder / filename.py

<div class="ui container">
  <div class="ui grid">
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
  </div>
</div>

<div class="ui text container">
  <h3 class="first">Text Container</h3>
  <p>Sometimes you just need to put a single column of centered text on a page. A <code>text container</code> is a special type of container optimized for a single flowing column of text, like this instructions on this page.
  </p>
  <p>Text containers <b>do not need to use grids</b> and help simplify basic page layouts.</p>
</div>

<div class="ui text container">
  <div class="ui one column grid">
    <div class="column"></div>
  </div>
</div>


<div class="ui text container">

  <h1 class="ui dividing header">Grid Content</h1>

  <h3 class="first">Column Flow</h3>
  <p>A grid does not necessarily need to specify rows. If you include <code>columns</code> as direct child of <code>ui grid</code> content will automatically flow to the next row when all the grid columns are taken in the current row</b>.</p>

  <div class="ui grid">
    <div class="four wide column"></div>
    <div class="four wide column"></div>
    <div class="four wide column"></div>
    <div class="four wide column"></div>
    <div class="four wide column"></div>
    <div class="four wide column"></div>
    <div class="four wide column"></div>
    <div class="four wide column"></div>
  </div>

  <h3>Clearing Rows</h3>
  <p>Adding row wrappers allow you to manually specify you want a new row to begin.</p>

  <div class="ui three column grid">
    <div class="column"></div>
    <div class="row">
      <div class="column"></div>
      <div class="column"></div>
      <div class="column"></div>
    </div>
  </div>

  <h3>Specifying Row Width</h3>
  <p>Specifying a grid column count will divide columns into rows of predetermined column count. Additional columns will automatically flow to the next row.</p>
  <div class="ui three column grid">
    <div class="column">column</div>
    <div class="column">column</div>
    <div class="column">column</div>
    <div class="column">column</div>
    <div class="column">column</div>
    <div class="column">column</div>
  </div>

  <h3>Specifying Column Width</h3>
  <p>You can also specify column widths for each column individually</p>
  <div class="ui three column grid">
    <div class="four wide column">four wide column</div>
    <div class="eight wide column">eight wide column</div>
    <div class="four wide column">four wide column</div>
  </div>

  <h3>Special Variations</h3>
  <p>Some special variations that format grids like tables require you to specify rows. For example a <code>divided grid</code> or a <code>celled grid</code> requires row wrappers.</p>

  <div class="ui horizontal section divider">Celled Grid</div>
  <div class="ui celled grid">
    <div class="row">
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
    </div>
    <div class="row">
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
    </div>
  </div>

  <div class="ui horizontal section divider">Internally Celled Grid</div>

  <div class="ui internally celled grid">
    <div class="row">
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
    </div>
    <div class="row">
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
    </div>
  </div>


  <div class="ui horizontal section divider">Divided Grid</div>

  <div class="ui divided grid">
    <div class="row">
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
    </div>
    <div class="row">
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
    </div>
  </div>

  <div class="ui horizontal section divider">Vertically Divided Grid</div>

  <div class="ui vertically divided grid">
    <div class="row">
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
    </div>
    <div class="row">
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
      <div class="four wide column"></div>
    </div>
  </div>

  <h1 class="ui dividing header">Adjusting Grids</h1>


  <h3 class="first">Centering Content</h3>
  <p>If a row does not take up all sixteen grid columns, you can use a <code>ui centered grid</code>, <code>centered row</code>, or <code>centered column</code> to center the column contents inside the grid.
  </p>
  <div class="ui two column centered grid">
    <div class="column"></div>
    <div class="four column centered row">
      <div class="column"></div>
      <div class="column"></div>
    </div>
  </div>

  <h3>Floating Rows</h3>
  <p>Since Semantic UI's grid is based on flex box, a <code>left floated</code> item should come first, and a <code>right floated</code> item last in its row.</p>

  <div class="ui grid">
    <div class="left floated six wide column">
      <div class="ui segment">
        Left floated
      </div>
    </div>
    <div class="right floated six wide column">
      <div class="ui segment">
        Right floated
      </div>
    </div>
  </div>


  <h3>Text Alignment</h3>
  <p>You can specify text alignment using alignment variations on a grid, row, or column level.</p>

  <div class="ui grid">
    <div class="right aligned eight wide column">
      right aligned column
    </div>
    <div class="left aligned eight wide column">
      left aligned column
    </div>
    <div class="center aligned two column row">
      <div class="column">
        center aligned row
      </div>
      <div class="column">
        center aligned row
      </div>
    </div>
    <div class="sixteen wide right aligned column">
      right aligned column
    </div>
  </div>

  <h3>Vertical Alignment</h3>
  <p>You can specify vertical alignment on a grid, row, or column level.</p>
  <div class="ui middle aligned four column centered grid">
    <div class="row">
      <div class="column">
        <img class="ui wireframe image" src="wireframe.png">
      </div>
      <div class="column">
        <img class="ui wireframe image" src="wireframe.png">
        <img class="ui wireframe image" src="wireframe.png">
      </div>
      <div class="column">
        <img class="ui wireframe image" src="wireframe.png">
      </div>
    </div>
  </div>

  <h3>Equal Width Columns</h3>
  <p>Specifying an <code>equal width grid</code> will automatically determine column sizes to fit evenly inside one row</p>
  <div class="ui equal width grid">
    <div class="row">
      <div class="column">column</div>
      <div class="column">column</div>
      <div class="column">column</div>
      <div class="column">column</div>
    </div>
    <div class="row">
      <div class="column">column</div>
      <div class="column">column</div>
      <div class="column">column</div>
    </div>
  </div>


  <h1>Responsive Patterns</h1>

  <h3 class="first">Doubling</h3>
  <p>You can set columns to double in width at each device jump</p>
  <div class="ui five column doubling grid">
    <div class="column">column</div>
    <div class="column">column</div>
    <div class="column">column</div>
    <div class="column">column</div>
    <div class="column">column</div>
  </div>

  <h3>Stackable</h3>
  <p>You can set columns to stack on mobile</p>
  <div class="ui three column stackable grid">
    <div class="column">column</div>
    <div class="column">column</div>
    <div class="column">column</div>
  </div>

  <h3>Responsive Width Adjustments</h3>
  <p>You can specify columns to appear at different widths on different screens</p>

  <div class="ui grid">
    <div class="eight wide mobile six wide tablet four wide computer column"></div>
    <div class="eight wide mobile six wide tablet four wide computer column"></div>
    <div class="eight wide mobile six wide tablet four wide computer column"></div>
    <div class="eight wide mobile six wide tablet four wide computer column"></div>
    <div class="eight wide mobile six wide tablet four wide computer column"></div>
  </div>
  <div class="ui grid">
    <div class="four wide two wide large screen one wide widescreen column"></div>
    <div class="four wide two wide large screen one wide widescreen column"></div>
    <div class="four wide two wide large screen one wide widescreen column"></div>
    <div class="four wide two wide large screen one wide widescreen column"></div>
  </div>

  <h3>Specifying Device Visibility</h3>
  <p>You can specify columns to appear only a particular screen</p>
  <div class="ui grid">
    <div class="two column computer only row">
      <div class="ten wide column">ten wide column computer only</div>
      <div class="six wide column">six wide column computer only</div>
    </div>
    <div class="sixteen wide mobile only column">sixteen wide column mobile only</div>
    <div class="three column computer only row">
      <div class="column">computer only row</div>
      <div class="column">computer only row</div>
      <div class="column">computer only row</div>
    </div>
    <div class="two column mobile only row">
      <div class="column">mobile only column</div>
      <div class="column">mobile only column</div>
    </div>
    <div class="two column row">
      <div class="column">column</div>
      <div class="column">column</div>
    </div>
  </div>

</div>

httpd.conf

#!/usr/bin/python3

print ('Content-type:text/html\r\n\r\n')
print ('meh')

$ PATH <Directory "/var/www/cgi-bin"> Options +ExecCGI AddHandler cgi-script .cgi .pl .py </Directory>

我也尝试过使用以下命令在http.server上运行我的python脚本:

/root/.local/bin/Python-3.4.3:/root/.local/bin/PythonTest:/root/.local/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin

这是我在浏览器中加载脚本时的回复:

python3 -m http.server --cgi 8000

这很奇怪,因为它之后没有类似“ CGI脚本退出正常”之类的东西

0 个答案:

没有答案
相关问题