1. Download & Install NodeJs
2. Test NodeJs
3. Create NodeJs Script
สร้าง Project Folder ขึ้นมา แล้วสร้าง .js ขึ้นมา 1 ไฟล์
พิมพ์ console.log("Hello World"); เสร็จแล้ว Save
เปิด Command เข้าไป Project Folder พิมพ์ #node ****.js
Part 2 Working with URL (Express)
1. Install Express
#npm install express
2. Get Method
สร้างไฟล์ .js ขึ้นมา 1 ไฟล์ แล้วพิมพ์
เข้า Command แล้วพิมพ์ *****.js
เข้า Browser แล้วพิมพ์ 127.0.0.2:8082/
3. URL Parameter
4. URL Parameter matching
5. URL Query String
1. Install Express
#npm install express
2. Get Method
สร้างไฟล์ .js ขึ้นมา 1 ไฟล์ แล้วพิมพ์
เข้า Command แล้วพิมพ์ *****.js
เข้า Browser แล้วพิมพ์ 127.0.0.2:8082/
3. URL Parameter
4. URL Parameter matching
5. URL Query String
Part 3 Working with HTML (EJS)
1. Install EJS
#npm install ejs
2. Render HTML via EJS
สร้าง Folder >> MyProject/views/
สร้าง File >> MyProject/views/homepage.ejs
3. Use EJS Partials
สร้าง File >> MyProject/views/menu.ejs
สร้าง File >> MyProject/views/copyright.ejs
แก้ไข File >> MyProject/views/homepage.ejs
4. Pass data to EJS
แก้ไข File >> MyProject/****.js
แก้ไข File >> MyProject/views/homepage.ejs
Part 4 Working with Form
1. install express-validator
#npm install express-validator
2. Form & Post Data
สร้าง File >> MyProject/views/myform.ejs
สร้าง File >> MyProject/express-form.js
Run Command
#node express-form.js
3. Form Validation
แก้ไข File >> MyProject/express-form.js
Run Command
#node express-form.js
Part 5 Working with MySQL
1. Install MySQL module
#npm install mysql
2. Create Database and Table
3. MySQL Insert Data
สร้าง File >> MyProject/example-mysql.js
var express = require ("express");
const mysql = require("mysql"); //Import MySQL Module
//Create MySQL Connection.
var connectionMySQL = mysql.createConnection(
{
host : "localhost",
user : "root",
password : "123456789",
database : "nodjstutorial",
multipleStatements : true
}
);
//Connect to the database
connectionMySQL.connect (function(error){
if(error){
console.log(error);
}else{
console.log("MySQL Connected!");
}
});
var app = express();
//Route an HTTP request for testing MySQL Insert Data.
app.get("/insertdata", function(req, res){
//Write the SQL statement for inserting data.
//(In this SQL statement, you can change it to a SQL statement for updateing data or deleting data.)
var sqlCommand = "INSERT INTO person (firstname, lastname) VALUES (?, ?)";
var sqlValue = [];
sqlValue.push("Somchai");
sqlValue.push("Meesook");
var sql = mysql.format(sqlCommand, sqlValue);
//Execute the SQL statement
connectionMySQL.query(sql, function(error, results, fields){
if(error){
console.log(error);
}else{
//Display the insertID after executing the SQL statement
res.send("New Record ID is " + results.insertId);
}
});
});
app.listen(8082, "127.0.0.2");
4. MySQL Select Data
เพิ่มเข้าไปในไฟล์ File >> MyProject/example-mysql.js
Part 6 Easy Example with CRUD
1. Set Up Database And Insert Data
2. Install Necessary Modules
Install Express
#npm install express
#npm install express
Install EJS
#npm install ejs
install express-validator
#npm install express-validator
Install MySQL module
#npm install mysql
3. Display Data from Database
4. create Form to Insert Data
5. Edit Data
6. Delete Data
ไม่มีความคิดเห็น:
แสดงความคิดเห็น