Question

我正在创建一个学生/教师登录页面，该页面将连接到他/她的个人仪表板。我创建了登录页面，我只想知道如何创建个人仪表板（显示个人的个人资料图片，他的设置）。任何人都可以帮我这个。我非常感激。我随身携带了仪表板的布局。（全部基于材料设计）

Answer 1

对于这个答案，我假设您对php，mySQLi和wamp服务器有一定的了解，并且知道如何创建数据库。首先创建一个数据库并创建一个名为connection.php的文件，该文件将建立与数据库的连接，该数据库将只包含此代码。

<?php
    $con= mysqli_connect("localhost","root","","database_name");
?>

现在来到您需要学生 - 教师数据的文件。现在，如果您使用电子邮件和密码登录，那么您将在文件中确认，如下所示

$query = "SELECT email, password FROM users WHERE email='{$email}' and password='{$password}'";
$result = mysqli_query($con,$query);
$num = mysqli_num_rows($result);
if ($num == 0) // that is if no records found in database
    header('location: login.php');
else{
    $row = mysqli_fetch_array($result);
    session_start();
    $_SESSION['email']=$row['email'];
    header('location: index.php');
}

现在来到index.php你需要提取该用户的数据。你可以使用echo来构建你的html。我已经在这里打印了一个卷号

<?php
    session_start();
    if (!(isset($_SESSION['email'])))
    header('location: login.php');

    error_reporting(0);
    require_once("connection.php");
    $email = $_SESSION['email'];

    $query = "SELECT * FROM users WHERE email='$email'";
    $result = mysqli_query($con,$query);
    $row = mysqli_fetch_array($result);

    $rollNo = $row['RollNumber'];
    echo "<p>Roll number of student is $rollNo </p>";
?>

Answer 2

要做到这一点你需要在HTML中使用PHP而不是CSS。 css不是那么有活力因为它兑现了

和一个dashbourd总是使用两个div

<div class="top">
 <ul>
 <a><li>logout</li></a>
 <a><li>....</li></a>
 <a><li>...</li></a>
</div>
<div class="sidebar">
 <div class="blocker">
 </div>
 <img class="profil-pic">

</div>

.top{
 width:100%;
 height:60px;
 postion:fixed;
 top:0px;
}
.top ul li{
 float:left;
 list-style:none;
}
.sidebar{
 width:20%;
 height:100vh;
 postion:fixed;
 left:0px;
 top:0px;
}
.block{
height:60px;
width:100%;
}

这是一个很好的起点

创建学生/教师仪表板

2 个答案: