好吧,在我开始之前,我很抱歉英语不好,但我在编程方面的知识很少,特别是在我已经工作2周的codeigniter上。
然后我找到了数据表。我觉得有趣的是,我可以整合 - 或者你们所谓的任何东西 - 带有codeigniter的数据表。
我下载了ignited-datatables,附上它,但它仍然没有在我的项目上工作。
请帮忙吗?我是codeigniter和datatables的新手。不过,我会很感激所有的答案。
P.S:问问你们是否需要代码,我会告诉你;)
你知道www.datatables.net吗?你可以包括javascript和css(本地安装):
<!-- DataTables CSS -->
<link href="<?php echo base_url('assets/css/plugins/dataTables/jquery.dataTables.css') ?>" rel="stylesheet" />
<!-- jQuery -->
<script src="<?php echo base_url('assets/js/jquery-1.10.2.min.js') ?>"></script>
<!-- DataTables JS -->
<script src="<?php echo base_url('assets/js/plugins/dataTables/jquery.dataTables.min.js') ?>"></script>
然后,在你的表内:
<table id="dataTables-example"> ...</table>
最后,脚本:
$(document).ready( function () {
$('#dataTables-example').DataTable();
} );
我想你已经有了一个正在运行的数据库。例如,假设我们有一个名为“cars”的表,其中包含汽车列表及其特征。
cars :
id | brand | model | year
1 | Ford | Escort | 1989
2 | Audi | A4 | 2005
... | ... | ... | ...
它如何在codeigniter上工作:
在application / config / database.php中设置数据库连接值。
这里我们为数据库“mydatabase”设置本地服务器的连接。登录名/密码是myusername / mypassword。
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'myusername',
'password' => 'mypassword',
'database' => 'mydatabase',
'dbdriver' => 'mysqli',
'dbprefix' => '',
'pconnect' => TRUE,
'db_debug' => TRUE,
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
'swap_pre' => '',
'autoinit' => TRUE,
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
);
更多细节在这里:http://www.codeigniter.com/user_guide/database/configuration.html
Codeigniter是一个MVC框架。这意味着您必须将数据库(模型)访问与您显示的内容(视图)或任何其他处理(控制器)分开。在application / models /中,我们创建了一个名为Cars.php的新模型:
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Cars extends CI_Model
{
}
在我们的新课程中,我们将编写一个能够获得表中所有汽车的功能。 CodeIgniter使用名为Active Record的ORM。总而言之,它是一种使查询编写更容易和更安全的工具。
public function getAllCars()
{
$query = $this->db->get('cars');
//This how you write *SELECT * FROM cars* with Active Record
return $query->result(); //The result is an array of objects, each row = an object
}
更多细节:http://www.codeigniter.com/user_guide/general/models.html http://www.codeigniter.com/user_guide/database/active_record.html
现在,我们需要创建一个新的控制器。所以在应用程序/控制器中创建一个名为Cars.php的新文件:
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Cars extends CI_Controller
{
public function __construct()
{
parent::__construct();
}
public function index()
{
}
}
在我们的新控制器内部,我们将打电话给我们的模型。
public function index()
{
//First we need to load the model
$this->load->model('cars');
//Now we need to get our car list using the function we write on our model
$car_list = $this->cars->getAllCars();
//Finally, we send are list to the view so we can display it.
$data["cars_lst"] = $car_list;
$this->load->view("mycars", $data); //We are building this view in the next step.
}
更多细节:http://www.codeigniter.com/user_guide/general/controllers.html
最后一步,输出。在application / views /中创建一个新文件mycars.php。请记住,在我们的控制器中,我们调用了该视图并向其发送了一个数组,其中car_list位于索引“car_lst”。我们现在可以在我们的视图中使用该数组索引作为var,它将包含我们的汽车列表(还记得模型结果吗?)。
<!DOCTYPE html>
<html>
<head>
<!-- Meta, title, CSS, ... -->
</head>
<body>
<table class="table table-hover">
<thead>
<tr>
<th>Id</th>
<th>Brand</th>
<th>Model</th>
<th>Year</th>
</tr>
</thead>
<?php foreach ($car_lst as $c): ?>
<tr>
<td><?php echo $c->id; ?></td>
<td><?php echo $c->brand; ?></td>
<td><?php echo $c->model; ?></td>
<td><?php echo $c->model; ?></td>
</tr>
<?php endforeach; ?>
</table>
</body>
</html>
现在,如果我们使用qazxsw poi访问您的应用程序,我们应该会看到我们的汽车列表。
这是如何处理codeigniter中的数据库。当然,这是一个简单的预览,但你应该能够理解它是如何工作的,并找到自己的解决方案。
我知道问题已得到解答,但这对其他人也有帮助。
如果你想使用纯javascript库(没有jQuery依赖),你可以使用http://localhost/mysite/index.php/cars/
使用:
将这些添加到主文件中
Vanilla-DataTables
然后在你的js文件上添加:
<link href="https://cdn.jsdelivr.net/npm/vanilla-datatables@latest/dist/vanilla-dataTables.min.css" rel="stylesheet" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/vanilla-datatables@latest/dist/vanilla-dataTables.min.js" type="text/javascript"></script>
还有很多var dataTable = new DataTable("#table_list"); //where #table_list is the id of your table
适用于您的选择
或者如果你想要更新的库,你也可以查看Options
希望这可以帮助。