Module 2: මූලික සැකසුම: PHP Server සහ Database

අපගේ Live CRUD යෙදුම සෑදීමට අවශ්‍ය පරිසරය (environment) සකසා ගනිමු.

1. XAMPP යනු කුමක්ද?

PHP කේත ක්‍රියාත්මක කිරීමට සහ MySQL දත්ත සමුදායක් (database) භාවිතා කිරීමට අපට web server එකක් අවශ්‍ය වේ. XAMPP යනු මේ සියල්ල පහසුවෙන් install කරගත හැකි නිදහස් මෘදුකාංග පැකේජයකි.

එහි නම සෑදී ඇත්තේ:

  • X - Cross-Platform (Windows, Mac, Linux ඕනෑම එකක ක්‍රියා කරයි)
  • A - Apache (අප භාවිතා කරන Web Server එක)
  • M - MariaDB (MySQL සඳහා විකල්පයක්, නමුත් ක්‍රියාකාරීත්වය සමාන වේ)
  • P - PHP (අපගේ programming language එක)
  • P - Perl (තවත් programming language එකක්)

2. XAMPP Install කිරීම

  1. apachefriends.org නිල වෙබ් අඩවියට පිවිසෙන්න.
  2. ඔබගේ මෙහෙයුම් පද්ධතියට (Windows, macOS, or Linux) ගැලපෙන XAMPP අනුවාදය බාගන්න (Download).
  3. බාගත් ගොනුව run කර installer එකේ උපදෙස් පිළිපදින්න. සාමාන්‍යයෙන් default settings වෙනස් කිරීමට අවශ්‍ය නැත.
  4. Install වූ පසු, XAMPP Control Panel එක විවෘත කරන්න.

XAMPP Control Panel එක පහත රූපයේ ආකාරයට දිස්වනු ඇත.

XAMPP Control Panel

Control Panel එකේ, Apache සහ MySQL ඉදිරියෙන් ඇති "Start" බොත්තම් click කරන්න. ඒවායේ නම් කොළ පැහැයට හැරී Ports (උදා: 80, 443, 3306) පෙන්වයි නම්, server එක සහ database එක සාර්ථකව ක්‍රියාත්මක වේ.

3. Project Folder එක සෑදීම

අපගේ සියලුම project files තැබිය යුත්තේ XAMPP install කල ස්ථානයේ ඇති htdocs ෆෝල්ඩරය තුලය. (උදා: Windows වල C:\xampp\htdocs\).

දැන්, htdocs ෆෝල්ඩරය තුල live-crud-ajax නමින් අලුත් ෆෝල්ඩරයක් සාදන්න. අපගේ පාඨමාලාවේ සියලුම files (index.html, module1.html, etc.) අපි මෙම ෆෝල්ඩරය තුල තබමු.

4. Database සහ Table එක නිර්මාණය කිරීම

දැන් අපගේ යෙදුමට අවශ්‍ය database එක සහ දත්ත ගබඩා කිරීමට table එකක් සාදා ගනිමු.

  1. ඔබගේ web browser එක විවෘත කර http://localhost/phpmyadmin වෙත පිවිසෙන්න.
  2. වම් පස ඇති "New" click කරන්න, නැතහොත් ඉහළින් ඇති "Databases" tab එක click කරන්න.
  3. "Database name" යටතේ ajax_course_db ලෙස ටයිප් කරන්න.
  4. Collation එක සඳහා utf8mb4_general_ci තෝරා "Create" බොත්තම click කරන්න.

Database එක සෑදූ පසු, table එකක් සෑදීමට ඔබව යොමු කරනු ඇත.

  • Table Name: users
  • Number of columns: 4

"Go" බොත්තම click කරන්න. දැන් පහත පරිදි columns 4 සාදන්න.

Name Type Length/Values Index A_I (AUTO_INCREMENT)
id INT 11 PRIMARY ✓ (Check this box)
name VARCHAR 255
email VARCHAR 255
created_at TIMESTAMP Default: CURRENT_TIMESTAMP

"Save" බොත්තම click කරන්න.

සුභ පැතුම්! ඔබ දැන් PHP සහ MySQL සමඟ වැඩ කිරීමට අවශ්‍ය සම්පූර්ණ development environment එක සකසා අවසන්. මීළඟ පාඩමේදී, අපගේ පළමු Ajax request එක යවන ආකාරය ඉගෙන ගනිමු.

« Previous Module Next Module »