1. การพัฒนา Website สำนักงานสาธารณสุขจังหวัดชัยภูมิ
- ศึกษาการใช้งาน และการแก้ไขข้อมูลจาก Forms ลงฐานข้อมูล 2. จำลองเครื่องแม่ข่าย
- ศึกษา Command Line Linux พื้นฐาน
- ติดตั้ง Package สำหรับบริการ Web Server
1. การพัฒนา Website สำนักงานสาธารณสุขจังหวัดชัยภูมิ
หน้าแสดงข่าวทั้งหมด
สร้างหน้าตอนกดดูข่าว
ng generate component news-detail
ใน news.service.ts เพิ่ม getNewsById
getNewsById(id: number): Observable<News> {
return this.http.get<News>(`${this.apiUrl}/${id}`);
}
ใน api server.js ใช้ GET ข่าวตาม id
app.get('/api/news/:id', (req, res) => {
const id = req.params.id;
const sql = 'SELECT * FROM news WHERE id = ?';
db.query(sql, [id], (err, results) => {
if (err || results.length === 0) return res.status(404).send('Not found');
res.json(results[0]);
});
});
แก้ไขข้อมูล
สร้างหน้าแก้ไขข่าว
ng generate component news-edit
ใน news.service.ts เพิ่ม updateNews
updateNews(id: number, newsData: Partial<News>): Observable<any> {
return this.http.put(`${this.apiUrl}/${id}`, newsData);
}
ใน api server.js ใช้ PUT
app.put('/api/news/:id', upload.array('images'), (req, res) => {...
const updateSql = 'UPDATE news SET title = ?, content = ?, images = ?, updated_at = ? WHERE id = ?';
}
แก้ไขได้แล้ว
2. จำลองเครื่องแม่ข่าย
- ศึกษา Command Line Linux พื้นฐาน
คำสั่งเกี่ยวกับสิทธิ์และผู้ใช้งาน
คำสั่งเกี่ยวกับระบบและกระบวนการ
- ติดตั้ง Package สำหรับบริการ Web Server
รหัส 1234
เข้า Terminal
update ระบบด้วยคำสั่ง
sudo apt-get update
sudo apt-get upgrade
ที่ต้องติดตั้งสำหรับโปรเจกต์
ติดตั้ง Node.js และ npm
sudo apt update
sudo apt install nodejs npm -y
npm install express cors body-parser
ติดตั้ง Angular CLI
npm install -g @angular/cli
ติดตั้ง MySQL
sudo apt install mysql-server -y
npm install mysql2
ติดตั้ง Filezilla Server
ติดตั้งโปรแกรม vsftpd โดยใช้คำสั่ง (FTP Server)
sudo apt-get install vsftpd
ติดตั้งโปรแกรม FileZilla
sudo apt-get install filezilla