ជា​ទូទៅ ទំព័រ​ចូលក្នុង​ឬ login page ជា​ទំព័រ​ដាច់​តែ​ឯង​មួយ​ដែល​មិន​ត្រូវការ​ប្រើ​ប្រាស់​គំរូ​ទំព័រ​ណា​ទាំងអស់។ នៅ​លើ​ទំព័រ​​នេះ​មាន​តែ​ទំរង់​បែបបទ​នៃ​ការចុះ​ឈ្មោះ​ចូល​ក្នុង​ទំព័រ​គ្រប់គ្រង (dashboard) តែ​ប៉ុណ្ណោះ​។ ដូចនេះ​យើង​ត្រូវ​បង្កើត​ទំព័រ​នេះ​ដោយ​ប្រើប្រាស់​កូដ​ជា​មូលដ្ឋាន​គ្រឹះ ដែល​អាច​ដំណើរការ​ដាច់​តែ​ឯង​នៅក្នុង​ browser ។

 

<!--src/pages/login.astro-->
---
const result = ""
---

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
        <meta name="generator" content={Astro.generator} />
        <title>​​​​​ទំព័រ​ចូល​ក្នុង</title>
        <link rel="icon" href="/images/siteLogo.png" />
        <link href="/fonts/setup.css" rel="stylesheet" />
        <script is:inline src="/scripts/jquery.js"></script>
    </head>
    <body class="text-sm leading-normal bg-gray-200">
        <section class="w-[300px] mx-auto mt-20 bg-white">
            <div class="text-center bg-teal-600 text-white font-display text-base py-1">
                ចុះ​ឈ្មោះ​ចូល​​​​​​​​ទំព័រគ្រប់គ្រង
            </div>
            <form id="login" class="p-5" action="/api/login" method="post">
                <input class="w-full border px-2 py-1 mb-2" value="guest@khmerweb.app"
                    type="email" name="email" required placeholder="Email"/>
                <input class="w-full border px-2 py-1 mb-2" value="password"
                    type="password" name="password" required placeholder="ពាក្យ​សំងាត់"/>
                <input class="w-full bg-gray-300 px-2 py-1" 
                    type="submit" value="បញ្ជូន​"/>
                <div id="info" class="text-center pt-1">{result}</div>
            </form>
        </section>
    </body>
</html>

 

Netlify: https://khmerweb-dynamic-blog.netlify.app/login

GitHub: https://github.com/Sokhavuth/dynamic-blog