Това е част 5 от поредица за това как да създадете система за управление на потребителски акаунти в PHP. Можете да намерите другите части тук:част 1, част 2, част 3, част 4 и част 5.
Създайте файл с име editProfile.php във вашата папка admin/users.
editProfile.php:
<?php include('../../config.php'); ?>
<?php include(INCLUDE_PATH . '/logic/common_functions.php'); ?>
<?php include(ROOT_PATH . '/admin/middleware.php'); ?>
<?php include(ROOT_PATH . '/admin/users/userLogic.php'); ?>
<?php
$sql = "SELECT id, username, email, profile_picture FROM users WHERE id=?";
$user = getSingleRecord($sql, 'i', [$_SESSION['user']['id']]);
$roles = getMultipleRecords("SELECT * FROM roles");
$user_id = $user['id'];
$username = $user['username'];
$email = $user['email'];
$profile_picture = $user['profile_picture'];
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>UserAccounts - Edit Profile</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<!-- Custom styles -->
<link rel="stylesheet" href="../../assets/css/style.css">
</head>
<body>
<?php include(INCLUDE_PATH . "/layouts/admin_navbar.php") ?>
<div class="container">
<div class="row">
<form action="editProfile.php" method="post" enctype="multipart/form-data">
<input type="hidden" name="user_id" value="<?php echo $user_id ?>">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-center">Edit Your Profile Info</h2>
<hr>
<div class="col-md-6" style="text-align: center;">
<?php if (isset($profile_picture)): ?>
<img src="<?php echo BASE_URL . '/assets/images/' . $profile_picture; ?>" id="profile_img" style="height: 150px; border-radius: 50%" alt="">
<?php else: ?>
<img src="http://via.placeholder.com/150x150" id="profile_img" style="height: 150px; border-radius: 50%" alt="">
<?php endif; ?>
<h3>Change Profile Picture</h3>
<!-- hidden file input to trigger with JQuery -->
<input type="file" name="profile_picture" id="profile_input" value="" style="display: none;">
</div>
<div class="col-md-6">
<div class="form-group <?php echo isset($errors['username']) ? 'has-error' : '' ?>">
<label class="control-label">Username</label>
<input type="text" name="username" value="<?php echo $username; ?>" class="form-control">
<?php if (isset($errors['username'])): ?>
<span class="help-block"><?php echo $errors['username'] ?></span>
<?php endif; ?>
</div>
<div class="form-group <?php echo isset($errors['email']) ? 'has-error' : '' ?>">
<label class="control-label">Email Address</label>
<input type="email" name="email" value="<?php echo $email; ?>" class="form-control">
<?php if (isset($errors['email'])): ?>
<span class="help-block"><?php echo $errors['email'] ?></span>
<?php endif; ?>
</div>
<div class="form-group <?php echo isset($errors['passwordOld']) ? 'has-error' : '' ?>">
<label class="control-label">Old Password</label>
<input type="password" name="passwordOld" class="form-control">
<?php if (isset($errors['passwordOld'])): ?>
<span class="help-block"><?php echo $errors['passwordOld'] ?></span>
<?php endif; ?>
</div>
<div class="form-group <?php echo isset($errors['password']) ? 'has-error' : '' ?>">
<label class="control-label">Password</label>
<input type="password" name="password" class="form-control">
<?php if (isset($errors['password'])): ?>
<span class="help-block"><?php echo $errors['password'] ?></span>
<?php endif; ?>
</div>
<div class="form-group <?php echo isset($errors['passwordConf']) ? 'has-error' : '' ?>">
<label class="control-label">Password confirmation</label>
<input type="password" name="passwordConf" class="form-control">
<?php if (isset($errors['passwordConf'])): ?>
<span class="help-block"><?php echo $errors['passwordConf'] ?></span>
<?php endif; ?>
</div>
<div class="form-group <?php echo isset($errors['role_id']) ? 'has-error' : '' ?>">
<label class="control-label">User Role</label>
<select class="form-control" name="role_id" >
<option value="" ></option>
<?php foreach ($roles as $role): ?>
<?php if ($role['name'] === $_SESSION['user']['role']): ?>
<option value="<?php echo $role['id'] ?>" selected><?php echo $role['name'] ?></option>
<?php else: ?>
<option value="<?php echo $role['id'] ?>"><?php echo $role['name'] ?></option>
<?php endif; ?>
<?php endforeach; ?>
</select>
<?php if (isset($errors['role_id'])): ?>
<span class="help-block"><?php echo $errors['role_id'] ?></span>
<?php endif; ?>
</div>
<div class="form-group">
<button type="submit" name="signup_btn" class="btn btn-danger pull-right">Delete Your Account</button>
<button type="submit" name="update_profile" class="btn btn-success">Update Profile</button>
</div>
</div>
</div>
</form>
</div>
</div>
<?php include(INCLUDE_PATH . "/layouts/footer.php") ?>
<script type="text/javascript" src="../../assets/js/display_profile_image.js"></script>
Сега тази страница представя формуляр, чрез който потребителят може да редактира информацията за своя профил. Това е много подобно на функцията за актуализиране на потребителя, така че ще използваме същата функция, която актуализира потребителите, за да актуализират потребителски профил. Така че отворете userLogic.php и добавете този оператор if сред операторите if в горната част на файла.
userLogic.php:
// ... more code here
if (isset($_POST['update_profile'])) {
$user_id = $_SESSION['user']['id'];
if (!isset($user_id)) {
$_SESSION['success_msg'] = "You have to be logged in to update your profile";
header("location: " . BASE_URL . "login.php");
exit(0);
} else {
updateUser($user_id); // Update logged in user profile
}
}
// ... more code here ...Сега влезте с вашия администраторски акаунт, който създадохме по-рано. След като влезете, щракнете върху вашето потребителско име в лентата за навигация и изберете „Профил“ от падащото меню, което се показва. Това ще ви отведе до страницата за редактиране на профила. Променете информацията и натиснете бутона за актуализиране и вашият потребителски акаунт ще бъде актуализиран.
Когато актуализирате профила си, ще се покаже съобщение, че сте актуализирали успешно акаунта, но няма да видите този акаунт в списъка на таблицата с потребителски акаунти. Това е така, защото вие сте влезлият в момента потребител, така че акаунтът ви не трябва да се показва в таблицата с акаунти, когато сте влезли. Това е лично предпочитание, разбира се, ако искате да добавите акаунта си към таблицата, можете да промените подходящ изходен код.
Заключение
Благодаря ви много, че следвате този урок. Това беше доста дълго пътуване за мен, но ми хареса. Надявам се и ти. Поради колко време е бил този урок, може да съм забравил да добавя или премахна нещо. Може да съм направил грешка на едно или друго място. Ако сте забелязали такива грешки, моля, пуснете коментар в секцията за коментари, за да мога да ги поправя.
Моля, подкрепете, като споделите.
Прекрасен ден!
