boostrap 的问题(初学者)

问题描述 投票:0回答:2

我正在尝试使用 web.py 创建网页,并且添加了引导程序和波纹。但是当我运行它时,我收到以下错误

 - - [17/Aug/2020 08:56:01] "HTTP/1.1 GET /" - 200 OK
 - - [17/Aug/2020 08:56:01] "HTTP/1.1 GET /static/css/bootstrap-material-design.min.css" - 404 File not found
 - - [17/Aug/2020 08:56:01] "HTTP/1.1 GET /static/js/bootstrap.min.css" - 404 File not found
 - - [17/Aug/2020 08:56:01] "HTTP/1.1 GET /static/js/material.min.js" - 404 File not found
 - - [17/Aug/2020 08:56:01] "HTTP/1.1 GET /static/js/ripples.min.js" - 404 File not found
 - - [17/Aug/2020 08:56:01] "HTTP/1.1 GET /static/js/bootstrap.min.css" - 404 File not found
 - - [17/Aug/2020 08:56:01] "HTTP/1.1 GET /static/js/material.min.js" - 404 File not found
 - - [17/Aug/2020 08:56:01] "HTTP/1.1 GET /static/js/ripples.min.js" - 404 File not found

也许可能是因为我使用的是旧库或者不知道为什么。 这是我使用它的代码

MainLay.html:

$def with (page)
<!-- se hace uso de bootstrap definiendo una variable llamada css-->
$var css: static/css/bootstrap.min.css static/css/bootstrap-material-design.min.css

<!-- se hace uso de jquery definiendo una variable llamada js-->
$var js: static/js/jquery-3.5.1.min.js static/js/bootstrap.min.css static/js/material.min.js static/js/ripples.min.js

可能是什么问题?预先感谢。

html css web bootstrap-4 web.py
2个回答
0
投票

给定的路径正确,转到每个目录的属性,复制路径并刷新它可能有效,或者提供链接,而不是在本地读取,通过链接出现错误的可能性较小

您可以在这里找到链接:[https://www.bootstrapcdn.com/][1]


0
投票

问题似乎与静态文件的文件路径有关。错误消息表明服务器找不到您正在引用的文件。确保文件 bootstrap.min.css、bootstrap-material-design.min.css、jquery-3.5.1.min.js、material.min.js 和ripples.min.js 实际上位于 static/相对于主脚本的 css 和 static/js 目录。仔细检查文件名是否有拼写错误或不正确的扩展名。验证目录结构是否正确以及文件是否意外放置在不同的文件夹中。并确保 web.py 正确配置为从静态目录提供静态文件。

像这样:

import web

urls = (
    '/', 'index',
)

class index:
    def __init__(self):
        self.render = web.template.render('templates/')

    def GET(self):
        return self.render.main()

if __name__ == "__main__":
    app = web.application(urls, globals())
    app.run()

在您的 HTML 模板中,确保路径正确:


$def with (page)

<link rel="stylesheet" href="$css[0]">
<link rel="stylesheet" href="$css[1]">

<script src="$js[0]"></script>
<script src="$js[1]"></script>
<script src="$js[2]"></script>
<script src="$js[3]"></script>

并确保 css 和 js 变量正确填充静态文件的路径。

© www.soinside.com 2019 - 2024. All rights reserved.