Merhaba,
Örnek kodlarını paylaşırsan, yardımcı olma olasılığı daha yüksektir arkadaşım.

<?php

// Katılımcı sayısını kontrol et
$stmt = $pdo->prepare("SELECT COUNT(*) FROM participants");
$stmt->execute();
$participantCount = $stmt->fetchColumn();

// Katılımcı ekleme işlemi
$message = '';
if ($_SERVER["REQUEST_METHOD"] == "POST" && $participantCount < 100) {
    $name = $_POST['name'];
    $email = $_POST['email'];

    // Katılımcıyı veritabanına ekle
    $stmt = $pdo->prepare("INSERT INTO participants (name, email) VALUES (:name, :email)");
    try {
        $stmt->execute([':name' => $name, ':email' => $email]);
        $message = 'Başarıyla katıldınız!';
    } catch (PDOException $e) {
        $message = 'Katılım başarısız: ' . $e->getMessage();
    }
}

// Güncel katılımcı sayısını tekrar al
$stmt->execute();
$participantCount = $stmt->fetchColumn();
?>

PHPMailer ile Mail Gönderme

PHPMailer, PHP ile mail göndermek için kullanılan popüler ve güçlü bir kütüphanedir. SMTP sunucu üzerinden güvenli bir şekilde mail göndermek için kullanabilirsiniz. İlk adım olarak PHPMailer'ı projenize dahil etmeniz gerekmektedir. Composer kullanıyorsanız, PHPMailer'ı projenize aşağıdaki komut ile ekleyebilirsiniz:

composer require phpmailer/phpmailer

Ardından, PHPMailer ile bir mail göndermek için aşağıdaki örneği kullanabilirsiniz:

<?php
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

require 'vendor/autoload.php'; // Composer autoload dosyası

$mail = new PHPMailer(true);

try {
    //Server ayarları
    $mail->SMTPDebug = 0; // Hata ayıklama çıktısını etkinleştirmek için 2 yapın
    $mail->isSMTP(); // SMTP kullanarak gönderim yap
    $mail->Host       = 'smtp.example.com'; // SMTP sunucunuzun adresi
    $mail->SMTPAuth   = true; // SMTP kimlik doğrulaması kullan
    $mail->Username   = '[email protected]'; // SMTP kullanıcı adınız
    $mail->Password   = 'sifre'; // SMTP şifreniz
    $mail->SMTPSecure = 'tls'; // Şifreleme için 'tls' veya 'ssl' kullanın
    $mail->Port       = 587; // TCP portu

    //Alıcılar
    $mail->setFrom('[email protected]', 'Gonderen Adi');
    $mail->addAddress('[email protected]', 'Alici Adi'); // Alıcı adresi ve adı (isteğe bağlı)

    // İçerik
    $mail->isHTML(true); // E-posta formatını HTML olarak ayarla
    $mail->Subject = 'Test Maili';
    $mail->Body    = 'Bu bir <b>HTML mail</b> içeriğidir.';
    $mail->AltBody = 'Bu bir HTML mail içeriğidir.';

    $mail->send();
    echo 'Mail başarıyla gönderildi';
} catch (Exception $e) {
    echo "Mail Gönderimi Başarısız. Hata: {$mail->ErrorInfo}";
}
?>

Bu örnekler, basit mail gönderim işlemleri için bir başlangıç noktası sunar. Ancak, gerçek bir projede kullanmadan önce, SMTP sunucu ayarlarınızı ve güvenlik ayarlarınızı doğru şekilde yapılandırdığınızdan em

in olun. PHPMailer dokümantasyonunda daha gelişmiş özellikler ve kullanım senaryoları hakkında daha fazla bilgi bulabilirsiniz.

React ve Tailwind CSS ile geliştirdiğiniz bu kodda, arka plan renginin değişikliği için butona iki kez tıklamanız gerektiğini belirtmişsiniz. Tek tıklamayla arka plan rengini değiştirmek istiyorsanız, problemin muhtemelen React'in state yönetimi veya Tailwind CSS'in dinamik sınıflarının kullanımıyla ilgili olduğunu düşünebiliriz.

Kodunuzda doğrudan bir arka plan rengi değişikliği ile ilgili bir işlem göremiyorum, ancak genel bir çözüm önerisi sunabilirim. Eğer arka plan rengini dinamik olarak değiştirmek istiyorsanız, React'te bir state kullanarak bu işlemi yönetebilirsiniz. Örneğin, bir butona tıkladığınızda arka plan rengini değiştiren basit bir örnek:

import React, { useState } from "react";
import { NavLink, useNavigate } from "react-router-dom";
import { useModal } from "../ModalContext";
import "./aside.css";

function Aside() {
  const { openModal } = useModal();
  const navigate = useNavigate();
  // Arka plan rengini kontrol etmek için bir state tanımlayın
  const [bgColor, setBgColor] = useState("bg-blue-500"); // Başlangıç rengi

  const handleNewPostClick = () => {
    openModal();
  };

  const handleJournalClick = () => {
    navigate('/');
    // Arka plan rengini değiştir
    setBgColor("bg-green-500"); // Yeni renk
  };

  const handleRolidClick = () => {
    navigate('/rolid');
    // Arka plan rengini değiştir
    setBgColor("bg-red-500"); // Yeni renk
  };

  return (
    <div className={`fixed bottom-0 z-50 w-full -translate-x-1/2 border-t border-blue-500 left-1/2 ${bgColor}`} style={{ backgroundColor: "#1b2642" }}>
      <div className="w-full">
        <div className="grid max-w-xs grid-cols-2 gap-1 px-1 py-0.5 mx-auto my-1 bg-blue-200 rounded-lg dark:bg-white" role="group">
          <button type="button" className="px-4 py-1 text-xs font-medium text-white-90 rounded-lg" onClick={handleJournalClick}>
            Journal
          </button>
          <button type="button" className="px-4 py-1 text-xs font-medium text-white-90 rounded-lg" onClick={handleRolidClick}>
            Rolid
          </button>
        </div>
      </div>
    </div>
  );
}

export default Aside;

Bu örnekte, useState hook'u kullanılarak bgColor adında bir state tanımlanmış ve bu state, arka plan rengini tutmak için kullanılmıştır. Butonlara tıklama işlemleri sırasında setBgColor fonksiyonu ile bu state güncellenir ve böylece dinamik olarak arka plan rengi değiştirilmiş olur.

Çok dilli bir sistem oluşturmak aslında düşündüğünüzden daha basit olabilir. Örneğin, bir blog yazısı eklemek istiyorsunuz ve bu yazının farklı dil versiyonları olacak. Bu durumda, başlık ve açıklamaları JSON formatında kaydedebilirsiniz. Böylece, Türkçe (TR), İngilizce (EN), Rusça (RU) gibi farklı dillerdeki versiyonlarını kolayca sorgulayabilir ve yönetebilirsiniz.

Dil desteği için gerekli olan diğer temel dosyaları ise, sabit bir PHP dosyası oluşturarak yönetebilirsiniz. Bu dosyayı düzenleyerek, uygulamanızın ihtiyaç duyduğu dil yapılandırmalarını kolayca ekleyebilir ve güncelleyebilirsiniz. Dil sistemi konusunda yaratıcılığınızı serbest bırakabilirsiniz; çünkü bu alanda uygulanabilecek çok sayıda yöntem ve mantık vardır. Her türlü yaklaşımı deneyerek, projeniz için en uygun çözümü bulabilirsiniz.

Merhaba!

1. JavaScript ile Resim Döndürme:
   Kullanıcılar resmi yüklediğinde, JavaScript kullanarak resmin oryantasyonunu kontrol edebilir ve gerektiğinde döndürebilirsiniz. Exif.js gibi kütüphaneler, resim dosyalarının içindeki EXIF verilerini okuyarak resmin doğru oryantasyonunu bulmanıza yardımcı olabilir.

   Örnek kullanım (Exif.js kütüphanesi kullanarak):

   <script src="https://cdn.jsdelivr.net/npm/exif-js"></script>
   <input type="file" id="fileInput" accept="image/*" onchange="handleFileSelect(event)">
   <img id="previewImage" alt="Preview">
   
   <script>
     function handleFileSelect(event) {
       const file = event.target.files[0];
       if (file) {
         const reader = new FileReader();
         reader.onload = function (e) {
           const img = new Image();
           img.src = e.target.result;
           img.onload = function () {
             const orientation = EXIF.getTag(this, "Orientation");
             const rotatedImage = rotateImage(img, orientation);
             document.getElementById("previewImage").src = rotatedImage.src;
           };
         };
         reader.readAsDataURL(file);
       }
     }
   
     function rotateImage(img, orientation) {
       const canvas = document.createElement("canvas");
       const ctx = canvas.getContext("2d");
   
       if (orientation > 4) {
         canvas.width = img.height;
         canvas.height = img.width;
       } else {
         canvas.width = img.width;
         canvas.height = img.height;
       }
   
       switch (orientation) {
         case 2:
           ctx.transform(-1, 0, 0, 1, img.width, 0);
           break;
         case 3:
           ctx.transform(-1, 0, 0, -1, img.width, img.height);
           break;
         case 4:
           ctx.transform(1, 0, 0, -1, 0, img.height);
           break;
         case 5:
           ctx.transform(0, 1, 1, 0, 0, 0);
           break;
         case 6:
           ctx.transform(0, 1, -1, 0, img.height, 0);
           break;
         case 7:
           ctx.transform(0, -1, -1, 0, img.height, img.width);
           break;
         case 8:
           ctx.transform(0, -1, 1, 0, 0, img.width);
           break;
         default:
           ctx.transform(1, 0, 0, 1, 0, 0);
           break;
       }
   
       ctx.drawImage(img, 0, 0);
       const rotatedImage = new Image();
       rotatedImage.src = canvas.toDataURL("image/jpeg");
       return rotatedImage;
     }
   </script>
   

2. PHP ile Güncelleme:
   Ardından, döndürülen resmi sunucuya yüklediğinizde, PHP veya başka bir sunucu tarafı dili kullanarak resmi güncelleyebilir ve veritabanındaki ismini değiştirebilirsiniz.

   Örnek PHP kodu (sadece fikir vermesi açısından):

   $uploadedImagePath = 'path/to/uploaded/image.jpg';
   $rotatedImagePath = 'path/to/uploaded/rotated_image.jpg';
   
   $img = imagecreatefromjpeg($uploadedImagePath);
   $rotatedImg = imagerotate($img, 90, 0); // 90 derece saat yönüne döndürme
   imagejpeg($rotatedImg, $rotatedImagePath);
   imagedestroy($img);
   imagedestroy($rotatedImg);
   
   // Veritabanında ismi güncelle
   // Örneğin: UPDATE images SET filename = 'rotated_image.jpg' WHERE filename = 'image.jpg';
   

1. index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Menü Örneği</title>
</head>
<body>

    <!-- Sol Menü -->
    <div id="solMenu">
        <ul>
            <li><a href="#" onclick="loadContent('sol_menu.html')">Kategori 1</a></li>
            <li><a href="#" onclick="loadContent('sag_icerik.html')">Kategori 2</a></li>
            <!-- Diğer kategorileri buraya ekleyebilirsiniz -->
        </ul>
    </div>

    <!-- Sağ İçerik Alanı -->
    <div id="sagIcerik">
        <!-- İlk açılışta görüntülenecek içerik -->
        <iframe src="sol_menu.html" width="100%" height="500px" frameborder="0"></iframe>
    </div>

    <script>
        function loadContent(htmlDosya) {
            // Sağ içerik alanına iframe üzerinden HTML dosyasını yükle
            document.getElementById("sagIcerik").innerHTML = `<iframe src="${htmlDosya}" width="100%" height="500px" frameborder="0"></iframe>`;
        }
    </script>

</body>
</html>

Bu örnek, sol menüdeki her kategoriye tıklandığında loadContent fonksiyonunu çağırarak sağ içerik alanındaki iframe'e ilgili HTML dosyasını yükler. Uygulamayı daha da genişletmek için kategori sayısını artırabilir ve dosya adlarını güncelleyebilirsiniz.

Bu tür bir sorunla karşılaştığınızda birkaç farklı nedene bakmanız gerekebilir. İşte sorununuzu çözmek için kontrol etmeniz gereken bazı olası nedenler:

1. CORS (Cross-Origin Resource Sharing) Ayarları:

   • POST isteği yaparken tarayıcılar genellikle aynı kök etki alanına (origin) sahip olmalıdır. Farklı alt alanlara (subdomain) yapılan POST istekleri için CORS ayarlarını kontrol edin.
   • server.mydomain.com'daki ExpressJS sunucusunda CORS başlıklarını düzenleyin. ExpressJS uygulamanızda cors middleware kullanarak bu başlıkları ayarlayabilirsiniz.

2. Firewall veya Güvenlik Duvarı Ayarları:

   • Sunucunuzdaki güvenlik duvarı, POST isteklerini engelliyor olabilir. Hosting sağlayıcınızın cPanel arayüzünden güvenlik duvarı ayarlarını kontrol edin.

3. Network Sorunları:

   • Sunucunuzun network ayarlarını kontrol edin. Özellikle router ayarları ve DNS konfigürasyonlarını gözden geçirin.

4. HTTP ve HTTPS Sorunları:

   • Farklı protokollerle (HTTP ve HTTPS) çalışan sunucular arasında da CORS sorunları yaşanabilir. İsteklerinizi aynı protokolle yapmaya çalışın. Örneğin, her iki sunucunuzu da HTTPS üzerinden çalıştırmayı deneyin.

5. Timeout Ayarları:

   • İstek zaman aşımına (timeout) neden olabilecek sunucu veya istemci tarafındaki timeout ayarlarını kontrol edin.

6. Header Problemleri:

   • POST isteği sırasında gönderilen başlıkları ve veriyi kontrol edin. Yanlış başlık ayarları veya eksik bilgiler, sunucunuzun isteği doğru bir şekilde işleyememesine neden olabilir.

7. Günlükleri Kontrol Etme:

   • Sunucunuzdaki günlükleri (logları) kontrol ederek, isteğin neden zaman aşımına uğradığını veya başarısız olduğunu anlamaya çalışın.

Yukarıdaki kontrollerden sonra sorun hala çözülmezse, daha fazla bilgi edinmek ve sorunu daha iyi tanımlamak için günlükleri (logları) incelemek yararlı olabilir.

Tabii ki, işte CORS sorununu çözmek için ExpressJS uygulamanızda kullanabileceğiniz basit bir CORS yapılandırması:

1. Önce, Express uygulamanızın başında cors middleware'ini kullanarak CORS ayarlarınızı yapılandırın. npm install cors komutu ile önce cors middleware'ini yüklemeniz gerekebilir.

const express = require('express');
const cors = require('cors');

const app = express();

// CORS middleware'i ekleyerek tüm kaynaklara erişime izin ver
app.use(cors());

// Diğer middleware ve route tanımlamaları buraya gelecek

const PORT = process.env.PORT || 3000;

app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

Yukarıdaki kod, tüm kaynaklardan gelen isteklere izin vererek en geniş CORS konfigürasyonunu sağlar. Daha fazla kontrol istiyorsanız, CORS middleware'inin seçeneklerini belirleyebilirsiniz.

2. CORS middleware'inin özelleştirilmiş seçeneklerini kullanarak sadece belirli kaynaklardan gelen isteklere izin verme örneği:

const express = require('express');
const cors = require('cors');

const app = express();

// Sadece belirli kaynaklardan gelen isteklere izin ver
const corsOptions = {
  origin: ['http://mydomain.com', 'https://mydomain.com'],
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  credentials: true,
  optionsSuccessStatus: 204,
};

app.use(cors(corsOptions));

// Diğer middleware ve route tanımlamaları buraya gelecek

const PORT = process.env.PORT || 3000;

app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

Bu örnekte, sadece belirli kökenlere (origin) izin veriliyor ve belirli HTTP metotları destekleniyor. credentials seçeneği, isteğin kimlik doğrulama bilgilerini içerip içermediğini belirler.

Bu örneklerden birini ExpressJS uygulamanıza uyguladıktan sonra, CORS sorununun çözülüp çözülmediğini kontrol edebilirsiniz.