איך אני יכול לטעון 10 קיבצי JS או CSS

דרך קובץ גלובלי שמקבל את שמות הקבצים מהשרת

שתיווצר קריאה אחת ולא 10

תודה

תחבר את כל קבצי ה CSS ואת כל קבצי ה JS (כל קבוצה בנפרד) לקובץ אחד - ותטען רק אותו... o_O

נמאס לכם לזכור סיסמאות? לחצו כאן!

אין לי בעיה לעשות את זה אבל זה אומר שיהיה לי קוד לא שמיש
כל מיני CSS שאני לא צריך כרגע כנ"ל ל JS

השאלה היא כמה זה גרוע?? בתכלס אני לא רוצה את זה...

נכון להיום אני טוען כל קובץ בניפרד...
יש לי פונקציה אחת שמקבלת פרמטרים ומחזירה דף...
אתה בחיים לא יכול לדעת מה השרת יחזיר לך... בגלל זה אני מקבל את שמות הקבצים שאני צריך לטעון
ורץ בלולאה וטוען אותם...

השאלה היא האם אני יכול לשלוח לקובץ מסויים את הפרמטרים שהמטרה שלו זה לטעון בתוכן את הקבצים שהעמוד צריך

תודה

אין בעיה עם זה.
פשוט תיצור קובץ PHP ותיתן לו header של מה שאתה רוצה (text/javascript או text/css) ושהוא יטען וידפיס את הקבצים הרלוונטים.

אם אתה רוצה שהוא יהיה עם סיומת נכונה (css וjs במקום php), אתה יכול להגדיר בשרת שלך שיתייחס לקבצים כקבצי PHP (למשל, דרך htaccess אם אתה משתמש באפאצ'י)

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

ציטוט:

במקור נכתב על ידי yoavmatchulsky אין בעיה עם זה. פשוט תיצור קובץ PHP ותיתן לו header של מה שאתה רוצה (text/javascript או text/css) ושהוא יטען וידפיס את הקבצים הרלוונטים. אם אתה רוצה שהוא יהיה עם סיומת נכונה (css וjs במקום php), אתה יכול להגדיר בשרת שלך שיתייחס לקבצים כקבצי PHP (למשל, דרך htaccess אם אתה משתמש באפאצ'י)

אןקי ואיך אני טוען את הקובץ הזה?? בשרת...

או משהו כזה

קוד PHP:

 <script type="text/javascript" src="<?php echo base_url();?>js/cms/item/customer/add/index.php"></script> 


בדף שטוען שים:

קוד PHP:

 <script type="text/javascript" src="<?php echo base_url(); ?>js/loadjs.php?s=inner,jq,carousel"></script> 


(דוגמא שטוענת למשל את הספריות לדף פנימי שמשתמש בjquery ובפלאגין של קרוסלה)

בדף PHP שנקרא loadjs.php תעשה:

קוד PHP:

<?php 
header('Content-Type: text/javascript');
$libs = explode(',', $_GET['s']);
foreach ($libs as $lib) { if (file_exists($lib . '.js')) { print file_get_contents($lib . '.js'); } }

כמובן שאתה צריך לעשות פה ולידציה של קלט, בדיקת XSS וכאלה/
מה שכתבתי זה רק הרעיון.

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

סבבה
ואותו רעיון אני עושה על CSS

קוד PHP:

 <script type="text/javascript" src="<?php echo base_url(); ?>js/loadcss.php?s=inner,jq,carousel"></script> 


קוד PHP:

<?php 
header('Content-Type: text/css');
$libs = explode(',', $_GET['s']);
foreach ($libs as $lib) { if (file_exists($lib . '.css')) { print file_get_contents($lib . '.css'); } }

לא עובד לי

זאת הקריאה

קוד PHP:

 <!-- Load Templates CSS -->
     <?php if(isset($templates) && !empty($templates)): ?>
         <?php $i = 0; ?>
         <?php foreach ($templates as $temp): ?>
             <?php if($i > 0):?>
                 <?php $css .= ','.$temp['template_id'];?>
             <?php else: ?>
                 <?php $css = $temp['template_id'];?>
             <?php endif; ?>
             <?php $i++; ?>
         <?php endforeach; ?>
         
         <script type="text/javascript" src="<?php echo base_url(); ?>css/general/loadCSS.php?css=<?php echo  $css; ?>"></script>  
     <?php endif; ?> 


זה הפלט

קוד PHP:

 <script type="text/javascript" src="http://localhost/RcmsCORE/css/general/loadCSS.php?css=3,5,14,4,1,10,2,5,6"></script> 


וזה הקובץ

קוד PHP:

<?php
header('Content-Type: text/css');
if(isset($_GET['css']))
{
    $css_files = explode(',', $_GET['css']);
    if(is_array($css_files))
    {
        foreach ($css_files as $css) 
        { 
            if (file_exists('http://'.$_SERVER['SERVER_NAME'].'/RcmsCORE/templates/'.$css.'/index.css'))
            { 
                echo file_get_contents('<link rel="stylesheet" type="text/css" href="http://'.$_SERVER['SERVER_NAME'].'/RcmsCORE/templates/'.$css.'/index.css" media="screen"  />'); 
            } 
        }
    }
}
?>

אני מקבל לקובץ את הפרמטרים שאני צריך.. אבל כלום לא עובד

תיקן אבל עדין לא עובד

קוד PHP:

<?php
header('Content-Type: text/css');
if(isset($_GET['css']))
{
    $css_files = explode(',', $_GET['css']);
    if(is_array($css_files))
    {
        foreach ($css_files as $css) 
        { 
            if (file_exists('../../templates/'.$css.'/index.css'))
            { 
                echo file_get_contents('../../templates/'.$css.'/index.css'); 
            } 
        }
    }
}
?>

הקובץ הזה כן נבנה אבל לא קורה כלום בעמוד תצוגה

תדבג איפה בדיוק הבעיה

אולי הקבצים האלה לא קיימים?
תבדוק אם הוא נכשל ב file_exists או ב file_get_contents

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

זה לא נכשל
זה בונה את הקבצים בתוך הקובץ הראשי
פשוט האלמנטים על המסך לא מקבלים מאפיינים

אוקי זה עובד לי
תודה

עכשיו יש לי עוד משהו קטן

איך אני עושה expiration לקובץ

הpage speed נותן לי הערות

קוד PHP:

 http://localhost/RcmsCORE/upload/files/5560c8f89e04f996f5a34a97476a60e3.png (expiration not specified)
http://localhost/RcmsCORE/upload/files/5bba584809ee24e74cd34b443877c9ab.png (expiration not specified)
http://localhost/RcmsCORE/upload/files/6e5a7effc95d4d98243d2d5bf26c61c0.png (expiration not specified)
http://localhost/RcmsCORE/upload/files/7e0498b4bcc192146ef472c81d0d83b3.png (expiration not specified)
http://localhost/RcmsCORE/upload/files/833f5c7b632110c80137657c06193978.png (expiration not specified)
http://localhost/RcmsCORE/upload/files/c7a46dbcb6fb0bc0ee78a13a31faa286.png (expiration not specified)
http://localhost/RcmsCORE/upload/files/cae35c058589276bfa7d8308d24508af.png (expiration not specified) 


אני מכניס ל htaccess משהו כזה.... זה בסדר ?

קוד PHP:

 ExpiresActive On
ExpiresDefault A0
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/ico A2592000
ExpiresByType text/css A604800
ExpiresByType text/javascript A86400 


זה לא גרוע בכלל - מהסיבה הפשוטה - שזה נטען פעם אחת, ואם תדאג שזה יהיה cacheable לזמן ארוך - זה גם יחזיק אצל הלקוח הרבה זמן - וזה ייטען פעם אחת, ולא תצטרך אחרי זה בכל דף לטעון קבצים אחרים - ככה שדפים אחרים ייטענו מהר יותר, כי כל ה JS ו CSS שלך כבר יהיו אצל הלקוח. לדעתי זה עדיף מאשר השיטה שבחרת, לתת פרמטרים וכו' ובעצם לעשות טעינה מחדש בכל דף חדש שבו יש אלמנטים שלא היו קודם... אל תשכח שמדובר בקבצי טקסט, שהם דחיסים מאוד (הפעלת gzip, נכון?), וכמה קוד כבר יכול להיות לך...

נמאס לכם לזכור סיסמאות? לחצו כאן!