1.Cài đặt
- Trang chủ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Trang chủ</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style type="text/css">
.header{
background-image: url(image/03.jpg);
width: 100%;
height: 180px;
}
.content{
background-image: url(image/02.jpg);
background-size: 1600px;
width: 100%;
height: 800px;
}
.footer{
background-image: url(image/03.jpg);
width: 100%;
height: 150px;
}
.breadcrumb{
font-size: 20px;
}
</style>
</head>
<body>
<div class="header">
<div class="container">
<div class="row">
<h2 class="text-center title-web" style="color: #FF0000; text-align: center; font-size: 40px">Luyện thi giấy phép lái xe</h2>
<nav class="navbar navbar-inverse">
<div class="navbar-header">
<a href="index.php" class="navbar-brand" style="color: #FFC338"><i class="glyphicon glyphicon-home"></i> OMYBET - Luyện thi lái xe </a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="menu">
<ul class="nav navbar-nav">
<li><a href="luyenthi.php"><i class="glyphicon glyphicon-pencil"></i> Luyện thi </a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-ban-circle"></i> Biển báo giao thông<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="bienbaocam.php">Biển báo cấm</a></li>
<li><a href="bienbaonguyhiem.php">Biển báo nguy hiểm</a></li>
<li><a href="bienhieulenh.php">Biển hiệu lệnh</a></li>
<li><a href="bienchidan.php">Biển chỉ dẫn</a></li>
<li><a href="bienphu.php">Biển phụ</a></li>
<li><a href="vachkeduong.php">Vạch kẻ đường</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-list-alt"></i> Luật giao thông<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="quytacgiaothong.php">Quy tắc giao thông</a></li>
<li><a href="camnangantoangiaothong.php">Cẩm nang an toàn giao thông</a></li>
</ul>
</li>
</ul>
<form action="" class="navber-form navbar-right">
<div class="form-group">
<a href="https://www.facebook.com/Luy%E1%BB%87n-thi-l%C3%A1i-xe-Omybet-1318392091529348/" style="button" class="btn btn-primary navbar-btn">Facebook</a>
</div>
</form>
</div>
</nav>
</div>
</div>
</div>
<div class="content">
<div class="container-fluid">
<div class="row" style="margin-top: 15px">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title" ><b style="font-size: 20px; color: #2988BF">Chào mừng bạn đến với trang web</b></h3>
</div>
<div class="panel-body" style="font-size: 18px">
<p>Đây là trang web học luyện thi lái xe giúp các bạn đang chuẩn bị thi bằng lái xe có thêm kinh nghiệm thi. Trang web này hỗ trợ rất hiệu quả khi bạn cần ôn luyện câu hỏi trắc nghiệm về luật giao thông đường bộ và cung cấp cho bạn kiến thức về các loại biển báo giao thông và cẩm nang an toàn giao thông. Ngoài ra bạn có thể tham khảo thêm mẹo thi nếu muốn học nhanh (tuy nhiên chúng tôi không khuyến khích vì nó không giúp bạn thực sự nắm vững luật giao thông).</p>
<p>Xin trân trọng cảm ơn và chúc các bạn ôn luyện tốt, nắm vững luật và đạt kết quả cao khi đi thi!</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-4">
<div class="footer-info-single">
<h2 class="title">Nhóm OMYBET</h2>
<ul class="list-unstyled">
<li><i class="glyphicon glyphicon-user"></i> Khoa Công nghệ thông tin - Đại học Công nghệ</li>
<li><i class="glyphicon glyphicon-envelope"></i> Email : [email protected]</li>
<li>Copyright © 2017 LTLX_OMYBET. All rights reserved.</li>
</ul>
</div>
</div>
<div class="col-md-7"></div>
</div>
</div>
</div>
</body>
</html>
- Màn hình chọn bài thi :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Luyện thi</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style type="text/css">
.header{
background-image: url(image/03.jpg);
width: 100%;
height: 180px;
}
.content{
}
.footer{
background-image: url(image/03.jpg);
width: 100%;
height: 150px;
}
.breadcrumb{
font-size: 20px;
}
</style>
</head>
<body>
<div class="header">
<div class="container">
<div class="row">
<h2 class="text-center title-web" style="color: #FF0000; text-align: center; font-size: 40px">Luyện thi giấy phép lái xe</h2>
<nav class="navbar navbar-inverse">
<div class="navbar-header">
<a href="index.php" class="navbar-brand" style="color: #FFC338"><i class="glyphicon glyphicon-home"></i> OMYBET - Luyện thi lái xe </a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="menu">
<ul class="nav navbar-nav">
<li class="active"><a href="luyenthi.php"><i class="glyphicon glyphicon-pencil"></i> Luyện thi </a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-ban-circle"></i> Biển báo giao thông<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="bienbaocam.php">Biển báo cấm</a></li>
<li><a href="bienbaonguyhiem.php">Biển báo nguy hiểm</a></li>
<li><a href="bienhieulenh.php">Biển hiệu lệnh</a></li>
<li><a href="bienchidan.php">Biển chỉ dẫn</a></li>
<li><a href="bienphu.php">Biển phụ</a></li>
<li><a href="vachkeduong.php">Vạch kẻ đường</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-list-alt"></i> Luật giao thông<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="quytacgiaothong.php">Quy tắc giao thông</a></li>
<li><a href="camnangantoangiaothong.php">Cẩm nang an toàn giao thông</a></li>
</ul>
</li>
</ul>
<form action="" class="navber-form navbar-right">
<div class="form-group">
<a href="https://www.facebook.com/Luy%E1%BB%87n-thi-l%C3%A1i-xe-Omybet-1318392091529348/" style="button" class="btn btn-primary navbar-btn">Facebook</a>
</div>
</form>
</div>
</nav>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="row" style="margin-top: 10px">
<div class="col-md-12">
<ul class="breadcrumb"">
<li><a href="index.php">Trang chủ</a></li>
<li><a href="">Luyện thi</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<img src="image/06.jpg" style="width: 500px; height: 200px">
<div class="caption">
<h3>
Thi đề ngẫu nhiên
</h3>
<div>
Chọn đề thi ngẫu nhiên trong danh sách đề thi
</div>
<form action="dethingaunhien.php" method="get">
<input class="btn btn-primary" type="submit" name="vaothi1" value="Vào thi">
</form>
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="image/05.jpg" style="width: 500px; height: 200px">
<div class="caption">
<h3>
Thi theo bộ đề
</h3>
<div>
Chọn đề thi xác định trong danh sách đề thi
</div>
<form action="thitheobode.php" method="get">
<input class="btn btn-primary" type="submit" name="vaothi2" value="Vào thi">
</form>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="image/04.png" style="width: 500px; height: 200px">
<div class="caption">
<h3>
Mẹo thi
</h3>
<div>
Cung cấp mẹo thi trắc nghiệm nhanh
</div>
<form action="meothitracnghiem.php" method="get">
<input class="btn btn-primary" type="submit" name="xemmeo" value="Xem mẹo">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-4">
<div class="footer-info-single">
<h2 class="title">Nhóm OMYBET</h2>
<ul class="list-unstyled">
<li><i class="glyphicon glyphicon-user"></i> Khoa Công nghệ thông tin - Đại học Công nghệ</li>
<li><i class="glyphicon glyphicon-envelope"></i> Email : [email protected]</li>
<li>Copyright © 2017 LTLX_OMYBET. All rights reserved.</li>
</ul>
</div>
</div>
<div class="col-md-7"></div>
</div>
</div>
</div>
</body>
</html>
- Chọn đề thi :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Luyện thi</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style type="text/css">
.header{
background-image: url(image/03.jpg);
width: 100%;
height: 180px;
}
.content{
}
.footer{
background-image: url(image/03.jpg);
width: 100%;
height: 150px;
}
.breadcrumb{
font-size: 20px;
}
</style>
</head>
<body>
<div class="header">
<div class="container">
<div class="row">
<h2 class="text-center title-web" style="color: #FF0000; text-align: center; font-size: 40px">Luyện thi giấy phép lái xe</h2>
<nav class="navbar navbar-inverse">
<div class="navbar-header">
<a href="index.php" class="navbar-brand" style="color: #FFC338"><i class="glyphicon glyphicon-home"></i> OMYBET - Luyện thi lái xe </a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="menu">
<ul class="nav navbar-nav">
<li class="active"><a href="luyenthi.php"><i class="glyphicon glyphicon-pencil"></i> Luyện thi </a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-ban-circle"></i> Biển báo giao thông<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="bienbaocam.php">Biển báo cấm</a></li>
<li><a href="bienbaonguyhiem.php">Biển báo nguy hiểm</a></li>
<li><a href="bienhieulenh.php">Biển hiệu lệnh</a></li>
<li><a href="bienchidan.php">Biển chỉ dẫn</a></li>
<li><a href="bienphu.php">Biển phụ</a></li>
<li><a href="vachkeduong.php">Vạch kẻ đường</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-list-alt"></i> Luật giao thông<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="quytacgiaothong.php">Quy tắc giao thông</a></li>
<li><a href="camnangantoangiaothong.php">Cẩm nang an toàn giao thông</a></li>
</ul>
</li>
</ul>
<form action="" class="navber-form navbar-right">
<div class="form-group">
<a href="https://www.facebook.com/Luy%E1%BB%87n-thi-l%C3%A1i-xe-Omybet-1318392091529348/" style="button" class="btn btn-primary navbar-btn">Facebook</a>
</div>
</form>
</div>
</nav>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="row" style="margin-top: 10px">
<div class="col-md-12">
<ul class="breadcrumb"">
<li><a href="index.php">Trang chủ</a></li>
<li><a href="luyenthi.php">Luyện thi</a></li>
<li><a href="">Thi theo bộ đề</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class=" text-center"><strong>Thi theo bộ đề</strong></h3>
</div>
<div class="panel panel-default" style="margin-top: 20px; text-align: center">
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 01">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 02">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 03">
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 04">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 05">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 06">
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 07">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 08">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 09">
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 10">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 11">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 12">
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 13">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 14">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 15">
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 16">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 17">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 18">
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 19">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 20">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 21">
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 22">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 23">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 24">
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 25">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 26">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 27">
</form>
</div>
</div>
<div class="row">
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 28">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 29">
</form>
</div>
<div class="col-md-4">
<form action="dethituchon.php" method="get">
<input class="btn btn-link" type="submit" name="dethi" value="Đề thi 30">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-4">
<div class="footer-info-single">
<h2 class="title">Nhóm OMYBET</h2>
<ul class="list-unstyled">
<li><i class="glyphicon glyphicon-user"></i> Khoa Công nghệ thông tin - Đại học Công nghệ</li>
<li><i class="glyphicon glyphicon-envelope"></i> Email : [email protected]</li>
<li>Copyright © 2017 LTLX_OMYBET. All rights reserved.</li>
</ul>
</div>
</div>
<div class="col-md-7"></div>
</div>
</div>
</div>
</body>
</html>
- Đề thi :
//Kết nối CSDL
<?php
$conn = mysql_connect("localhost", "root", "") or die("Không thể kết nối");
mysql_select_db("dbtest") or die("Không tìm thấy");
$conn -> set_charset("utf8")
$tb = mysql_query("select * from de1");
?>
// Tạo câu hỏi
<div class="panel panel-default" style="margin-top: 20px">
<?php
while($row = mysql_fetch_array($tb)){
?>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-11">
<i>Câu <?php echo $row[0]?> :<?php echo $row[1]?></i>
</div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-11">
<div>
<input id="A01" name="01" type="radio" value="A" />
<label><?php echo $row[2]?></label>
</div>
<div>
<input id="B01" name="01" type="radio" value="B" />
<label><?php echo $row[3]?></label>
</div>
<div>
<input id="C01" name="01" type="radio" value="C" />
<label><?php echo $row[4]?></label>
</div>
</div>
</div>
</div>
- Chấm thi
// Kiểm tra đáp án
<div class="panel panel-default" style="text-align: center">
<?php
while($row = mysql_fetch_array($tb)){
?>
<div class="row">
<div class="col-md-3">Câu 01</div>
<div class="col-md-3">
<?php if(isset($_GET['01']))
echo $_GET['01'];
else echo "Không lựa chọn";
?>
</div>
<div class="col-md-3">A</div>
<div class="col-md-3">
<?php if(isset($_GET['01'])){
if($_GET['01']==$row[0]) {
echo "Đúng";
$dem++;
}
else echo "Sai";
}
else echo "Sai";
?>
</div>
</div>
</div>
// Chấm điểm
<div class="panel" style="text-align: center">
<div class="row">
<div class="col-md-6"><strong>Điểm : <?php echo $dem ?>/20</strong></div>
<div class="col-md-6"><strong>Đánh giá : <?php
if($dem>=15)
echo "Đạt";
else
echo "Không đạt";
?><strong></div>
</div>
</div>