如何使用Bootstrap 5构建PHP管理面板
许多企业在管理 *** 应用程序时都会遇到困难。如果没有一个好的仪表盘，检查性能、管理用户和分析数据等任务就会变得很困难，而且需要很长时间。
PHP 和 Bootstrap 可以帮助您 *** 自定义仪表盘。PHP 可以处理复杂的数据，而 Bootstrap 则能让仪表盘在不同设备上都具有视觉吸引力，并对用户友好。
本教程将向您展示如何创建 PHP 管理仪表盘。一个精心设计的仪表盘可以帮助您加快工作速度、简化流程并获取有关 *** 应用的有用信息。
什么是PHP Bootstrap集成？
PHP 和 Bootstrap 是构建网站的两个重要工具。PHP 是一种编程语言，可帮助创建动态网页。Bootstrap 是一个框架，为设计有吸引力的网站提供现成的样式和功能。
当 PHP 和 Bootstrap 结合使用时，就能创造出一种功能强大、视觉效果极佳的 *** 应用程序。PHP 处理服务器端逻辑，而 Bootstrap 则负责前端设计。
将Bootstrap与PHP结合使用的好处
PHP 和 Bootstrap 的结合让网站建设变得更快、更简单。开发人员可以专注于网站的主要功能，而 Bootstrap 则负责设计。
使用 PHP 和 Bootstrap 有很多好处。
Bootstrap 提供现成的样式和功能。
确保网站在所有设备上都美观大方。
帮助开发人员编写更有条理的代码。
方便创建有吸引力的交互式网站。
管理控制面板概述
管理员控制面板是一种 Web UI，可让管理员监控应用程序性能和管理设置。它提供用户参与、销售和网站功能等重要统计数据。此外，它还允许管理员调整普通用户无法访问的设置。
管理员仪表板可实现不同的功能，包括
- 通过创建、编辑或删除用户账户来管理用户账户。
- 修改网站内容。
- 查看访客数量、会话持续时间和购买率等指标。
- 自定义网站的外观和操作。
PHP和Bootstrap 5的要求
在本教程中，我假设您已经有了一个基于 PHP 的网站。以下是您所需要的：
- PHP 8 或更高版本
- MariaDB 10 或更高版本
- Bootstrap 5 或更高版本
使用Bootstrap构建管理面板
我将创建一个简单的应用程序来管理销售。它将有一个仪表板，用户可以在上面查看销售信息、更新产品数据和添加新产品。用户还可以注册并登录仪表板。
第 1 步：创建表格
管理面板模板有许多不同的表单，包括注册和登录。我将使用 HTML5 和自定义 PHP 代码来确保用户输入的信息正确无误。
创建注册表单
用户注册表单已经可用。我将使用以下代码更改字段名称并更新 *** 和操作：
<?php include('server.php') ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SB Admin - Start Bootstrap Template</title>
<!-- Bootstrap core CSS-->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template-->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template-->
<link href="css/ *** -admin.css" rel="stylesheet">
</head>
<body class="2345HAO2a5c33747d8c540d bg-dark">
<div class="2345HAO33747d8c540d3e58 container">
<div class="2345HAO85a72fb52b0331db card card-register mx-auto mt-5">
<div class="2345HAO2fb52b0331dbad3e card-header">Register an Account</div>
<div class="2345HAO2b0331dbad3ea8eb card-body">
<form method="post" action="register.php">
<?php include('errors.php'); ?>
<div class="2345HAO31dbad3ea8eb2180 form-group">
<div class="2345HAOad3ea8eb2180e478 form-row">
<div class="2345HAOa8eb2180e478fc67 col-md-12">
<label for="exampleInputName">Username</label>
<input class="2345HAO2180e478fc67ebe7 form-control" id="exampleInputName" type="text" name="username" value="<?php echo $username; ?>" >
</div>
</div>
</div>
<div class="2345HAOe478fc67ebe70851 form-group">
<label for="exampleInputEmail1">Email address</label>
<input class="2345HAOfc67ebe70851656e form-control" id="exampleInputEmail1" type="email" aria-describedby="emailHelp" name="email" value="<?php echo $email; ?>" >
</div>
<div class="2345HAOebe70851656ef5e5 form-group">
<div class="2345HAO0851656ef5e52a5c form-row">
<div class="2345HAO656ef5e52a5c3374 col-md-6">
<label for="exampleInputPassword1">Password</label>
<input class="2345HAOf5e52a5c33747d8c form-control" id="exampleInputPassword1" type="password" name="password_1" >
</div>
<div class="2345HAO2a5c33747d8c540d col-md-6">
<label for="exampleInputPassword1">Confirm Password</label>
<input class="2345HAO33747d8c540d3e58 form-control" id="exampleInputPassword2" type="password" name="password_2" >
</div>
</div>
</div>
<button type="submit" class="2345HAO85a72fb52b0331db btn btn-primary btn-block" name="reg_user">Register</button>
</form>
<div class="2345HAO2fb52b0331dbad3e text-center">
<a class="2345HAO2b0331dbad3ea8eb d-block *** all mt-3" href="login.php">Login Page</a>
<!--- <a class="2345HAO31dbad3ea8eb2180 d-block *** all" href="forgot-password.html">Forgot Password?</a>-->
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
</body>
</html>
下面是修改后的注册表单：
– 注册页面包含用户名、电子邮件地址、密码、确认密码等字段，以及注册或转到登录页面的按钮。
创建登录表单
接下来，使用以下代码创建登录表单：
<?php include('server.php') ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SB Admin - Start Bootstrap Template</title>
<!-- Bootstrap core CSS-->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template-->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template-->
<link href="css/ *** -admin.css" rel="stylesheet">
</head>
<body class="2345HAOa8eb2180e478fc67 bg-dark">
<div class="2345HAO2180e478fc67ebe7 container">
<div class="2345HAOe478fc67ebe70851 card card-login mx-auto mt-5">
<div class="2345HAOfc67ebe70851656e card-header">Login</div>
<div class="2345HAOebe70851656ef5e5 card-body">
<form method="post" action="login.php">
<?php include('errors.php'); ?>
<div class="2345HAO0851656ef5e52a5c form-group">
<label for="exampleInputEmail1">Username</label>
<input class="2345HAO656ef5e52a5c3374 form-control" type="text" name="username">
</div>
<div class="2345HAOf5e52a5c33747d8c form-group">
<label for="exampleInputPassword1">Password</label>
<input class="2345HAO2a5c33747d8c540d form-control" type="password" name="password">
</div>
<div class="2345HAO33747d8c540d3e58 form-group">
<div class="2345HAO85a72fb52b0331db form-check">
<label class="2345HAO2fb52b0331dbad3e form-check-label">
<input class="2345HAO2b0331dbad3ea8eb form-check-input" type="checkbox"> Remember Password</label>
</div>
</div>
<button type="submit" class="2345HAO31dbad3ea8eb2180 btn btn-primary btn-block" name="login_user">Login</button>
</form>
<div class="2345HAOad3ea8eb2180e478 text-center">
<a class="2345HAOa8eb2180e478fc67 d-block *** all mt-3" href="register.php">Register an Account</a>
<!-- <a class="2345HAO2180e478fc67ebe7 d-block *** all" href="forgot-password.php">Forgot Password?</a>-->
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
</body>
</html>
下面是修改后的登录表单：
– 登录页面上有用户名和密码字段、记住密码的复选框以及登录或创建账户的按钮。
第 2 步：设置数据库连接
如果您使用宝塔面板管理服务器，可以轻松访问服务器数据库（参考）。
Users Table
使用以下 SQL 查询创建表格：
CREATE TABLE `users` ( `id` int(11) NOT NULL, `username` varchar(100) NOT NULL, `email` varchar(100) NOT NULL, `password` varchar(100) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1;Products tableCREATE TABLE `products` ( `product_id` int(22) NOT NULL, `product_name` varchar(22) NOT NULL, `product_price` int(22) NOT NULL, `product_cat` varchar(22) NOT NULL, `product_details` varchar(22) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; Sales tableCREATE TABLE `sales_stats` ( `id` int(22) NOT NULL, `sales` int(22) NOT NULL, `month` varchar(25) NOT NULL, `pending_orders` int(55) NOT NULL, `revenue` int(55) NOT NULL, `Vistors` int(55) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
Products Table
CREATE TABLE `products` ( `product_id` int(22) NOT NULL, `product_name` varchar(22) NOT NULL, `product_price` int(22) NOT NULL, `product_cat` varchar(22) NOT NULL, `product_details` varchar(22) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
Sales Table
CREATE TABLE `sales_stats` ( `id` int(22) NOT NULL, `sales` int(22) NOT NULL, `month` varchar(25) NOT NULL, `pending_orders` int(55) NOT NULL, `revenue` int(55) NOT NULL, `Vistors` int(55) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
访问您的数据库管理器。找到数据库名称和其他信息。然后，创建一个名为 server.php 的新文件，并将此代码复制到其中。
<?php
session_start();
// initializing variables
$username = "";
$email = "";
$errors = array();
// connect to the database
$db = mysqli_connect('localhost', 'root', '', 'registration');
Registration
// REGISTER USER
if (isset($_POST['reg_user'])) {
// Receive all input values from the form
$username = mysqli_real_escape_string($db, $_POST['username']);
$email = mysqli_real_escape_string($db, $_POST['email']);
$password_1 = mysqli_real_escape_string($db, $_POST['password_1']);
$password_2 = mysqli_real_escape_string($db, $_POST['password_2']);
// Form validation: ensure that the form is correctly filled
// by adding (array_push()) corresponding error unto $errors array
if (empty($username)) {
array_push($errors, "Username is required");
}
if (empty($email)) {
array_push($errors, "Email is required");
}
if (empty($password_1)) {
array_push($errors, "Password is required");
}
if ($password_1 != $password_2) {
array_push($errors, "The two passwords do not match");
}
// First check the database to make sure
// a user does not already exist with the same username and/or email
$user_check_query = "SELECT * FROM users WHERE username='$username' OR email='$email' LIMIT 1";
$result = mysqli_query($db, $user_check_query);
$user = mysqli_fetch_assoc($result);
if ($user) { // If user exists
if ($user['username'] === $username) {
array_push($errors, "Username already exists");
}
if ($user['email'] === $email) {
array_push($errors, "Email already exists");
}
}
// Finally, register user if there are no errors in the form
if (count($errors) == 0) {
$password = md5($password_1); // Encrypt the password before saving in the database
$query = "INSERT INTO users(username, email, password) VALUES('$username', '$email', '$password')";
mysqli_query($db, $query);
$_SESSION['username'] = $username;
$_SESSION['success'] = "You are now logged in";
header('location: login.php');
}
}
Login
// LOGIN USER
if (isset($_POST['login_user'])) {
$username = mysqli_real_escape_string($db, $_POST['username']);
$password = mysqli_real_escape_string($db, $_POST['password']);
if (empty($username)) {
array_push($errors, "Username is required");
}
if (empty($password)) {
array_push($errors, "Password is required");
}
if (count($errors) == 0) {
$password = md5($password);
$query = "SELECT * FROM users WHERE username='$username' AND password='$password'";
$results = mysqli_query($db, $query);
if (mysqli_num_rows($results) == 1) {
$_SESSION['username'] = $username;
$_SESSION['success'] = "You are now logged in";
header('location: index.php');
}else {
array_push($errors, "Wrong username/password combination");
}
}
}?>
要显示错误，请新建一个名为errors.php的文件，并将以下代码复制到其中。
<?php if (count($errors) > 0) : ?> <div class="2345HAOfc67ebe70851656e error"> <?php foreach ($errors as $error) : ?> <p><?php echo $error ?></p> <?php endforeach ?> </div> <?php endif ?>
第 3 步：创建产品页面
然后，创建一个名为 product.php 的新页面，并将以下代码复制到其中。
<?php
include('pserver.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SB Admin - Start Bootstrap Template</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/ *** -admin.css" rel="stylesheet">
</head>
<body class="2345HAOebe70851656ef5e5 fixed-nav sticky-footer bg-dark" id="page-top">
<!-- Navigation -->
<nav class="2345HAO0851656ef5e52a5c navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
<a class="2345HAO656ef5e52a5c3374 navbar-brand" href="index.php">Start Bootstrap</a>
<button class="2345HAOf5e52a5c33747d8c navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="2345HAO2a5c33747d8c540d navbar-toggler-icon"></span>
</button>
<div class="2345HAO33747d8c540d3e58 collapse navbar-collapse" id="navbarResponsive">
<ul class="2345HAO85a72fb52b0331db navbar-nav navbar-sidenav" id="exampleAccordion">
<li class="2345HAO2fb52b0331dbad3e nav-item" data-toggle="tooltip" data-placement="right" title="Dashboard">
<a class="2345HAO2b0331dbad3ea8eb nav-link" href="index.php">
<i class="2345HAO31dbad3ea8eb2180 fa fa-fw fa-dashboard"></i>
<span class="2345HAOad3ea8eb2180e478 nav-link-text">Dashboard</span>
</a>
</li>
<li class="2345HAOa8eb2180e478fc67 nav-item" data-toggle="tooltip" data-placement="right" title="Charts">
<a class="2345HAO2180e478fc67ebe7 nav-link" href="charts.html">
<i class="2345HAOe478fc67ebe70851 fa fa-check-square"></i>
<span class="2345HAOfc67ebe70851656e nav-link-text">Create Products</span>
</a>
</li>
<li class="2345HAOebe70851656ef5e5 nav-item" data-toggle="tooltip" data-placement="right" title="Charts">
<a class="2345HAO0851656ef5e52a5c nav-link" href="register.php">
<i class="2345HAO656ef5e52a5c3374 fa fas fa-user"></i>
<span class="2345HAOf5e52a5c33747d8c nav-link-text">Register Users</span>
</a>
</li>
</ul>
<ul class="2345HAO2a5c33747d8c540d navbar-nav sidenav-toggler">
<li class="2345HAO33747d8c540d3e58 nav-item">
<a class="2345HAO85a72fb52b0331db nav-link text-center" id="sidenavToggler">
<i class="2345HAO2fb52b0331dbad3e fa fa-fw fa-angle-left"></i>
</a>
</li>
</ul>
<ul class="2345HAO2b0331dbad3ea8eb navbar-nav ml-auto">
<li class="2345HAO31dbad3ea8eb2180 nav-item dropdown">
<a class="2345HAOad3ea8eb2180e478 nav-link dropdown-toggle mr-lg-2" id="messagesDropdown" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="2345HAOa8eb2180e478fc67 fa fa-fw fa-envelope"></i>
<span class="2345HAO2180e478fc67ebe7 d-lg-none">Messages
<span class="2345HAOe478fc67ebe70851 badge badge-pill badge-primary">12 New</span>
</span>
<span class="2345HAOfc67ebe70851656e indicator text-primary d-none d-lg-block">
<i class="2345HAOebe70851656ef5e5 fa fa-fw fa-circle"></i>
</span>
</a>
<div class="2345HAO0851656ef5e52a5c dropdown-menu" aria-labelledby="messagesDropdown">
<h6 class="2345HAO656ef5e52a5c3374 dropdown-header">New Messages:</h6>
<div class="2345HAOf5e52a5c33747d8c dropdown-divider"></div>
<a class="2345HAO2a5c33747d8c540d dropdown-item" href="#">
<strong>David Miller</strong>
<span class="2345HAO33747d8c540d3e58 *** all float-right text-muted">11:21 AM</span>
<div class="2345HAO85a72fb52b0331db dropdown-message *** all">Hey there! This new version of SB Admin is pretty awesome! These messages clip off when they reach the end of the box so they don't overflow over to the sides!</div>
</a>
<div class="2345HAO2fb52b0331dbad3e dropdown-divider"></div>
<a class="2345HAO2b0331dbad3ea8eb dropdown-item" href="#">
<strong>Jane Smith</strong>
<span class="2345HAO31dbad3ea8eb2180 *** all float-right text-muted">11:21 AM</span>
<div class="2345HAOad3ea8eb2180e478 dropdown-message *** all">I was wondering if you could meet for an appointment at 3:00 instead of 4:00. Thanks!</div>
</a>
<div class="2345HAOa8eb2180e478fc67 dropdown-divider"></div>
<a class="2345HAO2180e478fc67ebe7 dropdown-item" href="#">
<strong>John Doe</strong>
<span class="2345HAOe478fc67ebe70851 *** all float-right text-muted">11:21 AM</span>
<div class="2345HAOfc67ebe70851656e dropdown-message *** all">I've sent the final files over to you for review. When you're able to sign off of them let me know and we can discuss distribution.</div>
</a>
<div class="2345HAOebe70851656ef5e5 dropdown-divider"></div>
<a class="2345HAO0851656ef5e52a5c dropdown-item *** all" href="#">View all messages</a>
</div>
</li>
<li class="2345HAO656ef5e52a5c3374 nav-item">
<form class="2345HAOf5e52a5c33747d8c form-inline my-2 my-lg-0 mr-lg-2">
<div class="2345HAO2a5c33747d8c540d input-group">
<input class="2345HAO33747d8c540d3e58 form-control" type="text" placeholder="Search for...">
<span class="2345HAO85a72fb52b0331db input-group-append">
<button class="2345HAO2fb52b0331dbad3e btn btn-primary" type="button">
<i class="2345HAO2b0331dbad3ea8eb fa fa-search"></i>
</button>
</span>
</div>
</form>
</li>
<li class="2345HAO31dbad3ea8eb2180 nav-item">
<a class="2345HAOad3ea8eb2180e478 nav-link" data-toggle="modal" data-target="#exampleModal">
<i class="2345HAOa8eb2180e478fc67 fa fa-fw fa-sign-out"></i>Logout</a>
</li>
</ul>
</div>
</nav>
<div class="2345HAO2180e478fc67ebe7 content-wrapper">
<div class="2345HAOe478fc67ebe70851 container-fluid">
<!-- Breadcrumbs-->
<ol class="2345HAOfc67ebe70851656e breadcrumb">
<li class="2345HAOebe70851656ef5e5 breadcrumb-item">
<a href="index.html">Dashboard</a>
</li>
<li class="2345HAO0851656ef5e52a5c breadcrumb-item active">Product Page</li>
</ol>
<div class="2345HAO656ef5e52a5c3374 row">
<div class="2345HAOf5e52a5c33747d8c col-12">
<h1>Create Product</h1>
</div>
<div class="2345HAO2a5c33747d8c540d col-md-8">
<form method="post" action="product.php">
<div class="2345HAO33747d8c540d3e58 form-group">
<label>Product Name</label>
<input type="text" class="2345HAO85a72fb52b0331db form-control" name="pname" required>
</div>
<div class="2345HAO2fb52b0331dbad3e form-group">
<label>Product Price</label>
<input type="text" class="2345HAO2b0331dbad3ea8eb form-control" name="price" required>
</div>
<div class="2345HAO31dbad3ea8eb2180 form-group">
<label>Product Category</label>
<input type="text" class="2345HAOad3ea8eb2180e478 form-control" name="pcat" required>
</div>
<div class="2345HAOa8eb2180e478fc67 form-group">
<label>Product Details</label>
<textarea class="2345HAO2180e478fc67ebe7 form-control" name="pdetails" required></textarea>
</div>
<button type="submit" class="2345HAOe478fc67ebe70851 btn btn-primary" name="reg_p">Submit</button>
</form>
</div>
</div>
</div>
<!-- /.container-fluid-->
<!-- /.content-wrapper-->
<footer class="2345HAOfc67ebe70851656e sticky-footer">
<div class="2345HAOebe70851656ef5e5 container">
<div class="2345HAO0851656ef5e52a5c text-center">
< *** all>Copyright © Your Website 2018</ *** all>
</div>
</div>
</footer>
<!-- Scroll to Top Button-->
<a class="2345HAO656ef5e52a5c3374 scroll-to-top rounded" href="#page-top">
<i class="2345HAOf5e52a5c33747d8c fa fa-angle-up"></i>
</a>
<!-- Logout Modal-->
<div class="2345HAO2a5c33747d8c540d modal fade" id="exampleModal" tabindex="-1" role="document" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="2345HAO33747d8c540d3e58 modal-dialog" role="document">
<div class="2345HAO85a72fb52b0331db modal-content">
<div class="2345HAO2fb52b0331dbad3e modal-header">
<h5 class="2345HAO2b0331dbad3ea8eb modal-title" id="exampleModalLabel">Ready to Leave?</h5>
<button class="2345HAO31dbad3ea8eb2180 close" type="button" data-di *** iss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="2345HAOad3ea8eb2180e478 modal-body">Select "Logout" below if you are ready to end your current session.</div>
<div class="2345HAOa8eb2180e478fc67 modal-footer">
<button class="2345HAO2180e478fc67ebe7 btn btn-secondary" type="button" data-di *** iss="modal">Cancel</button>
<a class="2345HAOe478fc67ebe70851 btn btn-primary" href="login.php">Logout</a>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/ *** -admin.min.js"></script>
</div>
</body>
</html>
第 4 步：向数据库添加产品
接下来，我将在主文件夹中新建一个名为 pserver.php 的文件，并将这些代码复制到其中。
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "registration";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
if (isset($_POST['reg_p'])) {
// Receive all input values from the form
$pname = mysqli_real_escape_string($conn, $_POST['pname']);
$price = mysqli_real_escape_string($conn, $_POST['pirce']); // Note: There might be a typo here, should it be 'price'?
$pcat = mysqli_real_escape_string($conn, $_POST['pcat']);
$product_details = mysqli_real_escape_string($conn, $_POST['pdetails']);
$sql = "INSERT INTO products (product_name, product_price, product_cat, product_details)
VALUES ('$pname', '$price', '$pcat', '$product_details')";
if ($conn->query($sql) === TRUE) {
echo "alert('New record created successfully')";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
}
$conn->close();
?>
第 5 步：数据可视化
我需要用数据库中的信息填充 Bootstrap 数据表。我将把数据表连接到数据库。
下面是填充 Bootstrap 数据表的代码。让我们用这段代码更新表格代码：
<div class="2345HAOfc67ebe70851656e table-responsive">
<table class="2345HAOebe70851656ef5e5 table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th>ID</th>
<th>Name of Product</th>
<th>Price of Product</th>
<th>Product Category</th>
<th>Product Details</th>
</tr>
</thead>
<tfoot>
<tr>
<th>ID</th>
<th>Name of Product</th>
<th>Price of Product</th>
<th>Product Category</th>
<th>Product Details</th>
</tr>
</tfoot>
<tbody>
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "registration";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = 'SELECT * FROM products';
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
// Output data of each row
while ($row = mysqli_fetch_assoc($result)) {
?>
<tr>
<th><?php echo $row['product_id']; ?></th>
<td><?php echo htmlspecialchars($row['product_name']); ?></td>
<td><?php echo htmlspecialchars($row['product_price']); ?></td>
<td><?php echo htmlspecialchars($row['product_cat']); ?></td>
<td><?php echo htmlspecialchars($row['product_details']); ?></td>
</tr>
<?php
}
} else {
echo '<tr><td colspan="5">0 results</td></tr>';
}
$conn->close();
?>
</tbody>
</table>
</div>
下面是使用上述代码后表格的样子：
接下来，我将使用数据库中的数据在 PHP 管理仪表板上创建一个折线图。
– 仪表盘显示下载量、利润、客户和渠道等信息，还有收入明细和细分图表，以及查看更详细报告的选项。
如图所示，仪表板顶部有四张卡片，分别显示每月访客、收入、新订单和新票据。这些卡片的数据来自数据库，使用的是简单的 SELECT 查询。
第 6 步：设置仪表盘
下面是仪表盘视图的完整代码，你需要把它放在 index.php 中：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SB Admin - Start Bootstrap Template</title> <!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Page level plugin CSS -->
<link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet"> <!-- Custom styles for this template -->
<link href="css/ *** -admin.css" rel="stylesheet">
</head>
<body class="2345HAOf5e52a5c33747d8c fixed-nav sticky-footer bg-dark" id="page-top"> <!-- Navigation-->
<nav class="2345HAO2a5c33747d8c540d navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav"> <a class="2345HAO33747d8c540d3e58 navbar-brand"
href="index.php">Start Bootstrap</a> <button class="2345HAO85a72fb52b0331db navbar-toggler navbar-toggler-right" type="button"
data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation"> <span class="2345HAO2fb52b0331dbad3e navbar-toggler-icon"></span> </button>
<div class="2345HAO2b0331dbad3ea8eb collapse navbar-collapse" id="navbarResponsive">
<ul class="2345HAO31dbad3ea8eb2180 navbar-nav navbar-sidenav" id="exampleAccordion">
<li class="2345HAOad3ea8eb2180e478 nav-item" data-toggle="tooltip" data-placement="right" title="Dashboard"> <a class="2345HAOa8eb2180e478fc67 nav-link"
href="index.php"> <i class="2345HAO2180e478fc67ebe7 fa fa-fw fa-dashboard"></i> <span
class="2345HAOe478fc67ebe70851 nav-link-text">Dashboard</span> </a> </li>
<li class="2345HAOfc67ebe70851656e nav-item" data-toggle="tooltip" data-placement="right" title="Create Product"> <a
class="2345HAOebe70851656ef5e5 nav-link" href="product.php"> <i class="2345HAO0851656ef5e52a5c fa fa-check-square"></i> <span
class="2345HAO656ef5e52a5c3374 nav-link-text">Create Product</span> </a> </li>
<li class="2345HAOf5e52a5c33747d8c nav-item" data-toggle="tooltip" data-placement="right" title="Register Users"> <a
class="2345HAO2a5c33747d8c540d nav-link" href="register.php"> <i class="2345HAO33747d8c540d3e58 fa fas fa-user"></i> <span
class="2345HAO85a72fb52b0331db nav-link-text">Register Users</span> </a> </li>
</ul>
<ul class="2345HAO2fb52b0331dbad3e navbar-nav sidenav-toggler">
<li class="2345HAO2b0331dbad3ea8eb nav-item"> <a class="2345HAO31dbad3ea8eb2180 nav-link text-center" id="sidenavToggler"> <i
class="2345HAOad3ea8eb2180e478 fa fa-fw fa-angle-left"></i> </a> </li>
</ul>
<ul class="2345HAOa8eb2180e478fc67 navbar-nav ml-auto">
<li class="2345HAO2180e478fc67ebe7 nav-item dropdown"> <a class="2345HAOe478fc67ebe70851 nav-link dropdown-toggle mr-lg-2" id="messagesDropdown"
href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i
class="2345HAOfc67ebe70851656e fa fa-fw fa-envelope"></i> <span class="2345HAOebe70851656ef5e5 d-lg-none">Messages <span
class="2345HAO0851656ef5e52a5c badge badge-pill badge-primary">12 New</span> </span> <span
class="2345HAO656ef5e52a5c3374 indicator text-primary d-none d-lg-block"> <i class="2345HAOf5e52a5c33747d8c fa fa-fw fa-circle"></i> </span>
</a>
<div class="2345HAO2a5c33747d8c540d dropdown-menu" aria-labelledby="messagesDropdown">
<h6 class="2345HAO33747d8c540d3e58 dropdown-header">New Messages:</h6>
<div class="2345HAO85a72fb52b0331db dropdown-divider"></div> <a class="2345HAO2fb52b0331dbad3e dropdown-item" href="#"> <strong>David
Miller</strong> <span class="2345HAO2b0331dbad3ea8eb *** all float-right text-muted">11:21 AM</span>
<div class="2345HAO31dbad3ea8eb2180 dropdown-message *** all">Hey there! This new version of SB Admin is pretty
awesome! These messages clip off when they reach the end of the box so they don't
overflow over to the sides!</div>
</a>
<div class="2345HAOad3ea8eb2180e478 dropdown-divider"></div> <a class="2345HAOa8eb2180e478fc67 dropdown-item" href="#"> <strong>Jane
Smith</strong> <span class="2345HAO2180e478fc67ebe7 *** all float-right text-muted">11:21 AM</span>
<div class="2345HAOe478fc67ebe70851 dropdown-message *** all">I was wondering if you could meet for an appointment at
3:00 instead of 4:00. Thanks!</div>
</a>
<div class="2345HAOfc67ebe70851656e dropdown-divider"></div> <a class="2345HAOebe70851656ef5e5 dropdown-item" href="#"> <strong>John
Doe</strong> <span class="2345HAO0851656ef5e52a5c *** all float-right text-muted">11:21 AM</span>
<div class="2345HAO656ef5e52a5c3374 dropdown-message *** all">I've sent the final files over to you for review. When
you're able to sign off of them let me know and we can discuss distribution.</div>
</a>
<div class="2345HAOf5e52a5c33747d8c dropdown-divider"></div> <a class="2345HAO2a5c33747d8c540d dropdown-item *** all" href="#">View all
messages</a>
</div>
</li>
<li class="2345HAO33747d8c540d3e58 nav-item">
<form class="2345HAO85a72fb52b0331db form-inline my-2 my-lg-0 mr-lg-2">
<div class="2345HAO2fb52b0331dbad3e input-group"> <input class="2345HAO2b0331dbad3ea8eb form-control" type="text" placeholder="Search for...">
<span class="2345HAO31dbad3ea8eb2180 input-group-append"> <button class="2345HAOad3ea8eb2180e478 btn btn-primary" type="button"> <i
class="2345HAOa8eb2180e478fc67 fa fa-search"></i> </button> </span> </div>
</form>
</li>
<li class="2345HAO2180e478fc67ebe7 nav-item"> <a class="2345HAOe478fc67ebe70851 nav-link" data-toggle="modal" data-target="#exampleModal"> <i
class="2345HAOfc67ebe70851656e fa fa-fw fa-sign-out"></i>Logout </a> </li>
</ul>
</div>
</nav>
<div class="2345HAOebe70851656ef5e5 content-wrapper">
<div class="2345HAO0851656ef5e52a5c container-fluid"> <!-- Breadcrumbs-->
<ol class="2345HAO656ef5e52a5c3374 breadcrumb">
<li class="2345HAOf5e52a5c33747d8c breadcrumb-item"> <a href="#">Dashboard</a> </li>
<li class="2345HAO2a5c33747d8c540d breadcrumb-item active">My Dashboard</li>
</ol> <!-- Icon Cards-->
<?php $servername = "localhost"; $username = "root"; $password = ""; $dbname = "registration"; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); $sql = "SELECT * from sales_stats WHERE month='Mar' "; $result = mysqli_query($conn, $sql); if (mysqli_num_rows($result) > 0) { // output data of each row while($row = mysqli_fetch_assoc($result)) { ?>
<div class="2345HAO33747d8c540d3e58 row">
<div class="2345HAO85a72fb52b0331db col-xl-3 col- *** -6 mb-3">
<div class="2345HAO2fb52b0331dbad3e card text-white bg-primary o-hidden h-100">
<div class="2345HAO2b0331dbad3ea8eb card-body">
<div class="2345HAO31dbad3ea8eb2180 card-body-icon"> <i class="2345HAOad3ea8eb2180e478 fa fa-fw fa-comments"></i> </div>
<div class="2345HAOa8eb2180e478fc67 mr-5">
<?php echo $row['Visitors']; ?> Visitors
</div>
</div> <a class="2345HAO2180e478fc67ebe7 card-footer text-white clearfix *** all z-1" href="#"> <span
class="2345HAOe478fc67ebe70851 float-left">View Details</span> <span class="2345HAOfc67ebe70851656e float-right"> <i
class="2345HAOebe70851656ef5e5 fa fa-angle-right"></i> </span> </a>
</div>
</div>
<?php } } else { echo '0 results'; } $conn->close(); ?> <!-- Example DataTables Card-->
<div class="2345HAO0851656ef5e52a5c card mb-3">
<div class="2345HAO656ef5e52a5c3374 card-header"> <i class="2345HAOf5e52a5c33747d8c fa fa-table"></i> Data Table Example </div>
<div class="2345HAO2a5c33747d8c540d card-body">
<div class="2345HAO33747d8c540d3e58 table-responsive">
<table class="2345HAO85a72fb52b0331db table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th>ID</th>
<th>Name of Product</th>
<th>Price of Product</th>
<th>Product Category</th>
<th>Product Details</th>
</tr>
</thead>
<tfoot>
<tr>
<th>ID</th>
<th>Name of Product</th>
<th>Price of Product</th>
<th>Product Category</th>
<th>Product Details</th>
</tr>
</tfoot>
<tbody>
<?php $sql = 'SELECT * from products'; $result = mysqli_query($conn, $sql); if (mysqli_num_rows($result) > 0) { // output data of each row while($row = mysqli_fetch_assoc($result)) { ?>
<tr>
<th>
<?php echo $row['product_id']; ?>
</th>
<td>
<?php echo $row['product_name']; ?>
</td>
<td>
<?php echo $row['product_price']; ?>
</td>
<td>
<?php echo $row['product_cat']; ?>
</td>
<td>
<?php echo $row['product_details']; ?>
</td>
</tr>
<?php } } else { echo '0 results'; } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Bootstrap管理面板模板
这里有更好的免费 Bootstrap 管理面板模板，每个模板都有不同之处。请选择适合您项目的模板。
1. AdminLTE
– Source: AdminLTE
是目前更流行的免费 Bootstrap 管理模板之一。其简洁的响应式设计使其成为小型和大型项目的理想选择。其界面直观，允许开发人员快速设置一个外观时尚的管理仪表板。
AdminLTE 的与众不同之处在于它拥有大量可重复使用的组件库，如图表、图形和表单。它支持多个插件，使定制变得无缝。该模板具有高度响应性，可确保在所有设备上运行。
功能特点
- 多种预设计皮肤
- 交互式图表和图形
- 文档齐全，易于定制
优缺点
在所有设备上响应式灵敏
大量可重复使用的组件 ***
没有付费扩展，高级定制功能有限
2. SB Admin 2
– Source: SB Admin 2
是一款基于 Bootstrap 4 的现代化免费管理仪表盘模板。简约的设计注重功能性，同时确保快速、轻量级的体验。其简洁的布局使导航变得流畅和用户友好。
该模板包含一系列用户界面组件，如按钮、卡片和表单，可轻松进行调整。它还集成了 FontAwesome 图标和自定义 Bootstrap 工具，以增强造型选项。SB Admin 2 是创建基础到中级管理面板的完美选择。
功能特点
- 集成 FontAwesome 图标
- 自定义 Bootstrap 实用程序，用于扩展样式
- 简约设计，加载速度更快
优缺点
轻量级、快速加载
与 FontAwesome 图标轻松集成
开箱即用的小部件有限
3. CoreUI
– Source: CoreUI
是一款全面的免费管理仪表盘模板，它提供的远不止基本的 Bootstrap 设置。CoreUI 在设计时考虑到了开发人员的需求，功能丰富，为构建复杂的管理界面奠定了坚实的基础。它支持 Vue.js、React 和 Angular 等多个框架。
该模板因其广泛的预置组件（包括各种图表库和详细表单）而脱颖而出。CoreUI 提供的灵活性使其成为希望在更高级的 *** 应用程序中实施仪表盘的开发人员的首选。
功能特点
- 支持 Vue.js、Angular 和 React
- 详细的表单和多种图表选项
- 兼容多种框架
优缺点
多框架支持（Vue、Angular 和 React）
大量自定义选项
对于初学者来说略显复杂
4. Matrix Admin
– Source: Matrix Admin
为管理仪表盘提供了一种简单明了的 *** 。它的设计简洁，易于浏览，适合以简洁为关键的项目。该模板包含多个基本部件和用户界面组件，为功能仪表盘奠定了坚实的基础。
Matrix Admin 非常适合正在寻找轻量级模板的开发人员，它不会被不必要的功能所淹没。它包含基本的表单元素、验证工具和简单的表格，是简化后端界面的绝佳选择。
功能特点
- 简单的小部件和表单验证工具
- 轻量级、易于浏览的设计
- 具有排序和过滤功能的基本表格
优缺点
轻量级，易于设置
适合简单的后台
自定义选项有限
5. Gentelella
– Source: Gentelella
是一款优雅的免费 Bootstrap 管理模板，具有灵活的布局和许多用于高级后台系统的功能。其现代化和结构合理的设计使其成为大型项目的理想之选。Gentelella 为图表、数据表和日历提供了多个插件，确保开发人员拥有创建强大仪表盘所需的工具。
该模板因其可定制的面板和先进的插件而脱颖而出，具有很强的适应性。Gentelella 设计用于高效处理大型数据集，提供详细的表格和报告，是数据驱动型项目的完美之选。
功能特点
- 多种图表和日历插件
- 适用于大型数据集的高级数据表
- 可定制面板，布局灵活
优缺点
处理大型数据集的理想选择
包括高级数据可视化工具
对于较小的项目，可能会感觉力不从心
小结
使用 Bootstrap 5 构建 PHP 管理面板可以让您的 Web 开发更轻松，并改善用户体验应用程序的方式。但是，您所做的设计选择会影响仪表盘的运行效果、维护的简易程度以及增长的方式。
通过学习和提高技能，您可以创建用户喜爱的优秀解决方案。您还可以使用应用程序接口（API）来构建此应用程序，而无需混合 HTML 和 PHP 代码。API 将从数据库中添加或获取数据。
常见问题
问：Bootstrap 是 CSS 吗？
答：Bootstrap 不仅仅是 CSS。它是一个开源框架，包含 CSS 和 JavaScript，可帮助快速构建响应式、移动优先的网站。它为排版、表单、按钮等提供预置样式，使开发人员更容易创建一致、用户友好的网站界面。
问：什么是 PHP 仪表盘？
答：在 PHP 中，仪表盘是一种用户界面，旨在清晰地显示重要信息和数据。它将数据汇总并组织成易于阅读的格式，通常用于监控和分析，使用户可以一目了然地查看关键指标和更新。
问：Bootstrap 好还是 PHP 好？
答：Bootstrap 和 PHP 有不同的用途，因此直接比较它们并无益处。Bootstrap 是用于设计响应式网页界面的前端框架，而 PHP 是用于服务器端功能的后端编程语言。在网站开发中，它们可以协同工作，创建既实用又美观的网站。
问：如何 *** Bootstrap 管理仪表板？
A. 要使用 Bootstrap 创建管理面板，首先要使用响应式网格布局来组织导航、侧边栏和主内容等部分。加入表格、表单和卡片等组件来显示数据。利用 Bootstrap 内置的 UI 元素，如按钮、警报和模式来实现互动。对于高级功能，可考虑集成 Chart.js 等库，实现数据可视化。这样的设置可确保用户友好和移动响应的设计，便于管理数据。
问：我可以在 PHP 中使用 Bootstrap 吗？
A. 可以，您可以在 PHP 中使用 Bootstrap。Bootstrap 是一种前端框架，而 PHP 是一种后端编程语言。将两者结合起来，您就可以创建动态的、反应灵敏的网页。PHP 负责处理服务器端逻辑，而 Bootstrap 则确保用户界面具有吸引力并对移动设备友好。通过这种组合，您可以创建强大的交互式 *** 应用程序。
问：AdminLTE 是 *** 的吗？
A. 是的，AdminLTE 可以 *** 。它是使用 Bootstrap 构建的开源、响应式仪表盘模板。您可以将其用于个人和商业项目，无需支付任何许可费用。不过，请务必查看 GitHub 存储库中的具体条款，以了解任何更新或潜在限制。
问：如何在 Laravel 中集成管理仪表板？
A. 要在 Laravel 中集成管理面板，你有几个选择。你可以使用 Voyager 或 AdminLTE 这样的软件包，也可以从头开始创建自己的仪表板。首先通过 Composer 设置 Laravel 并安装必要的软件包。然后，将仪表盘的 HTML、CSS 和 JavaScript 添加到 Laravel 视图中。使用 Laravel 的路由和控制器来链接动态内容，你就能拥有一个功能强大的管理面板了。
“如何使用Bootstrap 5构建PHP管理面板” 的相关文章
宝塔面板教程之主界面管理篇
本章节主要是对宝塔面板的主界面的各个版本进行一个简单的说明。 宝塔面板主界面主要包括：服务器操作系统、服务器状态、站点信息、软件管理及网络流量几个部分。 Windows面板有部分功能未实现，其余部分与Linux面板同步。 系统操作...
宝塔面板教程之网站管理篇
宝塔面板中的网站管理是非常重要的一部分，也是站长经常需要使用到的功能模块。网站管理，主要用于管理和创建WEB站点。如果您是宝塔面板的使用用户，应该对此模块有充分的了解，以便于您更高效地管理网站。 宝塔面板网站管理模块包括：添加新网站、修改默认页、设置默认站点、站点列表、站点的运行与停止、备份站点、...
宝塔面板教程之FTP管理篇
使用宝塔面板，您可以快速地创建一个FTP管理账户，对网站文件进行管理。但有必要提醒大家的是，使用FTP远不如使用SFTP安全，你可以查看文章“”进一步了解两者之间的差异。 此外，宝塔面板的文件管理模块其实已经能够满足站长的大部分文件管理需求。当然，如果你非得要使用FTP管理服务器文件，可以参照以下...
静态与动态IP地址有何区别？
每台连接到Internet的计算机都有一个Internet协议 (IP) 地址。但是，并非所有IP地址的外观或行为都相同。 如果您使用计算机网络或服务器，了解动态IP和静态IP之间的区别至关重要。通过详细了解每个协议，您可以选择最适合您需求的解决方案。 在本文中，我们将讨论静态和动态IP之间...
宝塔面板教程之面板设置篇
宝塔面板设置主要涉及的是宝塔控制后台自身的参数，包括诸如面板的开关、自动更新及SSL、面板端口设置等。虽然这部分不涉及服务器自身的管理，但对宝塔面板的设置也有其重要。 特别是面板端口、安全入口及面板密码等涉及安全的参数设置。 启动和关闭面板 如果你长时间无需使用到宝塔面板，可以考虑...
宝塔面板教程之软件管理篇
宝塔面板提供丰富的软件以一键安装，这让服务器环境搭建提供不少的便利性，站长可以根据实际需求快速编译安装以实现不同的功能需求。 软件管理，主要是宝塔提供的一些面板扩展插件。 Nginx Nginx是一个高性能的HTTP和反向代理服务器，具有轻量级、占用内存小，并发能力强等优势。 w...
- 最新文章
- 热门阅读
-
- 站长需要掌握的知识与技能
114 浏览站长资讯
- 马斯克：特斯拉2024年AI投资百亿，FSD 安全水平将超过人类
104 浏览站长资讯
- H5项目调用微信授权并实现登录功能
97 浏览未命名
- 新站怎样做好网络营销步实用方案解决推广难题实现长期排名
90 浏览SEO推广
- 西部数据WD 25年第三季度财报：营收为 22.9 亿美元，环比下降 5%
90 浏览站长资讯
- 站长需要掌握的知识与技能
-
最新文章
随机文章
热门文章
-
Meta内部备忘录：全新Avocado成公司迄今“最强能力”大模型2026-02-05 阅读（0） -
*ST云创发布业绩预告 股民索赔持续推进中2026-02-05 阅读（1） -
Anthropic的AI布局引发分析师对IT服务收入的担忧2026-02-05 阅读（1） -
中信保诚基金绩优产品精选︱“基本面+量价”双轮驱动，做“有逻辑的量化”2026-02-05 阅读（1） -
小摩：料中集安瑞科印尼项目最多贡献7,000万人民币利润 予“增持”评级2026-02-05 阅读（1） -
雷军：向全行业所有参与冬测的汽车工程师致敬2026-02-05 阅读（1） -
贵州茅台，重回市场“C位”2026-02-05 阅读（1） -
A股震荡回调，三大指数均跌超1%，超3600股下跌，黄金股集体跳水！大消费爆发，影视股大涨，银行股拉升2026-02-05 阅读（1）
-
windows 7/8.1正在启动windows时间长的解决方法2001-12-01 阅读（42） -
如何设置Win 7通知栏重新显示电源按钮2001-12-01 阅读（43） -
解决windows 7无法将程序锁定到任务栏或附到开始菜单的方法2002-01-01 阅读（45） -
ubuntu14.04打开个几个应用窗口最小化后怎么切换呢？2002-01-01 阅读（38） -
windows 7系统开机提示Windows驱动器未就绪的故障原因及解决方法2002-01-01 阅读（34） -
Windows7播放电影视频蓝屏无论什么格式都会蓝屏2002-01-01 阅读（42） -
Ubuntu 14.10上安装新的字体图文教程2002-02-01 阅读（47） -
windows 7/8/xp系统关闭自动播放功能禁止音频媒体自动播放2002-02-01 阅读（38）
-
Windows7安装Solr+Tomcat的方法2010-05-01 阅读（215） -
windows 7下先装SQL2005后装SQL2000 正确连接方法2010-10-01 阅读（143） -
站长需要掌握的知识与技能2025-10-13 阅读（114） -
马斯克：特斯拉2024年AI投资百亿，FSD 安全水平将超过人类2025-03-21 阅读（104） -
H5项目调用微信授权并实现登录功能2025-10-13 阅读（97） -
OpenStack 入门教程2015-05-14 阅读（94） -
华为称已准备好取代谷歌应用：有10亿美元全球基金2019-12-25 阅读（93） -
西部数据WD 25年第三季度财报：营收为 22.9 亿美元，环比下降 5%2025-05-02 阅读（90）
- 热评文章
- 最近评论
-
