Как установить background-image в codeigniter 3
Я начал использовать codeigniter несколько дней назад, и я не могу установить фоновое изображение с помощью файла css. Мой контроллер (verifylogin.php) это:
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class VerifyLogin extends CI_Controller {
function __construct()
{
parent::__construct();
$this->load->model('user','',TRUE);
$this->load->helper('url');
}
function index()
{
//This method will have the credentials validation
$this->load->library('form_validation');
$this->form_validation->set_rules('username', 'Username', 'trim|required|xss_clean');
$this->form_validation->set_rules('password', 'Password', 'trim|required|xss_clean|callback_check_database');
if($this->form_validation->run() == FALSE)
{
//Field validation failed. User redirected to login page
$this->load->view('login_view');
}
else
{
//Go to private area
redirect('home', 'refresh');
}
}
function check_database($password)
{
//Field validation succeeded. Validate against database
$username = $this->input->post('username');
//query the database
$result = $this->user->login($username, $password);
if($result)
{
$sess_array = array();
foreach($result as $row)
{
$sess_array = array(
'id' => $row->id,
'username' => $row->username
);
$this->session->set_userdata('logged_in', $sess_array);
}
return TRUE;
}
else
{
$this->form_validation->set_message('check_database', 'Invalid username or password');
return false;
}
}
}
в то время как представление (login_view.php) является этим.
<html>
<head>
<title>OpediaLab</title>
</head>
<body>
<h1></h1>
<?php echo validation_errors(); ?>
<?php echo form_open('verifylogin'); ?>
<link rel="stylesheet" type="text/css" href="<?=base_url()?>style.css"/>
<label for="username">Username:</label>
<input type="text" size="20" id="username" name="username"/>
<br/>
<label for="password">Password:</label>
<input type="password" size="20" id="passowrd" name="password"/>
<br/>
<input type="submit" value="Login"/>
</form>
</body>
</html>
Файл CSS содержит только эти две строки:
body{
background-image: url("C:/wamp/www/CI/application/views/immagini/Opedia_LAB.png");
background-color: green;
}
Теперь я почти уверен, что файл css должен находиться в определенной папке (я видел много уроков, но не все говорят одно и то же). Последняя попытка была в том, чтобы поместить файл в «представления», как показано на рисунке. 
Я надеюсь, что я был достаточно ясен, и я знаю, это потому, что я очень новичок в этой структуре.
Это то, что я вижу при любой попытке изменить то, что я сделал. Нет ошибок, но нет эффекта CSS.
ОБНОВИТЬ:
Вот что я получаю из консоли:
Решение
попробуй это
<html>
<head>
<title>OpediaLab</title>
<link rel="stylesheet" href="<?php echo base_url('style.css');?>">
</head>
<body>
<h1></h1>
<?php echo validation_errors(); ?>
<?php echo form_open('verifylogin'); ?>
<label for="username">Username:</label>
<input type="text" size="20" id="username" name="username"/>
<br/>
<label for="password">Password:</label>
<input type="password" size="20" id="passowrd" name="password"/>
<br/>
<input type="submit" value="Login"/>
</form>
</body>
</html>
Другие решения
Измените свой код следующим образом :::
<html>
<head>
<title>OpediaLab</title>
<link rel="stylesheet" type="text/css" href="<?=base_url()?>."application/views/style.css"/>
</head>
<body>
<h1></h1>
<?php echo validation_errors(); ?>
<?php echo form_open('verifylogin'); ?><label for="username">Username:</label>
<input type="text" size="20" id="username" name="username"/>
<br/>
<label for="password">Password:</label>
<input type="password" size="20" id="passowrd" name="password"/>
<br/>
<input type="submit" value="Login"/>
</form>
</body>
</html>
использовать Codeigniter URL Helper base_url ();
Я рекомендую вам поместить свой стиль CSS в папку с именем assets на одном уровне с приложением.
В вашем случае стиль вызова должен быть:
от
<link rel="stylesheet" type="text/css" href="<?=base_url()?>style.css"/>
в
<link rel="stylesheet" type="text/css" href="<?=base_url()?>application/views/style.css"/>
и в твоем style.css
+ Изменить
body{
background-image: url("C:/wamp/www/CI/application/views/immagini/Opedia_LAB.png");
background-color: green;
}
в
тело {
background-image: url ();
цвет фона: зеленый;
}
Надеюсь, что это поможет вам .. Не стесняйтесь задавать вопросы … или не стесняйтесь комментировать, если я ошибся;
Пожалуйста, обратите внимание, что я закодировал это здесь; Я не проверял это .. Но я применил это мои проекты .. Веселитесь!
"C:/wamp/www/CI/application/views/immagini/Opedia_LAB.png"Вы выбираете изображение из каталога приложения, и оно запрещено для пользователя по соображениям безопасности, поэтому вы не можете извлечь изображение из каталога приложения, можете сделать то же самое, но изображение должно быть вне каталога приложения, вы можете использовать собственный каталог, например, активы.
В каталоге приложения есть файл htaccess, его запрещают все.
<IfModule authz_core_module>
Require all denied
</IfModule>
<IfModule !authz_core_module>
Deny from all
</IfModule>
body{
background: url(<?php echo base_url('assets/images/bg_images.jpg');?>);
}