หัวข้อ: การจัดการเว็บไซต์ WEBAPP
ลิงค์สาธิต: http://52.28.221.30/account/
คำอธิบาย
ในโครงการนี้ ฉันได้พัฒนาระบบการจัดการเว็บไซต์ซึ่งคุณสามารถทำสิ่งต่อไปนี้:
1: สมัครสมาชิก เข้าสู่ระบบ และกู้คืนรหัสผ่าน
2: อัปโหลด แก้ไข และลบรูปภาพเว็บไซต์ของคุณ
3: เขียน แก้ไข และลบข้อมูลเว็บไซต์ของคุณ เช่น เกี่ยวกับเรา บริการของเรา ฯลฯ
4: ดูและวิเคราะห์สถิติผู้เยี่ยมชมและผู้ใช้ของคุณ 5: API เพื่อเข้าสู่ระบบและสืบค้นฐานข้อมูล
ภาษาประกอบด้วย: PHP, MYSQL (PDO), Javascript, HTML5 และ CSS
วิธีใช้:
ฐานข้อมูล:
คุณจะต้องใช้ XAMPP ที่ใช้งาน PHP 8+ เปลี่ยนชื่อผู้ใช้และรหัสผ่าน mysql เป็น (adminui,#J4dIg0Mn4PiJm0Ck4#) ตามลำดับ เปลี่ยนรายละเอียด db ในไฟล์กำหนดค่า phpmyadmin หากคุณตัดสินใจที่จะใช้รายละเอียดอื่น
รีแคปชา:
ในไฟล์ .env ให้สร้างตัวแปร SECRET_KEY และกำหนดให้กับ google recatcha secrect_key ของคุณและในบรรทัดที่ 8 ใน account.settings.js แทนที่ site_key ด้วยของคุณ
SMTP:
ในไฟล์ .env ให้สร้างตัวแปร SMTP_EMAIL และ SMTP_PASS และกำหนดให้กับรายละเอียดของคุณเอง
ตัวแปรโฮสต์:
ตัวแปร HOST ใน config.php จะเก็บโดเมนรากของเครื่องไว้ และแทนที่ให้ตรงกับโดเมนของคุณ
ตัวแปรโฟลเดอร์รูปภาพ:
ตัวแปร Img_folder ใน config.php จะเก็บโฟลเดอร์เพื่อจัดเก็บรูปภาพ และแทนที่ให้ตรงกับโฟลเดอร์ของคุณ
ตัวแปร MAX REG:
ตัวแปร MAX_REG ใน config.php เก็บจำนวนผู้ใช้ (ผู้ดูแลระบบ) ที่คุณต้องการอนุญาต
การติดตามสถิติผู้เยี่ยมชม
เพิ่ม need_once('includes/tracking.php'); ที่ด้านบนของ Login.php หรือหน้า/ไฟล์อื่นๆ ที่คุณเลือก คุณยังสามารถส่งคำขอไปที่ *yourdomain/account/tracking.php เพื่อบันทึกการเข้าชมได้
ไฟล์:
config.php :
ไฟล์นี้ประกอบด้วย ตัวแปรโกลบอล และการเริ่มต้นฐานข้อมูล
ฟังก์ชั่น.php :
ในไฟล์นี้เป็นฟังก์ชันที่ใช้ร่วมกันทั้งหมด ซึ่งต้องใช้ฟังก์ชันของ config.php
index.php :
นี่คือเจ้าของหลักสำหรับเพจทั้งหมด โดยจะสลับระหว่างเพจต่างๆ ตามค่าของ action และ subAction จากพารามิเตอร์ url action และ subAction ตามลำดับ โดยต้องการฟังก์ชันการทำงานของ functions.php , include/actions.php , รวม/ส่วนหัว .php รวมถึง/footer.php
เข้าสู่ระบบ.php :
ไฟล์นี้เก็บตรรกะการตรวจสอบสิทธิ์การเข้าสู่ระบบ โดยต้องใช้ฟังก์ชันการทำงานของ Functions.php
logout.php :
ไฟล์นี้สำหรับการทำลายเซสชันและการออกจากระบบของผู้ใช้ โดยต้องมีฟังก์ชันการทำงานของ Functions.php
ผู้กู้คืนรหัสผ่าน.php :
ไฟล์นี้ใช้สำหรับการกู้คืนรหัสผ่าน โดยต้องใช้ฟังก์ชันการทำงานของ Functions.php
signup.php :
ไฟล์นี้เก็บตรรกะการตรวจสอบสิทธิ์การสมัครใช้งาน โดยต้องใช้ฟังก์ชันการทำงานของ Functions.php
ติดตาม.php :
ไฟล์นี้มีไว้สำหรับติดตามและบันทึกข้อมูลของผู้เยี่ยมชมผ่าน IP ซึ่งต้องการฟังก์ชันการทำงานของ Functions.php
api.handledata.php :
ไฟล์นี้เก็บตรรกะการจัดการข้อมูลทั้งหมด เช่น การอัปโหลด การแก้ไข และการลบข้อมูล โดยต้องใช้ฟังก์ชันการทำงานของ Functions.php
js/account.settings.js :
ไฟล์นี้เก็บตรรกะและฟังก์ชันการทำงานของจาวาสคริปต์ เช่น Google Recaptcha, การส่งคำขอ XML ไปที่แบ็กเอนด์, การโต้ตอบกับเพจ, บันทึกเปอร์เซ็นต์ความแตกต่างระหว่างสถิติผู้ใช้และผู้เยี่ยมชม และต้องใช้ฟังก์ชันบางอย่างของ include/footer.php
css/account.style.css :
ไฟล์นี้เก็บทุกสไตล์ของโปรแกรมนี้
รวมถึง/actions.php :
ไฟล์นี้เก็บฟังก์ชันในการจัดเรียงและแสดง html ของเพจ และเป็นข้อมูลตามที่ index.php กำหนดไว้ ซึ่งจำเป็นต้องมีฟังก์ชันบางอย่างของ ฟังก์ชัน function.php
รวมถึง/header.php :
ไฟล์นี้มีฟังก์ชันเพื่อแสดง ส่วนหัว และส่วน หัว ของเว็บไซต์โดยรวม โดยต้องมีฟังก์ชันบางอย่างของ function.php และ include/tags.php
รวมถึง/tags.php :
ไฟล์นี้เก็บ เมตาแท็ก html และลิงก์ไฟล์ทั้งหมดที่จะเพิ่มในส่วน หัว ของเว็บไซต์โดยรวม เพื่อให้แต่ละหน้ามีชื่อเป็นของตัวเอง
รวมถึง/footer.php :
ไฟล์นี้เก็บส่วน ท้าย ทั้งหมดของ html และจาวาสคริปต์บางส่วนของเว็บไซต์โดยรวม
ภาพ :
โฟลเดอร์นี้เก็บรูปภาพที่อัพโหลดทั้งหมด
ผู้ขาย :
โฟลเดอร์นี้มีปลั๊กอิน php บางตัว เช่น autoload และ symphony
ผู้แต่ง.ล็อค & composer.json :
นี่คือแพ็คเกจ php สำหรับการติดตั้งแพ็คเกจและปลั๊กอิน
วิธีการใช้งาน API
เข้าสู่ระบบ
ในการเข้าสู่ระบบ ขั้นแรกคุณต้องสร้างบัญชีบนหน้าเว็บ จากนั้นระบุอีเมลและรหัสผ่านเป็นข้อมูล json เช่น {"email": "[email protected]", "รหัสผ่าน": "testing12345"}, ส่งคำขอโพสต์ ไปที่ http://52.28.221.30/account/api/login.php และคุณจะได้รับโทเค็น ( โทเค็นจะหมดอายุใน 48 ชั่วโมง ) ตัวอย่างการตอบกลับ const data = {"success":true,"message":เข้าสู่ระบบสำเร็จ", "access_token": "ac9e4fd897999fa3419bec77718de76c"} ด้วย Access Token คุณสามารถดำเนินการ crud ได้
การดำเนินงานน้ำมันดิบ
การเข้าถึงนี้มีไว้สำหรับผู้ใช้ที่เข้าสู่ระบบเท่านั้น ในการดำเนินการนี้ คุณจะต้องส่งคำขอ โพสต์ ไปที่ http://52.28.221.30/account/handledata.php
ส่วนหัว: เพื่อให้การดำเนินการนี้ประสบความสำเร็จ คุณจะต้องตั้งค่าส่วนหัวด้วยโทเค็นการเข้าถึงเป็นการอนุญาต เช่น const HEADERS = {"Content-Type": "application/json", "Authorisation": "Bearer a3f714e812578a46d97f703ed2a99b59" }.
เนื้อหาคำขอ: มีการดำเนินการหลักสองรายการ ได้แก่ รูปภาพและข้อความ คุณควรระบุข้อมูล json ตามการดำเนินการ
รูปภาพ:
ข้อมูลรูปภาพ : const data = {"data": [{"old_name": "example.extension", "image_name": "example.extension", "image_blob": "ประกอบด้วยข้อมูล base64 ของรูปภาพ", "xtension":ถึง ระบุได้ถ้า operation=upload}],"origin": "api_req", "type": "image", "category": "galleries", "sub_category": "ที่จะระบุ (รูปภาพไซต์, รอยสัก, ภาพวาด)", "การดำเนินการ": "ที่จะระบุ (แก้ไข, ลบ, อัปโหลด)", "สถานะ": "เปลี่ยนแปลง"}
ข้อความ:
ข้อมูลข้อความ : const data = {"data": to be specified,"origin": "api_req", "type": "textual", "category": about/services, "sub_category": "to be specified" ,"การดำเนินการ": "ที่จะระบุ", "สถานะ": "เปลี่ยนแปลง"}
การรับข้อมูล: หากต้องการรับข้อมูล ให้ส่งคำขอ Get ไปที่ http://52.28.221.30/account/api/readdata.php โดยระบุ action , sub action , page และ Limit
เช่น คำขอ : http://52.28.221.30/account/api/readdata.php?action=galleries&sub=site-images&page=0&limit=4,
เช่น การตอบสนอง : {'success': True, 'page': '0', 'limit': '4', 'total_data_count': 12, 'data_count': 4, 'data': [{'img_url': 'http ://127.0.0.1/backend/account/images/site-images/favicon-sm.ico'}, {'img_url': 'http://127.0.0.1/backend/account/images/site-images/favicon-lg.ico'}, {'img_url': 'http://127.0.0.1/backend/account/images/site-images /23891556799905703.png'}, {'img_url': 'http://127.0.0.1/backend/account/images/site-images/youtube-circle-black.png'}]}
