Cix
4 سال پیش توسط Cix مطرح شد
4 پاسخ

استفاده از متغییر های php در css

سلام و ادب.

دوستان من یک دیتابیس ساختم برای تنظیمات وب سایت مثل رنگ هدر و فوتر که کاربر بتونه کنترل کنه. اما الان سوال اینجاس چجوری اطلاعات را بخونم.
یک فایل php داخل فولدر public ساختم و بعد با تنظیم هدر اوکی شد برای تنظیم دستی و تست. اما وقتی میخوام اطلاعات را از داخل دیتابیس بخونم ارور میده class not found

با include و require و ... هم که کلاس را از app میخونم بازم نمیشه not found میده. import class هم که میکنم همین طور. میشه راهنمایی یا پیشنهاد بدید چه کنم؟

ممنون


ثبت پرسش جدید
محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 4 سال پیش آپدیت شد
0

دوست عزیز. برای پاسخ به این چالش باید به تفاوت فراند اند و بک اند و جایگاه نقش هرکدوم + فرایند ارسال request به سرور و نحوه render شدن response و در نهایت نحوه تفسیر این کدها توسط مرورگر بیشتر توجه داشت.

دیتابیس و جایی که اطلاعات رو دارید ذخیره میکنید بک اند هست. رنگ هدر و فوتر و اینجور استایل ها فرانت اند. نحوه کار کرد وب هم بصورت کلی اینجور هست که اطلاعات درخواستی در سمت سرور آماده سازی و render میشن و به شکل کدهای خروجی html و css و js به سمت کاربر ارسال میشن. و در مرحله آخر این اطلاعات توسط browser خونده و نمایش داده میشن.

با این توضیح شما باید اطلاعات رو از دیتابیس در سمت بک اند بگیرید. بعد اون ها در یک جایی در خروجی صفصه مثلا پایین صفحه و داخل یک تگ <style> قراربدید. بقیه کارها هم توسط خود browser انجام میشن. یک چیزی تو این مایه ها:

.header{
    background-color: '{{ $header_bg_color }}'
}

یا مثلا یک راه دیگه اش اینه که تمام این تنظیمات رو بیاید داخل یک object جاوااسکریپتی در زمان render شدن صفحه قرار بدید. و بعد با جاوااسکریپت مقدار اون ها رو بخونید و تغییرات مورد نظرتون رو اعمال کنید.

<script>
    //Define setting values
    const settings = {
        header_bg_color : "{{ $settings['header_bg_color '] }}",
        footer_height: "{{ $settings['footer_height] }}",
    }

    //Update backgorund color based on setting value
    document.querySelector("#header").style.backgroundColor = settings.header_bg_color ;

</script>

Cix
تخصص : برنامه نویس وب
@arthas.pix 4 سال پیش مطرح شد
0

@mhyeganeh بله دقیقا همین کارو کردم. به نظرم معقول ترین کار همین اومد. ممنون از پاسختون


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 4 سال پیش مطرح شد
0

@arthas.pix موفق و موید باشید.


محسن لواسانی
تخصص : طراح
@arash.tavanaei69 2 ماه پیش مطرح شد
0

راهنمای کاملی در لینک زیر هست. من باهاش یک تستایل کاملا پویا ساختم
آموزش تولید css پویا


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام