Khmer Web Library

នៅក្នុងសាស្ត្រា Express.js បណ្តាទិន្នន័យដែលត្រូវបានបញ្ជូនមកកាន់ server ត្រូវបានចំលងយកនិងកត់ត្រាទុកនៅក្នុងសំណុំទិន្នន័យឈ្មោះ body នៅក្នុងវត្ថុដែលជា request ក្នុងករណីដែលយើងប្រើប្រាស់ក្បួនកណ្តាលមានស្រាប់នៅក្នុងសាស្ត្រា Express.js មានឈ្មោះថា urlencoded()។ អាស្រ័យហេតុនេះ យើងអាចស្រង់យកទិន្នន័យពីក្នុងសំណុំទិន្នន័យឈ្មោះ body នេះបានដោយធ្វើដូចខាងក្រោមនេះ៖

import express from 'express'
import path from 'path'

const app = express()
const port = process.env.PORT || 3000
const __dirname = path.resolve()
 
import index from './routes/index.js'
import backend from './routes/backend.js'

app.set('views', path.join(__dirname, 'views'))
app.set('view engine', 'ejs')
app.use(express.static(path.join(__dirname, 'public')))
app.use(express.urlencoded({extended:false}))
                                  
app.use('/',index) 
app.use('/backend',backend) 

app.listen(port,function(){
    console.log(`This application is listening to the port: ${port}`)
})

/* ./routes/index.js */
import express from 'express'
const index = express.Router()

let data = {}

index.get('/',(req,res,next)=>{
    data.message = ''
    res.render('base',data)
})

index.post('/',(req,res,next)=>{
    data.message = `ជំរាបសួរ ${req.body.username}!!`
    res.render('base',data)
})
 
export default index

<!--views/base.ejs-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>Express.js Web Framework</title>
        <link href="/fonts/setup.css" rel="stylesheet">
        <link href="/styles/base.css" rel="stylesheet">
    </head>
    <body>
        <form action="/" method="post">
            <input type="text" name="username" required />
            <input type="submit" value="បញ្ជូន" />
        </form>
        <p><%= message %></p>
    </body>
</html>