mimer-render är ett enkelt middelware för Hono skapat för att göra det väldigt enkelt att anävända mustasch.
Ett bibliotek som gör att vi kan substituera in värden i mallar.
Ladda ned koden som du hittar i https://htsit.se/f/mimer-render.ts.
curl -LOk https://htsit.se/f/mimer-render.ts
Du kan också hitta senaste versionen av koden i projektet ada.
Och lägg det i din "src" map där du har all annan kod till ditt projekt.
cp mimer-render.ts MITT_PROJEKT/src
Du behöver skap en mapp för att ha din amllar. Förslagsviss på samma nivå som src.
mkdir template
Du behöver skap en mapp för att ha din amllar. Förslagsviss på samma nivå som src.
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<title>{{title}}</title>
<link rel="stylesheet" href="/css/style.css" />
</head>
<body>
<div id="container">
Innehållet i dennakommer alltid placeras över i mallarna.
Du behöver skap en mapp för att ha din amllar. Förslagsviss på samma nivå som src.
</div>
</body>
</html>
Innehållet i denna fil kommer alltid placeras under i mallarna.
Lägg till en i mappen för att testa om det fungerar. Vi kallar den här "test.html"
<h1> {{title}} </h1>
Gå till filen där du har din Hono app.
import { mimerRender } from "./mimer-render.ts";
Hono'måste ha en intern variabel template av typen string.
type Variables = {
template: string;
};
const app = new Hono<{ Variables: Variables }>();
Gör detta föra andra anrop med "app", men efter eventuell anrop för logging.
app.use("/*", await mimerRender("template"));
Ett vanligt HTTP get anrop.
app.get("/test", (c) => {
// CODE
});
Sätt en variabel template
c.set("template", "index");
});
return c.json({ title: names.welcome });
Starta om server och gå in på sidan: