example: add view and render example

medishen · Aug 21, 2024 · 8dcaebb · 8dcaebb
1 parent dd62794
commit 8dcaebb
Show file tree

Hide file tree

Showing 4 changed files with 224 additions and 38 deletions.
diff --git a/examples/CRUD/app.ts b/examples/CRUD/app.ts
@@ -1,3 +1,36 @@
-import { g } from '../../lib/core/server';
-g.load('router');
-g.init();
+import { WebServer } from '../../lib/core/server';
+import { Context } from '../../lib/types/types';
+import ejs from 'ejs';
+const app = new WebServer();
+
+// Configure the template engine
+app.engine('.ejs', async (path: string, options: object, callback: (err: Error | null, rendered?: string) => void) => {
+  ejs.renderFile(path, options, callback);
+});
+
+// Set default view engine and views directory
+app.set('view engine', '.ejs');
+app.set('views', './views');
+
+app.use(async (ctx: Context, nxt: Function) => {
+  console.log('hello from mid');
+  await nxt();
+});
+// // Define routes
+app.use('/api', async (ctx: any, next: () => Promise<void>) => {
+  // Example middleware for API routes
+  console.log('API route accessed');
+  await next();
+});
+
+// Define a route with `all` method
+app.all('/about', async (ctx: Context) => {
+  ctx.render('index');
+});
+
+// Start the server
+app.init({
+  port: 3000,
+  host: 'localhost',
+  logger: true,
+});
diff --git a/examples/CRUD/package-lock.json b/examples/CRUD/package-lock.json
diff --git a/examples/CRUD/package.json b/examples/CRUD/package.json
@@ -7,5 +7,8 @@
   },
   "author": "",
   "license": "ISC",
-  "description": ""
+  "devDependencies": {
+    "@types/ejs": "^3.1.5",
+    "ejs": "^3.1.10"
+  }
 }
diff --git a/examples/CRUD/views/index.ejs b/examples/CRUD/views/index.ejs
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>hello brother</body>
+</html>