Question

我曾尝试阅读Bottle的文档，但是，我仍然不确定静态文件服务的工作原理。我有一个index.tpl文件，在其中有一个附加的css文件，它可以工作。但是，我正在读取Bottle不会自动提供css文件，如果页面加载正确，则无法生效。

但是，我在请求页面时遇到了速度问题。那是因为我没有使用return static_file(params go here)吗？如果有人能够清理它们的工作方式，以及在加载页面时如何使用它们，那就太棒了。

服务器代码：

from Bottle import route,run,template,request,static_file



@route('/')
def home():
    return template('Templates/index',name=request.environ.get('REMOTE_ADDR'))

run(host='Work-PC',port=9999,debug=True)

指数：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>index</title>
  <link type="text/css"
 href="cssfiles/mainpagecss.css"
 rel="stylesheet">
</head>
<body>
<table
 style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>
      <h1><span class="headertext">
      <center>Network
Website</center>
      </span></h1>
      </td>
    </tr>
  </tbody>
</table>
%if name!='none':
    <p align="right">signed in as: {{name}}</p>
%else:
    pass
%end
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="2"
 cellspacing="2">
  <tbody>
    <tr>
      <td>
      <table style="text-align: left; width: 100%;" border="0"
 cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td style="width: 15%; vertical-align: top;">
            <table style="text-align: left; width: 100%;" border="1"
 cellpadding="2" cellspacing="2">
              <tbody>
                <tr>
                  <td>Home<br>
                  <span class="important">Teamspeak Download</span><br>
                  <span class="important">Teamspeak Information</span></td>
                </tr>
              </tbody>
            </table>
            </td>
            <td style="vertical-align: top;">
            <table style="text-align: left; width: 100%;" border="1"
 cellpadding="2" cellspacing="2">
              <tbody>
                <tr>
                  <td>
                  <h1><span style="font-weight: bold;">Network Website</span></h1>
To find all of the needed information relating to the network's social
capabilities, please refer to the links in the side bar.</td>
                </tr>
              </tbody>
            </table>
            </td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>

Answer 1

要使用bottle提供静态文件，您需要使用提供的static_file功能并添加一些其他路线。以下路由指示静态文件请求，并确保只访问具有正确文件扩展名的文件。

from bottle import get, static_file

# Static Routes
@get("/static/css/<filepath:re:.*\.css>")
def css(filepath):
    return static_file(filepath, root="static/css")

@get("/static/font/<filepath:re:.*\.(eot|otf|svg|ttf|woff|woff2?)>")
def font(filepath):
    return static_file(filepath, root="static/font")

@get("/static/img/<filepath:re:.*\.(jpg|png|gif|ico|svg)>")
def img(filepath):
    return static_file(filepath, root="static/img")

@get("/static/js/<filepath:re:.*\.js>")
def js(filepath):
    return static_file(filepath, root="static/js")

现在在你的html中，你可以像这样引用一个文件：

<link type="text/css" href="/static/css/main.css" rel="stylesheet">

目录布局：

`--static
|  `--css
|  `--fonts
|  `--img
|  `--js

Answer 2

这里只是提供一个答案，因为我的一些学生在作业中使用了这段代码，我对这个解决方案有点担心。

在Bottle中提供静态文件的标准方法是documentation：

from bottle import static_file
@route('/static/<filepath:path>')
def server_static(filepath):
    return static_file(filepath, root='/path/to/your/static/files')

以这种方式，静态文件夹下的所有文件都是从以/ static开头的URL提供的。在HTML中，您需要引用资源的完整URL路径，例如：

<link rel='stylesheet' type='text/css' href='/static/css/style.css'>

Sanketh的答案是这样的，以便在静态文件夹内的给定文件夹中提供对URL空间中任何位置的图像，css文件等的任何引用。所以/foo/bar/baz/picture.jpg和/picture.jpg都将由static / images / picture.jpg提供。这意味着您不必担心在HTML代码中获取正确的路径，并且您始终可以使用相对文件名（即只需src =＆＃34; picture.jpg＆＃34;）。

当您尝试部署应用程序时，会出现此方法的问题。在生产环境中，您希望静态资源由nginx等Web服务器提供，而不是由Bottle应用程序提供。为了实现这一点，它们应该从URL空间的单个部分提供，例如。 /静态的。如果您的代码中充斥着相对文件名，则无法轻松转换为此模型。

因此，我建议使用Bottle教程中的三行解决方案，而不是本页列出的更复杂的解决方案。它的代码更简单（因此不太可能出错），它允许您无需更改代码即可无缝移动到生产环境。

Answer 3

如文档中所示，您应使用静态功能提供静态文件，css是静态文件。静态函数处理安全性以及您可以从源中找到的其他一些功能。静态函数的 path 参数应指向存储 css 文件的目录

Answer 4

不像在Sanketh的回答中那样使用正则表达式匹配服务文件，我不想修改我的模板并明确提供静态文件的路径，如：

<script src="{{ get_url('static', filename='js/bootstrap.min.js') }}"></script>

您只需将静态路径装饰器中的<filename>替换为类型:path之一即可完成此操作 - 如下所示：

@app.route('/static/<filename:path>', name='static')
def serve_static(filename):
    return static_file(filename, root=config.STATIC_PATH)

:path以非贪婪的方式匹配整个文件路径，因此您不必担心在切换到生产时更改模板 - 只需将所有内容保存在相同的相对文件夹结构中。

Answer 5

我过去曾使用过Sanketh的模板，但随着时间的推移将其浓缩为扩展不可知功能。您只需在ext_map字典中添加扩展名文件夹映射。如果未明确映射扩展名，则默认为static / folder。

select x.id, x.start_date, x.end_date, d.detail
from
(
  select mt.id, mt.start_date,
  (
    select mt_next.start_date from main mt_next
    where mt_next.id = mt.id and mt_next.start_date > mt.start_date
    order by mt_next.start_date asc limit 1
  ) as end_date
  from main mt
) x
left join details d on d.id = x.id 
  and d.detail_date >= x.start_date
  and (x.end_date is null or d.detail_date < x.end_date)

瓶静态文件

5 个答案: