เคส AppML
กรณีศึกษานี้สาธิตวิธีสร้างแอปพลิเคชันอินเทอร์เน็ตโดยใช้ AppML
ส่วนที่ 1: การเข้าถึงไฟล์อินเทอร์เน็ต
- การเข้าถึงไฟล์ TEXT
- การเข้าถึงไฟล์ XML
- การเข้าถึงไฟล์ JSON
ส่วนที่ II: การเข้าถึงฐานข้อมูลอินเทอร์เน็ต
- แสดงรายการข้อมูลฐานข้อมูล
- การกรองข้อมูลฐานข้อมูล
- การแก้ไขข้อมูลฐานข้อมูล
เบราว์เซอร์ AppML และเซิร์ฟเวอร์ AppML
ในกรณีศึกษานี้ AppML จะทำงานทั้งในเบราว์เซอร์ (appml.js) และบนเซิร์ฟเวอร์ (appml.php)
เราจะใช้เว็บเซิร์ฟเวอร์ ที่https://www.w3schools.com
ไฟล์และฐานข้อมูลทั้งหมดอยู่บนเซิร์ฟเวอร์
ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีจำลองเว็บเซิร์ฟเวอร์ในเบราว์เซอร์
ไฟล์ข้อความ
เพื่อสาธิตวิธีเข้าถึงไฟล์ข้อความ เราได้ใช้ไฟล์ดังนี้:
cd_catalog.txt
Empire Burlesque,Bob Dylan,USA,Columbia,10.90,1985
Hide your heart,Bonnie
Tyler,UK,CBS Records,9.90,1988
Greatest Hits,Dolly
Parton,USA,RCA,9.90,1982
Still got the blues,Gary Moore,UK,Virgin
records,10.20,1990
.
.
ไฟล์ XML
เพื่อสาธิตวิธีเข้าถึงไฟล์ XML เราได้ใช้ไฟล์ดังนี้:
cd_catalog.xml
<?xml version="1.0" encoding="ISO-8859-1"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<PUBLISHED>1985</PUBLISHED>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<PUBLISHED>1988</PUBLISHED>
</CD>
.
.
ไฟล์ JSON
เพื่อสาธิตวิธีเข้าถึงไฟล์ JSON เราได้ใช้ไฟล์ดังนี้:
cd_catalog.js
{
"cd" : [
{ "title" : "Empire Burlesque", "artist" : "Bob Dylan",
"price" : "10.90" },
{ "title" : "Hide your heart", "artist" :
"Bonnie Tyler", "price" : "9.90" },
{ "title" : "Greatest Hits",
"artist" : "Dolly Parton", "price" : "9.90" },
{ "title" : "Still got
the blues", "artist" : "Gary Moore", "price" : "10.20" },
.
.
ฐานข้อมูล
ฐานข้อมูลทดสอบของเรามีหลายตารางดังนี้:
ลูกค้า
Customer | Address | City | Country |
---|---|---|---|
Around the Horn | 120 Hanover Sq. | London | UK |
Berglunds snabbkjøp | Berguvsvägen 8 | Luleå | Sweden |
Blauer See Delikatessen | Forsterstr. 57 | Mannheim | Germany |
Blondel père et fils | 24, place Kléber | Strasbourg | France |
Bólido Comidas preparadas | C/ Araquil, 67 | Madrid | Spain |
Bottom-Dollar Markets | 23 Tsawassen Blvd. | Tsawassen | Canada |
ซัพพลายเออร์
Supplier | Address | City | Country |
---|---|---|---|
Exotic Liquid | 49 Gilbert St. | London | UK |
New Orleans Cajun Delights | P.O. Box 78934 | New Orleans | USA |
Grandma Kelly's Homestead | 707 Oxford Rd. | Ann Arbor | USA |
Tokyo Traders | 9-8 SekimaiMusashino-shi | Tokyo | Japan |
Cooperativa de Quesos 'Las Cabras' | Calle del Rosal 4 | Oviedo | Spain |
Mayumi's | 92 Setsuko Chuo-ku | Osaka | Japan |
Pavlova, Ltd. | 74 Rose St. Moonie Ponds | Melbourne | Australia |
Specialty Biscuits, Ltd. | 29 King's Way | Manchester | UK |
PB Kn ckebr d AB | Kaloadagatan 13 | G teborg | Sweden |
Refrescos Americanas LTDA | Av. das Americanas 12.890 | S o Paulo | Brazil |
สินค้า
Product | Quantity Per Unit | Unit Price | Units In Stock |
---|---|---|---|
Chai | 10 boxes x 20 bags | 18 | 39 |
Chang | 24 - 12 oz bottles | 19 | 17 |
Aniseed Syrup | 12 - 550 ml bottles | 10 | 13 |
Chai | 10 boxes x 20 bags | 18 | 39 |
Chef Anton's Gumbo Mix | 36 boxes | 21 | 0 |
Grandma's Boysenberry Spread | 12 - 8 oz jars | 25 | 120 |
Uncle Bob's Organic Dried Pears | 12 - 1 lb pkgs. | 30 | 15 |
Northwoods Cranberry Sauce | 12 - 12 oz jars | 40 | 6 |
Mishi Kobe Niku | 18 - 500 g pkgs. | 97 | 29 |
Ikura | 12 - 200 ml jars | 31 | 31 |