04/10/2018, 17:03
[BÀI 34] HƯỚNG DẪN VIẾT MỘT TRANG WEB CƠ BẢN (PHẦN 3: THỰC HIỆN CÁC CHỨC NĂNG USER)
Việc quản lý tài khoản là cực kỳ quan trọng, gần như trang web nào cũng cần đến việc quản lý đăng nhập của người dùng, chỉ những ai có quyền quản trị mới có quyền quản trị trang web. Ở bài trước chúng ta tự thêm tài khoản vào database, trong thực tế không ai làm như vậy cả. Việc thêm/sửa/xóa người ...
Việc quản lý tài khoản là cực kỳ quan trọng, gần như trang web nào cũng cần đến việc quản lý đăng nhập của người dùng, chỉ những ai có quyền quản trị mới có quyền quản trị trang web. Ở bài trước chúng ta tự thêm tài khoản vào database, trong thực tế không ai làm như vậy cả. Việc thêm/sửa/xóa người dùng nên thực hiện trên chính trang web của chúng ta.
Tạo trang thêm người dùng:
Ở phần quản lý người dùng, tôi có xây dựng giao diện để thực hiện một số chức năng với user:
Chức năng đầu tiên tôi sẽ hướng dẫn các bạn là chức năng thêm tài khoản:
Ở bài trước, tôi có thực hiện nhầm một số chỗ ở file admin/layout/layout.php, hôm nay tôi tiến hành sửa lại như sau:
Trang admin/layout/layout.php:
<!DOCTYPE html>
<html>
<head>
<title>'Trang quản trị'</title>
<meta charset="utf-8">
<meta name="viewport" content="awidth=device-awidth, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="public/style.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrapper">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.php">'QUẢN TRỊ HỆ THỐNG'</a>
</div>
<ul class="nav navbar-right top-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> 'Xin chào: <?php if(isset($_SESSION["loged"])) echo $_SESSION["loged"]; ?>'<b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="index.php?controller=users&act=danhsach"><i class="glyphicon glyphicon-list-alt"></i> 'Danh sách tài khoản'</a>
</li>
<li>
<a href="index.php?controller=users&act=hoso"><i class="glyphicon glyphicon-user"></i> 'Hồ sơ cá nhân'</a>
</li>
<li>
<a href="index.php?controller=users&act=add"><i class="glyphicon glyphicon-plus-sign"></i> 'Thêm tài khoản'</a>
</li>
<li class="divider"></li>
<li>
<a href="index.php?act=logout"><i class="glyphicon glyphicon-off"></i> 'Đăng xuất'</a>
</li>
</ul>
</li>
</ul>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li style="background:#52bc89;color:#fff;">
<a href="#" style="color:#fff;"><i class="glyphicon glyphicon-folder-open"></i> 'Danh mục'</a>
</li>
<li>
<a href="javascript:;" data-toggle="collapse" data-target="#demo_dmcc"><i class="glyphicon glyphicon-picture"></i> Banner <i class="glyphicon glyphicon-chevron-down"></i></a>
<ul id="demo_dmcc" class="collapse">
<li>
<a href="#">'Banner hiện tại'</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" data-toggle="collapse" data-target="#demo_dm"><i class="glyphicon glyphicon-picture"></i>' Danh sách khóa học '<i class="glyphicon glyphicon-chevron-down"></i></a>
<ul id="demo_dm" class="collapse">
<li>
<a href="#">'Danh sách'</a>
</li>
<li>
<a href="#">'Thêm mới'</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" data-toggle="collapse" data-target="#demo_dmm"><i class="glyphicon glyphicon-sunglasses"></i>' Dịch vụ của chúng tôi '<i class="glyphicon glyphicon-chevron-down"></i></a>
<ul id="demo_dmm" class="collapse">
<li>
<a href="#">'Danh sách'</a>
</li>
<li>
<a href="#">'Thêm'</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" data-toggle="collapse" data-target="#demo_bv"><i class="glyphicon glyphicon-globe"></i> 'Thông tin về Devpro' <i class="glyphicon glyphicon-chevron-down"></i></a>
<ul id="demo_bv" class="collapse">
<li>
<a href="#">'Chi tiết'</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" data-toggle="collapse" data-target="#demo_a1"><i class="glyphicon glyphicon-camera"></i> 'Thông tin liên hệ' <i class="glyphicon glyphicon-chevron-down"></i></a>
<ul id="demo_a1" class="collapse">
<li>
<a href="#">'Chi tiết'</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" data-toggle="collapse" data-target="#demo_a2"><i class="glyphicon glyphicon-tag"></i> 'Tin nhắn học viên' <i class="glyphicon glyphicon-chevron-down"></i></a>
<ul id="demo_a2" class="collapse">
<li>
<a href="#">'Danh sách'</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" data-toggle="collapse" data-target="#demo_a456"><i class="glyphicon glyphicon-star-empty"></i> Design <i class="glyphicon glyphicon-chevron-down"></i></a>
<ul id="demo_a456" class="collapse">
<li>
<a href="#">'Để nâng cấp website, liên hệ:'</a>
<a href="http://facebook.com/trung.hongoc">'Hồ Ngọc Trung'</a>
<a href="#">0969 540 038</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div id="page-wrapper">
<div class="container-fluid">
<?php
//gọi controller động:
$duongdan_controller="";
if(isset($_GET["controller"])){
$duongdan_controller="controller/controller_".$_GET["controller"].".php";
if(file_exists($duongdan_controller))
include $duongdan_controller;
}
?>
</div>
</div>
</div>
</body>
</html>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 |
<!DOCTYPE html> <html> <head> <title>'Trang quản trị'</title> <meta charset="utf-8"> <meta name="viewport" content="awidth=device-awidth, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <link rel="stylesheet" href="public/style.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div id="wrapper"> <!-- start avigation --> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.php">'QUẢN TRỊ HỆ THỐNG'</a> </div> <!-- end avigation --> <!-- start top menu --> <ul class="nav navbar-right top-nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> 'Xin chào: <?php if(isset($_SESSION["loged"])) echo $_SESSION["loged"]; ?>'<b class="caret"></b></a> <ul class="dropdown-menu"> <li> <a href="index.php?controller=users&act=danhsach"><i class="glyphicon glyphicon-list-alt"></i> 'Danh sách tài khoản'</a> </li> <li> <a href="index.php?controller=users&act=hoso"><i class="glyphicon glyphicon-user"></i> 'Hồ sơ cá nhân'</a> </li> <li> <a href="index.php?controller=users&act=add"><i class="glyphicon glyphicon-plus-sign"></i> 'Thêm tài khoản'</a> </li> <li class="divider"></li> <li> <a href="index.php?act=logout"><i class="glyphicon glyphicon-off"></i> 'Đăng xuất'</a> </li> </ul> </li> </ul> <!-- end top menu --> <!-- start menu left --> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav side-nav"> <li style="background:#52bc89;color:#fff;"> <a href="#" style="color:#fff;"><i class="glyphicon glyphicon-folder-open"></i> 'Danh mục'</a> </li> <li> <a href="javascript:;" data-toggle="collapse" data-target="#demo_dmcc"><i class="glyphicon glyphicon-picture"></i> Banner <i class="glyphicon glyphicon-chevron-down"></i></a> <ul id="demo_dmcc" class="collapse"> <li> <a href="#">'Banner hiện tại'</a> </li> </ul> </li> <li> <a href="javascript:;" data-toggle="collapse" data-target="#demo_dm"><i class="glyphicon glyphicon-picture"></i>' Danh sách khóa học '<i class="glyphicon glyphicon-chevron-down"></i></a> <ul id="demo_dm" class="collapse"> <li> <a href="#">'Danh sách'</a> </li> <li> <a href="#">'Thêm mới'</a> </li> </ul> </li> <li> <a href="javascript:;" data-toggle="collapse" data-target="#demo_dmm"><i class="glyphicon glyphicon-sunglasses"></i>' Dịch vụ của chúng tôi '<i class="glyphicon glyphicon-chevron-down"></i></a> <ul id="demo_dmm" class="collapse"> <li> <a href="#">'Danh sách'</a> </li> <li> <a href="#">'Thêm'</a> </li> </ul> </li> <li> <a href="javascript:;" data-toggle="collapse" data-target="#demo_bv"><i class="glyphicon glyphicon-globe"></i> 'Thông tin về Devpro' <i class="glyphicon glyphicon-chevron-down"></i></a> <ul id="demo_bv" class="collapse"> <li> &n
Có thể bạn quan tâm
0
|
