simple contact form

แบบฟอร์มการติดต่ออย่างง่าย

แบบฟอร์มการติดต่ออย่างง่ายที่ส่งอีเมลไปยังเจ้าของเว็บไซต์โดยใช้ PHP, jQuery, Ajax, bootstrap, CSS และ MySQL

หัวข้อ : PHP, แบบฟอร์มการติดต่อ, อีเมล, Ajax, jQuery, bootstrap, CSS, MySQL PDO, การพัฒนาเว็บ

คุณสมบัติ

• แบบฟอร์มการติดต่ออย่างง่าย
• การแจ้งเตือนทางอีเมลไปยังเจ้าของเว็บไซต์
• จัดเก็บข้อความในฐานข้อมูล

กระบวนการติดตั้ง

1. โคลนที่เก็บ :

   git clone https://github.com/yourusername/simple-contact-form.git
   cd simple-contact-form

2. การตั้งค่าฐานข้อมูล :

   • สร้างฐานข้อมูล MySQL ใหม่
   • นำเข้าไฟล์ database.sql ที่ให้ไว้เพื่อตั้งค่าตารางที่จำเป็น
   • อัปเดตการกำหนดค่าฐานข้อมูลใน config.php
   • นำเข้าไฟล์ SQL ที่ให้ไว้เพื่อตั้งค่าตารางที่จำเป็น

   mysql -u yourusername -p contact_form_db < database.sql

3. กำหนดค่าการเชื่อมต่อฐานข้อมูล:

   • เปิดไฟล์ config.php และอัปเดตข้อมูลรับรองฐานข้อมูล

       <?php
          define ( ' DB_HOST ' , ' localhost ' );
          define ( ' DB_NAME ' , ' contact_form_db ' );
          define ( ' DB_USER ' , ' root ' );
          define ( ' DB_PASS ' , ' password ' );
       ?>

4. ตั้งค่าบริการอีเมล:

   • อัปเดตไฟล์ send_email.php ด้วยการกำหนดค่าอีเมลของคุณ

5. เริ่มต้นเซิร์ฟเวอร์ PHP ในเครื่อง:

   • เริ่มต้นเซิร์ฟเวอร์ PHP ในตัว

     php -S localhost:8000

6. เข้าถึงแอปพลิเคชัน:

   • เปิดเว็บเบราว์เซอร์ของคุณและนำทางไปที่ http://localhost:8000

การใช้งาน

1. เปิดแอปพลิเคชันในเว็บเบราว์เซอร์ของคุณ
2. กรอกแบบฟอร์มการติดต่อและส่ง
3. ข้อความจะถูกส่งไปยังอีเมลของเจ้าของเว็บไซต์และเก็บไว้ในฐานข้อมูล

โครงสร้างไฟล์

นี่คือโครงสร้างไฟล์พื้นฐานสำหรับแอปพลิเคชันแบบสัมผัสแบบง่าย ๆ ของคุณ:

 simple-contact-form/
├── css/
│   └── styles.css
├── js/
│   └── script.js
├── config.php
├── index.php
├── process_form.php
├── send_email.php
└── README.md