หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

ผู้จัดการบุ๊กมาร์ก

ตอบสนองต่อการตอบสนอง

เป้าหมาย

บุ๊กมาร์กผู้จัดการรวมศูนย์บุ๊กมาร์กทั้งหมดให้สถานที่เดียวสำหรับผู้ใช้ในการจัดเก็บและดึงลิงก์ โครงการเน้นการจัดการทรัพยากรออนไลน์ที่เป็นระเบียบง่าย

กองซ้อน

  • HTML
  • CSS
  • รองเท้าบู๊ต
  • jQuery
  • jQuery UI
  • อาแจ็กซ์
  • PHP
  • mysql

โครงการตอบสนองได้อย่างสมบูรณ์ทำให้มั่นใจได้ว่ามันทำงานได้ในทุกอุปกรณ์

การติดตั้ง

ทำตามขั้นตอนเหล่านี้เพื่อตั้งค่าและเรียกใช้โครงการโดยใช้ XAMPP

ขั้นตอนที่ 1: ติดตั้ง XAMPP

  • ดาวน์โหลด XAMPP: ไปที่หน้าดาวน์โหลด XAMPP และดาวน์โหลดตัวติดตั้งสำหรับระบบปฏิบัติการของคุณ
  • เรียกใช้ตัวติดตั้ง: เปิดตัวติดตั้งที่ดาวน์โหลดและติดตามพรอมต์เพื่อติดตั้ง XAMPP เลือกตัวเลือกเริ่มต้นสำหรับการตั้งค่าที่ราบรื่น
  • ตรวจสอบการติดตั้ง: หลังจากการติดตั้งให้เปิดแผงควบคุม XAMPP เพื่อให้แน่ใจว่าติดตั้ง XAMPP อย่างถูกต้อง

ขั้นตอนที่ 2: เตรียมไฟล์โครงการ

  • แยกที่เก็บโดยคลิกที่ปุ่ม Fork ที่ด้านบนขวาของหน้าที่เก็บ
  • โคลนพื้นที่เก็บข้อมูลของคุณในพื้นที่ 
git clone https://github.com/your-username/repo-name.git
  • นำทางไปยังไดเรกทอรีโครงการ 
 cd repo-name
  • ย้ายโครงการไปยัง XAMPP: คัดลอกไดเรกทอรี repo-name ไปยังไดเรกทอรี htdocs โดยทั่วไปจะพบได้ที่ C:xampphtdocs บน Windows หรือ /opt/lampp/htdocs บน Linux

ขั้นตอนที่ 3: เริ่มเซิร์ฟเวอร์ XAMPP Apache

  • เปิดแผงควบคุม XAMPP: เริ่มแอปพลิเคชันแผงควบคุม XAMPP
  • เริ่มต้น Apache: ในแผงควบคุมให้ค้นหาบริการ Apache และคลิก "เริ่ม" เพื่อเริ่มต้นเว็บเซิร์ฟเวอร์ ตรวจสอบให้แน่ใจว่า Apache กำลังทำงานอยู่ (สถานะของมันควร "ทำงาน" เป็นสีเขียว)

ขั้นตอนที่ 4: ตั้งค่าโฮสต์เสมือนจริง (เป็นทางเลือก แต่แนะนำ)

  • แก้ไขไฟล์ vhosts C:xamppapacheconfextrahttpd-vhosts.conf (windows) หรือ /opt/lampp/etc/extra/httpd-vhosts.conf (Linux)
  • เพิ่มบรรทัดต่อไปนี้ที่ด้านล่างของไฟล์: 
< VirtualHost *:80>
    DocumentRoot " C:/xampp/htdocs/repo-name "
    ServerName repo-name.local
    DirectoryIndex index.html index.php

    < Directory "C:/xampp/htdocs/repo-name">
        AllowOverride All
        Require all granted
    </ Directory >
</ VirtualHost >

ปรับเส้นทางไฟล์หาก XAMPP ของคุณติดตั้งในไดเรกทอรีอื่น

  • เพิ่มรายการสำหรับ repo-name.local ในไฟล์ hosts ของระบบของคุณ:
    • บน Windows ให้เปิด C:WindowsSystem32driversetchosts ในตัวแก้ไขข้อความพร้อมสิทธิ์ผู้ดูแลระบบ
    • บน Linux, แก้ไข /etc/hosts มีสิทธิ์รูท
  • เพิ่มบรรทัดต่อไปนี้ 127.0.0.1 repo-name.local
  • รีสตาร์ท Apache: หลังจากบันทึกการเปลี่ยนแปลงเหล่านี้กลับไปที่แผงควบคุม XAMPP และรีสตาร์ท Apache เพื่อใช้การกำหนดค่าโฮสต์เสมือนใหม่

ขั้นตอนที่ 5: นำเข้าฐานข้อมูลโดยใช้ phpmyadmin

  • เริ่มต้น MySQL Server: ในแผงควบคุม XAMPP ให้คลิก "เริ่ม" ถัดจาก MySQL เพื่อเริ่มต้นเซิร์ฟเวอร์ฐานข้อมูล MySQL
  • เปิด phpmyadmin: ในเบราว์เซอร์ของคุณไปที่ http: // localhost/phpmyadmin
  • คลิกที่แท็บฐานข้อมูลที่ด้านบน
  • ป้อนชื่อสำหรับฐานข้อมูล (เช่น repo-name ) และเลือก utf8_general_ci เป็นการเปรียบเทียบ คลิกสร้าง
  • เลือกฐานข้อมูลที่สร้างขึ้นใหม่จากแถบด้านข้างด้านซ้าย
  • คลิกที่แท็บนำเข้าที่ด้านบน
  • ใต้ไฟล์ที่จะนำเข้าคลิกเลือกไฟล์และเลือกไฟล์ SQL ที่ให้มาพร้อมกับโครงการ
  • ตรวจสอบให้แน่ใจว่ารูปแบบถูกตั้งค่าเป็น SQL จากนั้นคลิกไปที่เริ่มการนำเข้า
  • เมื่อการนำเข้าเสร็จสมบูรณ์คุณควรเห็นข้อความความสำเร็จ ตรวจสอบว่าตารางถูกสร้างขึ้นโดยการเรียกดูฐานข้อมูล

คุณสามารถค้นหาไฟล์ SQL ในไดเรกทอรี sql ของโครงการ

เปลี่ยนชื่อ DB และข้อมูลรับรองในไฟล์ include/database.php

ขั้นตอนที่ 6: เข้าถึงแอปพลิเคชัน

  • เปิดเว็บเบราว์เซอร์: เปิดเว็บเบราว์เซอร์ที่คุณต้องการ
  • เยี่ยมชมแอปพลิเคชัน: ไปที่ http://repo-name.local (หรือ http://localhost/repo-name หากคุณไม่ได้ตั้งค่าโฮสต์เสมือนจริง)
  • ตรวจสอบการตั้งค่า: หน้าแรกของแอปพลิเคชันควรโหลดตอนนี้ระบุว่าแอปพลิเคชันพร้อมใช้งาน

⚓การบริจาค

ยินดีต้อนรับการมีส่วนร่วมและชื่นชมอย่างมาก! หากคุณต้องการมีส่วนร่วมในโครงการนี้โปรดทำตามขั้นตอนเหล่านี้:

  • แยกที่เก็บโดยคลิกที่ปุ่ม Fork ที่ด้านบนขวาของหน้าที่เก็บ
  • โคลนพื้นที่เก็บข้อมูลของคุณในพื้นที่ 
git clone https://github.com/your-username/repo-name.git
  • สร้างสาขาใหม่สำหรับการบริจาคของคุณ 
git checkout -b feature/your-feature-name
  • ทำการเปลี่ยนแปลงและตรวจสอบให้แน่ใจว่ารหัสของคุณสะอาดและจัดรูปแบบอย่างเหมาะสม
  • กระทำการเปลี่ยนแปลงของคุณ 
git commit -m " feat: your feature description "
  • ผลักดันสาขาของคุณไปยังที่เก็บข้อมูลของคุณ 
git push origin feature/your-feature-name
  • ส่งคำขอดึง (PR) โดยไปที่ที่เก็บต้นฉบับและคลิกปุ่ม "คำขอดึงใหม่"

- แนวทางการบริจาค

  • ตรวจสอบให้แน่ใจว่าการเปลี่ยนแปลงของคุณได้รับการทดสอบและบันทึกไว้เป็นอย่างดี
  • ปฏิบัติตามรูปแบบรหัสและโครงสร้างโครงการที่มีอยู่
  • ให้คำอธิบายที่ชัดเจนในการประชาสัมพันธ์ของคุณเกี่ยวกับการเปลี่ยนแปลงและการปรับปรุง
  • เปิดรับข้อเสนอแนะและการอภิปรายในกระบวนการตรวจสอบประชาสัมพันธ์

✉ติดต่อ

- ใบอนุญาต

หากคุณพบว่างานของฉันดีลองให้มันเป็นหรือส้อมเพื่อแสดง❤ มันช่วยให้ฉันอยู่ในการติดตามและมีแรงจูงใจ

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด