个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
总的来说，我对 Vapor 和后端逻辑很陌生。
我正在使用 Leaf 构建一个简单的 Web 应用程序，我正在尝试从 psql 数据库读取数据并将它们显示在 html/css(leaf)页面中。
问题是当我将参数传递给页面时，它不会加载 css 和图像。
这是我的 Controller 中的功能
my project configuration:
App
├── Package.swift
├── Resources
│ ├── Views
│ │ └── index.leaf
├── Public
│ ├── images (images resources)
│ ├── styles (css resources)
└── Sources
├── App
├── Controllers
│ └── PoesiaController.swift
├── Models
└── Poesia.swift
final class PoesiaController {
func createView(_ req: Request) throws -> Future<View> {
let id: Int = try req.parameters.next(Int.self)
return Poesia.find(id, on: req).unwrap(or: NSError(domain: "errore", code: 1, userInfo: nil)).flatMap(to: View.self) { p in
return try req.view().render("index", ["title": p.title, "content":p.content])
}
}
}
let poesieController = PoesiaController()
router.get("poesia", Int.parameter, use: poesieController.createView)
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Long+Cang&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<link rel="stylesheet" href="styles/poesie.css">
</head>
<body>
<!--Frontpage image with overlay-->
<div class="container">
<img class="frontpage" id= 'frontpage' src="images/alle-scoperte.jpg"/>
<div class="overlay"></div>
</div>
<!--Sticky Title with overlay-->
<div class="title">
<div class="sticky" style="background-image: url('images/alle-scoperte.jpg'); background-position: center bottom; background-size: cover;">
<span id="titleText">#(title)</span>
<img class="nav" src="images/icons/menu.png" onclick="openMenu()" />
<div class="menu">
<img src="images/icons/home.png">
<img src="images/icons/poesie.png">
<img src="images/icons/lib.png">
<img src="images/icons/collab.png">
<img src="images/icons/book.png">
<img src="images/icons/chem.png">
</div>
</div>
</div>
<!--Three Columns, left and right for author notes and center for text-->
<div class="row">
<div id="column_left" class="column">
<div id="note1" class="note">
<span class="left">Conoscere una persona significa aprirsi ad un mondo.</span>
</div>
<div id="note2" class="note">
<span class="left">Tutto racchiuso nell'unicità dei primi incontri.</span>
</div>
</div>
<div id="column_center" class="column">
<div class= "content">
<div class="sheet">
#(content)
</div>
<div class='hint'>
<div id = "rotate">
<img src="images/icons/rotate.png">
</div>
Ruota il dispositivo per vedere il commento.
</div>
</div>
</div>
<div id="column_right" class="column">
<div id="note3" class="note">
<span class="right">Una terra nuova da scoprire attraverso la curiosità ed il piacere.</span>
</div>
<div id="note4" class="note">
<span class="right">Commento</span>
</div>
</div>
</div>
<div class="footer">
©Luis Claudio Pantaleone | Designed and Developed by Simone Deriu | Credits
</div>
</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/main.js"></script>
</html>
router.get("index") {req -> Future<View> in
return try req.view().render("index")
}
最佳答案
您的问题是由于您错过了 /开头的href在 <link>标签。它应该是:
<link rel="stylesheet" href="/styles/poesie.css">
关于swift - Leaf & Vapor 3 - 无法在 View 中加载 css 和图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60340296/
24
4
0
问题:我有一个二叉树，所有叶子都编号(从左到右，从 0 开始)并且它们之间不存在连接。 我想要一种算法，给定两个索引(2 个不同的叶子)，从较大的叶子(索引较高的叶子)开始访问树并到达较低的叶子。 树
我需要在 AST 中表示这样的结构: struct { int data; double doubleDataArray[10]; struct { int nestedData;
我有一个自相关表 myTable，如下所示: ID | RefID ---------- 1 | NULL 2 | 1 3 | 2 4 | NULL 5 | 2 6 | 5 7 | 5
我在使用此数据结构模型的类别中有一个表。还使用另一个表向我显示类别分支的路径: **t_category** id | name | parent ------------------ 1 mas
ExtractEveryPack::type是 Pack 中所有“叶包”的包.例如，ExtractEveryPack, int, Pack> >::type是Pack, Pack > .但“外包装”不
我写了下面的代码来构造一个给定顶点的树，给出顶点之间的连接列表。 type Connection = (Int,Int) data Tree = Leaf Int | Node Int [Tree]
我正在尝试识别树中的“叶子”，但我很困惑为什么我的查询没有给我想要的东西。 问题是这样的: 所以我的想法是，只要id不在p_id列中，那么它就应该是“Leaf” select id, 'Leaf' a
我正在尝试识别树中的“叶子”，但我很困惑为什么我的查询没有给我想要的东西。 问题是这样的: 所以我的想法是，只要id不在p_id列中，那么它就应该是“Leaf” select id, 'Leaf' a
我需要做什么来渲染 TreeMap ，使节点向图的叶侧对齐？ 我想采用通常看起来像的任意 TreeMap : 并让它类似于: 最佳答案 一种方法是发现树的深度并设置 depth每个没有该值的子节点的节
我从一个几乎空白的项目开始，我可以使用以下方法从 welcome.leaf 渲染一个简单的页面: router.get("view") { req -> Future in let leaf
我正在尝试将骨架模板 View 添加到最近的 Vapor 2 应用程序中，到目前为止，该应用程序仅使用 MySQL 数据库生成 JSON 输出。如果我使用以下最少的代码: get("viewT
题目地址：https://leetcode.com/problems/sum-root-to-leaf-numbers/description/ 题目描述： Given a binary tree
这个查询: SELECT payload.pages FROM FLATTEN([publicdata:samples.github_nested] , payload) ORDER BY creat
我已经在 Fossil SCM 工作了一段时间，但我仍然看到一些我不太明白的东西。 在屏幕截图中，您可以看到我在存储库中有两个叶子，但遗憾的是我找不到将它们合并回主干的方法(在我的所有提交中都有“叶子
给定一棵仅包含 0-9 数字的二叉树，每个根到叶的路径都可以代表一个数字。 一个例子是根到叶的路径 1->2->3 代表数字 123。 找出所有根到叶数的总和 % 1003。 例子: 如果 1 是根节
我使用 vapor 加载 html 或 leaf，它给我错误消息“500”。服务器日志显示给我 [Data File Error: unable to load file at path /Users
我有一个Group、User 和一个App 模型。在我的组模型中，我有一个属性 var apps: [App] 并且我创建了组和用户的兄弟关系。 在我的 WebsiteController 中，我有
我为此编写的代码: sumBST(BST *root) { static sum =0; if (root!= null) {
我想从 jsTree 获取所有叶节点(节点的 ID 和文本)？ 我没有使用复选框 ui:jsTree。 Root -----A -----A1
我需要在 Swift Vapor 应用程序中创建一个复杂的 html 表格。 问题是:Leaf 似乎不支持像 #(somevar += 1) 这样的变量计数，也不支持像 #(somevar1 + so
我是一名优秀的程序员,十分优秀！