04/10/2018, 17:03
[BÀI 36] HƯỚNG DẪN VIẾT MỘT TRANG WEB CƠ BẢN (PHẦN 5: VIẾT CHỨC NĂNG QUẢN LÝ KHÓA HỌC)
Trang web tôi đang hướng dẫn các bạn viết là một trang landing page của Devpro.edu.vn, trung tâm chúng tôi chuyên đào tạo lập trình PHP, Android, IOS, đồ họa,… chuyên nghiệp với các chuyên gia nhiều năm kinh nghiệm. Ở trang này có phần quản lý các khóa học mà bên Devpro đang mở lớp, và bài ...
Trang web tôi đang hướng dẫn các bạn viết là một trang landing page của Devpro.edu.vn, trung tâm chúng tôi chuyên đào tạo lập trình PHP, Android, IOS, đồ họa,… chuyên nghiệp với các chuyên gia nhiều năm kinh nghiệm. Ở trang này có phần quản lý các khóa học mà bên Devpro đang mở lớp, và bài viết sau đây tôi sẽ giới thiệu các bạn quản lý các khóa học này như thế nào!
Một khóa học cơ bản sẽ có các thông tin sau:
Hình ảnh đại diện cho khóa học.
Tên khóa học.
Mức giá hiện tại của khóa học.
…
Các chức năng quản lý cơ bản một khóa học: thêm, sửa, xóa khóa học.
Với các thông tin như tôi mô tả ở trên, tôi phải tạo một bảng mới trong database để quản lý các thông tin này:
- Tạo một bảng có tên: “khoahoc”
- Bảng khóa học sẽ có các trường sau: id (kiểu int, là khóa chính, tự động tăng), img (kiểu varchar 200, để lưu ảnh đại diện của khóa học), ten (kiểu varchar 50 để lưu tên khóa học), gia (kiểu int, để lưu giá của khóa học).
Sau khi tạo bảng xong, cấu trúc bảng sẽ như sau:
Chỉnh sửa lại link quản lý khóa học:
Trong file admin/layout/layout.php tôi sửa lại link của phần “danh sách khóa học” như hình sau:
Chi tiết 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="index.php?controller=khoahoc&act=danhsach">'Danh sách'</a>
</li>
<li>
<a href="index.php?controller=khoahoc&act=add">'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="index.php?controller=khoahoc&act=danhsach">'Danh sách'</a> </li> <li> <a href="index.php?controller=khoahoc&act=add">'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
Có thể bạn quan tâm
0
|
