基于数据库的PHP动态CSS

时间:2015-04-29 03:26:21

标签: php mysql css dynamic

在StackOverflow上找到了几个答案并将它们用作我的模型,但我必须遗漏一些东西。我试图根据我的数据库中的动态在CSS中动态设置几种背景颜色,但它不起作用 - 当我在Chrome中检查Inspect Element时,背景颜色有一条线穿过它'无效的属性值'。

的警告标记

这是我的代码;它位于两个单独的文件中 - 第一个位于标题包含文件中,第二个位于链接的.php / css-esque文件中。

标题包括:[编辑4/29以包含会话代码]

session_start();
// check if $_SESSION was set before
if (!isset($_SESSION['email'])) {
header("Location: bad_login.php");
exit();
}

$_SESSION['companyid'] = $_POST['companyid'];
$companyID = $_SESSION['companyid'];
$email = $_SESSION['email'];

require_once('../includes/_connection.inc.php'); 
$connect = dbConnect('read');
$sql = 'SELECT colorone, colortwo, logo
        FROM companies
        WHERE companyid = ' . $companyID;
$result = $connect->query($sql) or die(mysqli_error());
$row = $result->fetch_assoc();
$colorOne = '#' . $row['colorone'];
$colorTwo = '#' . $row['colortwo'];
$carrierLogo = '/companylogos/' . $row['logo'];

PHP / CSS文件:

<?php header("Content-type: text/css"); 

?>

#main {
    width: 85%;
    margin: 0 auto;
    padding: 0.75em 0;
}

#colorOne {
    width: 100%;
    height: 12px;
    background-color: <?php echo $colorOne; ?>;
}

#colorTwo {
    width: 100%;
    height: 7px;
    background-color: <?php echo $colorTwo; ?>;
}

编辑4/29:

这是生成的CSS:

#main {
    width: 85%;
    margin: 0 auto;
    padding: 0.75em 0;
}

#colorOne {
    width: 100%;
    height: 12px;
    background-color: ;
}

#colorTwo {
    width: 100%;
    height: 7px;
    background-color: ;
}

我也回复了html中的变量,所以我知道变量中应该有一些东西。我应该打开数据库并在css.php文件中分配变量吗?

CSS / PHP在标题中以这种方式链接:

<link type="text/css" rel="stylesheet" href="../css/carrier.php">

2 个答案:

答案 0 :(得分:5)

请使用.php

,而不要使用.css文件扩展名

在html文件中:是否链接到.php?

<link rel='stylesheet' type='text/css' href='css/style.php' />

在style.php中添加

<?php
    header("Content-type: text/css; charset: UTF-8");
?>

现在您可以根据自己的喜好设置变量:

source

编辑:

不要忘记session_start();,因为您正在使用会话(我不明白如何,因为没有任何内容发布到css / carrier.php,您应该在会话中使用它从另一个文件&amp;然后只使用$companyID = $_SESSION['companyid']; $email = $_SESSION['email'];)。

这是你的代码看起来的方式吗?

        <?php
    session_start();
        header("Content-type: text/css; charset: UTF-8");
    $_SESSION['companyid'] = $_POST['companyid'];
    $companyID = $_SESSION['companyid'];
    $email = $_SESSION['email'];

    require_once('../includes/_connection.inc.php'); 
    $connect = dbConnect('read');
    $sql = 'SELECT colorone, colortwo, logo
            FROM companies
            WHERE companyid = ' . $companyID;
    $result = $connect->query($sql) or die(mysqli_error());
    $row = $result->fetch_assoc();
    $colorOne = '#' . $row['colorone'];
    $colorTwo = '#' . $row['colortwo'];
    $carrierLogo = '/companylogos/' . $row['logo'];
    ?>

#main {
    width: 85%;
    margin: 0 auto;
    padding: 0.75em 0;
}

#colorOne {
    width: 100%;
    height: 12px;
    background-color: <?php echo $colorOne; ?>;
}

#colorTwo {
    width: 100%;
    height: 7px;
    background-color: <?php echo $colorTwo; ?>;
}

答案 1 :(得分:0)

yesitsme的答案是正确的。您可以做的其他事情是每个存储都在数据库中发生变化,运行创建此过程的过程&#34; new&#34;带有相应.css扩展名的CSS文件。

如果每次请求都创建一个新的CSS文件怎么办? 我的意思是,在创建第一次调用Web并不时更新时,您有两个路径,当时将数据保存在数据库中,并将其与脚本相关联。

使用这个新的CSS并通过fwrite()和PHP必须管理文件的其他函数生成存储,保留在BDD中创建的CSS的名称,然后在适当的位置保存链接。