C#web窗体使用bootstrap 中的datatable从Oracle数据库获取数据,显示一个带图片的列表
时间: 2024-03-02 14:48:32 浏览: 17
好的,我来为您解答。
首先,您需要在C# web窗体中添加Bootstrap和DataTables的引用。然后,您可以使用Oracle.DataAccess或者Oracle.ManagedDataAccess等数据源来获取数据。
以下是一个简单的获取数据的代码示例:
```csharp
using Oracle.DataAccess.Client;
using System.Data;
string connectionString = "Data Source=your_datasource;User ID=your_user_id;Password=your_password";
string query = "SELECT * FROM your_table";
using (OracleConnection connection = new OracleConnection(connectionString))
{
OracleCommand command = new OracleCommand(query, connection);
connection.Open();
OracleDataAdapter adapter = new OracleDataAdapter(command);
DataTable dataTable = new DataTable();
adapter.Fill(dataTable);
}
```
接下来,您可以使用DataTables来显示数据和图片列表。以下是一个简单的代码示例:
```html
<table id="datatable" class="table">
<thead>
<tr>
<th>ID</th>
<<th>Name</th>
<th>Image</th>
</tr>
</thead>
<tbody>
<% foreach (DataRow row in dataTable.Rows)
{
string image = row["image"].ToString();
%>
<tr>
<td><%= row["id"] %></td>
<td><%= row["name"] %></td>
<td><img src="<%= image %>" /></td>
</tr>
<% } %>
</tbody>
</table>
<script>
$(document).ready(function() {
$('#datatable').DataTable();
});
</script>
```
在上面的示例中,我们使用了一个简单的循环来遍历数据表中的每一行,并在每一行中显示ID、名称和图片。我们还使用了DataTables插件来使表格具有交互性和可排序性。
希望这个示例可以帮助您实现您的需求。如果您有其他问题,请随时问我。