[nodejs] : runserver (commit 8-19)

เมื่อ runserver (node index.js) จะมีหน้าหลักดังนี้



ทดสอบเพิ่ม word คำว่า "test" โดย มี explanation คือ "ลอง"

 จะ redirect กลับหน้าเดิมโดยมี test แสดงขึ้นมา โดยผมกำหนดให้แสดง word 5 คำล่าสุด

ทำการเพิ่ม word : test1 , test2 , ... , test5 โดยมี explanation : ลอง1 , ลอง2 , ... , ลอง5 คู่กับตามลำดับ

จนได้ผลดังนี้ ("test" ถูกดันหายไปเพราะ เก่าที่สุด)

ทดสอบคลิกเข้าไปดูใน "test1" จะแสดง explanation ทั้งหมดซึ่งก็คือ "ลอง1"

ทดสอบเพิ่มคำว่า "ลอง1" (ซ้ำ duplicate) เข้าไป

จะ render หน้า message โดยหน้าตาเหมือนเดิมโดยแสดง message "duplicate explanation."
เลยทำการพิมพ์ "ลอง2" ลงไป แล้วกด submit

จะ redicrect ไปที่หน้า view_word คำว่า "test1" โดยแสดง "ลอง2" เพิ่มขึ้นมาจากเดิม
จึงมาทดลองกด submit โดยไม่พิมพ์คำใดๆดู

จะ render หน้า message อีกครั้งโดยเตือนว่า "Please enter the explanation."

ทดสอบเกี่ยวกับหน้า view_word เรียบร้อยแล้วจึงกด Home กลับหน้าหลัก
แล้วกดที่ browse ที่ a (หา word catagory a (ขึ้นต้นด้วย a) )

เพราะยังไม่ได้เพิ่ม word ที่ขึ้นต้นด้วย a เข้าไปจึงแสดง "Word not found"

ต่อมากดที่ browse ที่ t (หา word catagory t (ขึ้นต้นด้วย t) ) จะแสดง word ที่เข้าข่ายทั้งหมด
แล้วทดสอบคลิกเข้าไปที่ test1 ว่า url ถูกหรือไม่

url ถูกต้อง link มาหน้าที่เราได้ทดสอบผ่านมา

กลับหน้าหลักและทดสอบเพิ่มคำว่า "cat" explanation "แมว" เพื่อให้ทดสอบหาได้หลากหลาย

จะได้ผลดังนี้

พิมพ์ "t" ในช่องหาเป็นคำตามคำ (จะ search แบบ contain แค่มีตัว t อยู่ใน word ก็จะพบ)

 ได้ผลตามคาด เจอทุกคำ

ทดสอบพิมพ์แค่ "ca" (จะ search แบบ contain เช่นกัน)

 เจอ "cat" ดังคาด

ต่อมาทำการกลับหน้าหลัก แล้ว ลองเพิ่ม word ซ้ำ explanation ซ้ำดู

 จะขึ้น message เตือนว่า "duplicate word or explanation."

 ทดสอบเพิ่มแค่ word ซ้ำดู

 จะโชว์ message "duplicate word."

 จึงลองทดสอบพิมพ์ word ซ้ำ แต่ explanation ใหม่ดู ("ลอง3")

 จะแสดง message "duplicate word,your explanation add to existing word." word ซ้ำแต่ explanation ไม่ซ้ำจะทำการเพิ่ม explanation เข้าไปใน word นั้นๆอัตโนมัติ

 จะเข้าไปตรวจสอบแต่ test1 ถูกดันไปแล้วจึงพิมพ์หาใน search

 เจอ test1 แล้วจึงเข้าไปดูภายใน

 มีคำว่า "ลอง3" ถูกเพิ่มเข้ามาแล้ว

ต่อมาทดสอบ export ไฟล์ csv กด export แล้วจะ download export.csv แต่ในภาพผมมีไฟล์ชื่อ export.csv อยู่แล้วในโฟล์เดอร์ดาวโหลดของ ubuntu จึงกลายเป้น export (2).csv

ทดสอบเปิดดูได้ข้อมูลของไฟล์ csv ตามที่แสดงในหน้าเว็ป

ทดสอบ upload ไฟล์เดิม (explanation ซ้ำกลับเข้าไป) แล้วกด open

จะแสดงชื่อไฟล์ หลังปุ่ม Choose File "export (2).csv"

กด Upload แล้วผลคือ ไม่มีคำเพิ่มมา เพราะผมเขียนกัน upload explanation ซ้ำเอาไว้

ต่อมาจะทดสอบ เพิ่มไฟล์ที่ผมได้สร้างตอนทดสอบ django (link) เลยทำการกลับหน้าหลักหาคำว่า "cat" เพื่อให้สื่อความหมายขึ้นมาหน่อย

หน้าหลัก

 ทำการเข้าคำว่า "cat" ที่หน้าหลัก

 ทดการเลือกไฟล์ แมว.csv

ภาพประกอบไฟล์ แมว.csv จากทดสอบ django (link)

ได้ชื่อไฟล์ถูกแสดง

กดปุ่ม Upload จะได้ "แมวกินปลา" เพิ่มมา โดยในไฟล์มี explanation "แมว" ด้วยแต่ถูก ignore เพราะว่าซ้ำ

ต่อมากลับไปที่คำว่า "test1" อีกครั้งเพื่อทดสอบกด like dislike



กด like คำว่า "ลอง1" จาก 0 จะเปลี่ยนเป็น 1 ตามค่าใน database



กด dislike คำว่า "ลอง2" จาก 0 จะเปลี่ยนเป็น 1 ตามค่าใน database



แต่ว่าเนื่องจากผมไม่ได้รับผิดชอบทำ login system ถึง commit นี้ยังไม่ได้บันทึก user ที่มากด like เหมือนของ wordbucket django เลยสามารถ spam like dislike ได้ตาม ภาพ gif ด้านล่าง

 

ขอจบการอธิบายสิ่งได้ทำใน commit ของผม (commit 8-19) เท่านี้ครับ ขอบคุณครับ