04/10/2018, 17:03
[BÀI 35] HƯỚNG DẪN VIẾT MỘT TRANG WEB CƠ BẢN (PHẦN 4: THỰC HIỆN CHỨC NĂNG QUẢN LÝ BANNER)
Trong trang web tôi hướng dẫn các bạn làm, banner đóng vai trò rất quan trọng, thể hiện được điều mà chủ website muốn khách hàng chú ý, mà truyền tải thông điệp tới khách hàng. Nội dung của một banner luôn nổi bật và đây là phần mà khách hàng dễ dàng quan sát nhất. Một số chức năng cơ bản để quản ...
Trong trang web tôi hướng dẫn các bạn làm, banner đóng vai trò rất quan trọng, thể hiện được điều mà chủ website muốn khách hàng chú ý, mà truyền tải thông điệp tới khách hàng. Nội dung của một banner luôn nổi bật và đây là phần mà khách hàng dễ dàng quan sát nhất.
Một số chức năng cơ bản để quản lý banner:
- Thêm banner mới
- Sửa banner cũ
- Xóa một banner đã có
Trong thực tế, để quản lý một banner sẽ cần nhiều chức năng hơn như thế này, song để bắt đầu chúng ta hãy bắt đầu với những chức năng đơn giản và cơ bản nhất.
Thêm một banner mới:
Phần menu tôi đã tạo sẵn một mục là banner dùng để quản lý các chức năng về banner:
Tôi sẽ sửa “banner hiện tại” thành “danh sách banner” và thêm một mục nữa là “thêm banner mới”, để làm điều này tôi vào file admin/view/layout/layout.php và sửa lại như sau:
<!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_users"><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="index.php?controller=banner&act=danhsach">'Danh sách banner'</a>
</li>
<li>
<a href="index.php?controller=banner&act=add">'Thêm banner mớ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 165 166 167 |
<!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_users"><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="index.php?controller=banner&act=danhsach">'Danh sách banner'</a> </li> <li> <a href="index.php?controller=banner&act=add">'Thêm banner mớ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 glyphi
Có thể bạn quan tâm
0
|
