主頁 > 前端設計 > 多樂影視電影網站開發——HTML+CSS+JavaScript+PHP

多樂影視電影網站開發——HTML+CSS+JavaScript+PHP

2021-12-20 07:43:51 前端設計

多樂影視電影網站

  • xxlzdf-多樂影視電影網站
  • 一、系統使用展示
  • 二、系統主要結構
    • 1.系統功能介紹
    • 2.MySQL資料庫表設計
      • 用戶表user_s
      • 評論區表comment
  • 三、專案結構:
    • MySQL的連接
    • 登錄界面
    • 注冊界面
    • 主頁
    • 部分評論區功能
    • 更多片源
  • 總結

xxlzdf-多樂影視電影網站


開發語言:HTML5 CSS3 JavaScript PHP
使用工具:Visual Studio Code,Easy Eclipse for PHP,MySQL 5.7,navicat
開發者:xxlzdf及小組成員
原始碼及資料庫表結構下載:xxlzdf-多樂影視電影網站


一、系統使用展示

<iframe id="BCCklkfh-1639902657544" src="https://player.bilibili.com/player.html?aid=507459701" allowfullscreen="true" data-mediaembed="bilibili"></iframe>

多樂影視電影網站開發


二、系統主要結構

1.系統功能介紹

實作用戶注冊登錄,評論電影的功能,


2.MySQL資料庫表設計

用戶表user_s

在這里插入圖片描述

CREATE TABLE `user_s` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) DEFAULT NULL,
  `akaname` varchar(255) DEFAULT NULL,
  `pwd` varchar(255) DEFAULT NULL,
  `email` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=19 DEFAULT CHARSET=gb2312;

評論區表comment

在這里插入圖片描述

CREATE TABLE `comment` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `uname` varchar(255) DEFAULT NULL,
  `time` datetime DEFAULT NULL,
  `movie` varchar(255) DEFAULT NULL,
  `words` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=14 DEFAULT CHARSET=gb2312;

三、專案結構:

在這里插入圖片描述

MySQL的連接

//conn.php
<?php
$link=@mysqli_connect('localhost','root','123','lzf')or die("連接資料庫失敗");
mysqli_set_charset($link,'gb2312');
?>

登錄界面

在這里插入圖片描述
login.html

<!DOCTYPE HTML>
<html>
<head>
	<title>Login</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
	<meta name="keywords" content="Movie_store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design">
	<link href="../css/bootstrap.css" rel='stylesheet' type='text/css'>
	<link href="../css/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
	<div class="container">
		<div class="container_wrap">
			<div class="header_top">
				<div class="col-sm-3 logo"><a href="../index.php"><img src="../images/logo.png" alt width="120px" height="40px" style="float:left;" ></a></div>
				<div class="clearfix"> </div>
			</div>
			<div class="content">
				<div class="register">
					<div class="col-md-6 login-left">
						<h3>新用戶</h3>
						<p>如果您還不是網站的注冊會員,請您點擊下面的鏈接進行注冊,</p>
						<a class="acount-btn" href="register.html">注冊新用戶</a>
					</div>
					<div class="col-md-6 login-right">
						<h3>已注冊用戶</h3>
						<p>如果您已經有網站的賬號,請登錄,</p>
						<form action="../login.php" method="post">
							<div>
								<span>郵箱地址<label>*</label></span>
								<input type="text" name="Array[email]">
							</div>
							<div>
								<span>密碼<label>*</label></span>
								<input type="password" name="Array[pwd]">
							</div>
							<input type="submit" value="登錄">
						</form>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

后端php代碼:

<?php
header("Content-Type: text/html; charset=gb2312");
session_start();
if ($_POST) {
	include_once ("conn.php");
	$s = $_POST['Array'];
	if (empty ($s['email']) || empty ($s['pwd'])) {
		echo "<script>alert('欄位內容不能為空!');parent.location.href='html/login.html';</script>";
	} else {
		$email = $s['email'];
		$query = "select * from user_s where email = '$email'";
		$result = mysqli_query($link, $query);
		if (mysqli_num_rows($result) == 0) {
			echo "<script>alert('用戶不存在,請先進行注冊!');parent.location.href='html/login.html';</script>";
		} else {
			$pwd=$s['pwd'];
			$res=mysqli_fetch_row($result);
			$pass=$res[3];
			$name=$res[2];
			if (strcmp($pwd,$pass)==0) {
				// 保存登錄資訊到Session,并跳轉到首頁
				$_SESSION['user'] = $name;
				echo "<script>alert('登錄成功!');parent.location.href='index.php';</script>";
			} else {
				echo "<script>alert('密碼輸入錯誤!');parent.location.href='html/login.html';</script>";
			}
		}
	}
}
?>

注冊界面

在這里插入圖片描述
register.html

<!DOCTYPE HTML>
<html>
<head>
	<title>Register</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
	<meta name="keywords" content="Movie_store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<link href="../css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="../css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
	<div class="container">
		<div class="container_wrap">
			<div class="header_top">
				<div class="col-sm-3 logo"><a href="../index.php"><img src="../images/logo.png" alt width="120px" height="40px" style="float:left;"></a></div>
				<div class="clearfix"> </div>
			</div>
			<div class="content">
				<div class="register">
					<div class="register-but">
						<form action="../register.php" method="post">
							<div class="register-top-grid">
								<h3>用戶注冊</h3>
								<div>
									<span>用戶名<label>*</label></span>
									<input type="text" name="Array[username]">
								</div>
								<div>
									<span>昵稱<label>*</label></span>
									<input type="text" name="Array[akaname]">
								</div>
								<div>
									<span>郵箱<label>*</label></span>
									<input type="text" name="Array[email]">
								</div>
								<div class="clearfix"> </div>
								<a class="news-letter" href="#">
								</a>
							</div>
							<div class="register-bottom-grid">
								<h3>登錄資訊</h3>
								<div>
									<span>用戶密碼<label>*</label></span>
									<input type="password" name="Array[password1]">
								</div>
								<div>
									<span>確認密碼<label>*</label></span>
									<input type="password" name="Array[password2]">
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="clearfix"> </div>
							<input type="submit" value="注冊">
							<div class="clearfix"> </div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div>
</body>
</html>

register.php

<?php
header("Content-Type: text/html; charset=gb2312");
session_start();
if ($_POST) {
	$s = $_POST['Array'];
	include_once ("conn.php");
	if (empty ($s['username']) || empty ($s['akaname']) || empty ($s['email']) || empty ($s['password1']) || empty ($s['password2'])) {
		echo "<script>alert('欄位內容不能為空!');parent.location.href='html/register.html';</script>";
	} else {
		$email = $s['email'];
		$query = "select * from user_s where email = '$email'";
		$result = mysqli_query($link, $query);
		$pwd = $s['password1'];
		$pwd1 = $s['password2'];
		if (strcmp($pwd, $pwd1) != 0) {
			echo "<script>alert('兩次密碼輸入不一致,請重新輸入!');parent.location.href='html/register.html';</script>";
		} else {
			if (mysqli_num_rows($result) != 0) {
				echo "<script>alert('郵箱已被注冊,請重新輸入!');parent.location.href='html/register.html';</script>";
			} else {
				$name = $s['akaname'];
				$uname = $s['username'];
				mysqli_query($link, "set names gb2312");
				$query = "select * from user_s where akaname = '$name'";
				$result = mysqli_query($link, $query);
				if (!$result) {
					exit ('寫入資料庫失敗!' . mysqli_error($link));
					exit ();
				}
				if (mysqli_num_rows($result) != 0) {
					echo "<script>alert('昵稱重復,請重新輸入!');parent.location.href='html/register.html';</script>";
				}
				$uname = iconv("UTF-8", "GB2312//IGNORE", $uname);
				$name = iconv("UTF-8", "GB2312//IGNORE", $name);
				$pwd = iconv("UTF-8", "GB2312//IGNORE", $pwd);
				$email = iconv("UTF-8", "GB2312//IGNORE", $email);
				$_SESSION['user'] = $name;
				$query = "insert into user_s (username,akaname,pwd,email) values ('$uname','$name','$pwd','$email')";
				$result = mysqli_query($link, $query);
				if (!$result) {
					exit ('寫入資料庫失敗!' . mysqli_error($link));
				} else {
					echo "<script>alert('注冊成功!');parent.location.href='index.php';</script>";
				}
			}
		}
	}
}
?>

主頁

利用session保存登錄用戶的用戶名,
在這里插入圖片描述
index.php

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta name="keywords" content="Movie_store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script
        type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!-- start plugins -->
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <link href='http://fonts.useso.com/css?family=Roboto+Condensed:100,200,300,400,500,600,700,800,900' rel='stylesheet'
        type='text/css'>
    <script src="js/responsiveslides.min.js"></script>
    <script>
        $(function () {
            $("#slider").responsiveSlides({
                auto: true,
                nav: true,
                speed: 500,
                namespace: "callbacks",
                pager: true,
            });
        });
    </script>
</head>

<body>
    <div class="container">
        <div class="container_wrap">
            <div class="header_top">
                <div class="col-sm-3 logo"><a href="index.php"><img src="images/logo.png" alt="" width="120px"
                            height="40px" style="float: left;" /></a></div>
                <div class="col-sm-6 nav">
                    <!-- <ul>
				 <li> <span class="simptip-position-bottom simptip-movable" data-tooltip="comic"><a href="movie.html"> </a></span></li>
				 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="movie"><a href="movie.html"> </a> </span></li>
				 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="video"><a href="movie.html"> </a></span></li>
				 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="game"><a href="movie.html"> </a></span></li>
				 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="tv"><a href="movie.html"> </a></span></li>
				 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="more"><a href="movie.html"> </a></span></li>
			 </ul> -->
                </div>
                <div class="col-sm-3 header_right">
                    <ul class="header_right_box">
                        <li><img src="images/p1.png" alt="" /></li>
                        <li>
                            <p><a a href="logout.php" onclick="javascript:return del()">
<?php
header("Content-Type: text/html; charset=gb2312");
session_start();
if (isset ($_SESSION['user'])) {
	$name = $_SESSION['user'];
	//echo $_SESSION['user'] . ',歡迎你!';   // 用戶已登錄
	echo '<font color="gray">' . $name . '</font>';
	echo '<SCRIPT LANGUAGE=javascript>
		function del() {
		var msg = "您確定要退出嗎?";
		if (confirm(msg)==true){'.
			 'return true;
		}else{
			return false;
		}
	}
	</SCRIPT>';
} else {
	echo '<font color="gray">請登錄</font>';
}
?>
                                </a></p>
                        </li>
                        <li class="last">
                            <!-- <i class="edit"> </i> -->
                        </li>
                        <div class="clearfix"> </div>
                    </ul>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="slider">
                <div class="callbacks_container">
                    <ul class="rslides" id="slider">
                        <li><img src="images/banner.jpg" class="img-responsive" alt="" />
                            <div class="button">
                                <a href="https://www.iqiyi.com/v_19rr7qiwak.html?vfrm=pcw_playpage&vfrmblk=80521_listbox&vfrmrst=80521_chaojuji_image2" class="hvr-shutter-out-horizontal">現在觀看</a>
                            </div>
                        </li>
                        <li><img src="images/banner1.jpg" class="img-responsive" alt="" />
                            <div class="button">
                                <a href="https://v.qq.com/x/cover/vqm1l9en588rdtx/q0024hajctr.html?ptag=iqiyi" class="hvr-shutter-out-horizontal">現在觀看</a>
                            </div>
                        </li>
                        <li><img src="images/banner2.jpg" class="img-responsive" alt="" />
                            <div class="button">
                                <a href="https://www.iqiyi.com/v_19rrk3p3ds.html" class="hvr-shutter-out-horizontal">現在觀看</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="banner_desc">
                    <div class="col-md-9">
                        <ul class="list_1">
                            <li>出版時間 <span class="m_1">2021-12-14</span></li>
                            <li>上次更新 <span class="m_1">2021-12-14</span></li>
                            <li>推薦指數 <span class="m_1"><img src="images/rating.png" alt="" /></span></li>
                        </ul>
                    </div>
                    <div class="col-md-3 grid_1">
                        <ul class="list_1 list_2">
                            <li><i class="icon1"> </i>
                                <p>2,548</p>
                            </li>
                            <!-- <li><i class="icon2"> </i><p>215</p></li>
			    			<li><i class="icon3"> </i><p>546</p></li> -->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="box_1">
                    <h1 class="m_2">海外電影</h1>
                    <div class="search">
                        <a href="movie.php">點擊查看更多片源>>></a>
                    </div>
                    <div class="clearfix"> </div>
                </div>

                <div class="box_2">
                    <div class="col-md-5 grid_3">
                        <div class="row_1">
                            <div class="col-md-6 grid_4">
                                <a href="single1.html">
                                    <div class="grid_2">
                                        <a href="single1.php"><img src="images/pic1.jpg" class="img-responsive"
                                                alt="" /></a>
                                        <div class="caption1">
                                            <ul class="list_3">
                                                <li><i class="icon5"> </i>
                                                    <p>3,548</p>
                                                </li>
                                            </ul>
                                            <i class="icon4"> </i>
                                            <p class="m_3">銀河護衛隊</p>
                                        </div>
                                    </div>
                                    <div class="grid_2 col_1">
                                        <a href="single1.php"><img src="images/yinhe3.webp" class="img-responsive"
                                                alt="" /></a>
                                        <div class="caption1">
                                            <!-- <ul class="list_3">
				    		<li><i class="icon5"> </i><p>3,548</p></li>
				    	</ul> -->
                                            <i class="icon4"> </i>
                                            <p class="m_3"></p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-md-6 grid_7">
                                <div class="col_2">
                                    <ul class="list_4">
                                        <li><i class="icon1"> </i>
                                            <p>2,548</p>
                                        </li>
                                        <li><i class="icon2"> </i>
                                            <p>215</p>
                                        </li>
                                        <li><i class="icon3"> </i>
                                            <p>546</p>
                                        </li>
                                        <li>推薦指數 : &nbsp;&nbsp;<p><img src="images/rating1.png" alt="" /></p>
                                        </li>
                                        <li>發布時間: &nbsp;<span class="m_4">2021-12-14</span> </li>
                                        <div class="clearfix"> </div>
                                    </ul>
                                    <div class="m_5"><a href="single1.php"><img src="images/yinhe1.webp"
                                                class="img-responsive" alt="" /></a></div>
                                </div>
                            </div>
                            <div class="clearfix"> </div>
                        </div>


                        <div class="row_2">

                            <small>&copy;著作權來源:中原工學院軟體學院梁焯菲組</small><br />
                            <small>&spades;小組成員:梁焯菲、趙翰君、孫正正</small>
                            <!-- <a href="single.html"><img src="images/pic4.jpg" class="img-responsive" alt=""/></a> -->
                        </div>
                    </div>
                    <div class="col-md-5 content_right">
                        <div class="row_3">
                            <div class="col-md-6 content_right-box"><a href="single2.php">
                                    <div class="grid_2">
                                        <img src="images/pic7.jpg" class="img-responsive" alt="" />
                                        <div class="caption1">
                                            <!-- <ul class="list_5">
				    		<li><i class="icon5"> </i><p>3,548</p></li>
				    	</ul> -->
                                            <!-- <i class="icon4 icon6"> </i> -->
                                            <p class="m_3">蜘蛛俠</p>
                                        </div>
                                    </div>
                                </a></div>


                            <div class="col-md-6 grid_5">
                                <a href="single2.php">
                                    <div class="grid_2">
                                        <img src="images/pic7.jpg" class="img-responsive" alt="" />
                                        <div class="caption1">
                                            <ul class="list_5">
                                                <li><i class="icon5"> </i>
                                                    <p>3,548</p>
                                                </li>
                                            </ul>
                                            <i class="icon4 icon6"> </i>
                                            <p class="m_3">蜘蛛俠</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                        <div class="video">
                            <iframe width="100%" height="" src="./images/1.mp4" frameborder="0"
                                allowfullscreen></iframe>
                        </div>
                        <div class="row_5">
                            <div class="col-md-6">
                                <div class="col_2">
                                    <ul class="list_4">
                                        <li><i class="icon1"> </i>
                                            <p>2,548</p>
                                        </li>
                                        <li><i class="icon2"> </i>
                                            <p>215</p>
                                        </li>
                                        <li><i class="icon3"> </i>
                                            <p>546</p>
                                        </li>
                                        <!-- <li>推薦指數 : &nbsp;&nbsp;<p><img src="images/rating1.png" alt=""/></p></li> -->
                                        <li>發布時間: &nbsp;<span class="m_4">2021-12-14</span> </li>
                                        <div class="clearfix"> </div>
                                    </ul>

                                </div>
                            </div>
                            <div class="col-md-6 m_6">
                                <a href="single2.php">
                                    <img src="images/pic8.jpg" class="img-responsive" alt="" />
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-2 grid_6">
                        <div class="m_7">
                            <a href="single3.php"><img src="images/pic9.jpg" class="img-responsive" alt="" /></a>
                        </div>
                        <div class="caption1">
                            <ul class="list_5">
                                <li><i class="icon5"> </i>
                                    <p>3,548</p>
                                </li>
                            </ul>
                            <i class="icon4 icon6"> </i>
                            <p class="m_3">金剛狼</p>
                        </div>
                        <div class="col_2 col_3">
                            <ul class="list_4">
                                <li><i class="icon1"> </i>
                                    <p>2,548</p>
                                </li>
                                <li><i class="icon2"> </i>
                                    <p>215</p>
                                </li>
                                <li><i class="icon3"> </i>
                                    <p>546</p>
                                </li>
                                <li>推薦指數 : &nbsp;&nbsp;<p><img src="images/rating1.png" alt="" /></p>
                                </li>
                                <div class="clearfix"> </div>
                            </ul>
                            <div class="m_8"><a href="single3.php"><img src="images/pic10.jpg" class="img-responsive"
                                        alt="" />
                                </a></div>
                        </div>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

部分評論區功能

如果未登錄,提示用戶先登錄才能進行評論,登錄評論后將資料寫入comment表中,最后由欄位進行檢索輸出,
在這里插入圖片描述
single1.php

<?php
header("Content-Type: text/html; charset=gb2312");
?>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!DOCTYPE HTML>
<html>
<head>
<title>Single</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Movie_store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start plugins -->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<link href='http://fonts.useso.com/css?family=Roboto+Condensed:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
</head>

<body>
	<div class="container">
		<div class="container_wrap">
			<div class="header_top">
				<div class="col-sm-3 logo"><a href="index.php"><img src="images/logo.png" alt="" width="120px" height="40px"  style="float: left;"/></a></div>
				<div class="col-sm-6 nav">
				  <!-- <ul>
					 <li> <span class="simptip-position-bottom simptip-movable" data-tooltip="comic"><a href="movie.html"> </a></span></li>
					 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="movie"><a href="movie.html"> </a> </span></li>
					 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="video"><a href="movie.html"> </a></span></li>
					 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="game"><a href="movie.html"> </a></span></li>
					 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="tv"><a href="movie.html"> </a></span></li>
					 <li><span class="simptip-position-bottom simptip-movable" data-tooltip="more"><a href="movie.html"> </a></span></li>
				 </ul> -->
				</div>
				<div class="col-sm-3 header_right">
				   <ul class="header_right_box">
					 <li><img src="images/p1.png" alt=""/></li>
					 <li><p><a a href="logout.php" onclick="javascript:return del()">
<?php
session_start();
if (isset ($_SESSION['user'])) {
	$name = $_SESSION['user'];
	//echo $_SESSION['user'] . ',歡迎你!';   // 用戶已登錄
	echo '<font color="gray">' . $name . '</font>';
	echo '<SCRIPT LANGUAGE=javascript>
		function del() {
		var msg = "您確定要退出嗎?";
		if (confirm(msg)==true){'.
			 'return true;
		}else{
			return false;
		}
	}
	</SCRIPT>';
} else {
	echo '<font color="gray">請登錄</font>';
}
?>
					 </a></p></li>
					 <li class="last">
						 <!-- <i class="edit"> </i> -->
						</li>
					 <div class="clearfix"> </div>
				   </ul>
				</div>
				<div class="clearfix"> </div>
			  </div>
	   <div class="content">
      	   <div class="movie_top">
      	         <div class="col-md-9 movie_box">
                        <div class="grid images_3_of_2">
                        	<div class="movie_image">
                                <span class="movie_rating">5.0</span>
                                <img src="images/single.jpg" class="img-responsive" alt=""/>
                            </div>
                            <div class="movie_rate">
                            	<div class="rating_desc"><p>Your Vote :</p></div>
                            	<form action="" class="sky-form">
							     <fieldset>
								   <section>
								     <div class="rating">
										<input type="radio" name="stars-rating" id="stars-rating-5">
										<label for="stars-rating-5"><i class="icon-star"></i></label>
										<input type="radio" name="stars-rating" id="stars-rating-4">
										<label for="stars-rating-4"><i class="icon-star"></i></label>
										<input type="radio" name="stars-rating" id="stars-rating-3">
										<label for="stars-rating-3"><i class="icon-star"></i></label>
										<input type="radio" name="stars-rating" id="stars-rating-2">
										<label for="stars-rating-2"><i class="icon-star"></i></label>
										<input type="radio" name="stars-rating" id="stars-rating-1">
										<label for="stars-rating-1"><i class="icon-star"></i></label>
									 </div>
								  </section>
							    </fieldset>
						  	   </form>
						  	   <div class="clearfix"> </div>
                            </div>
                        </div>
                        <div class="desc1 span_3_of_2">
                        	<p class="movie_option"><strong>國家:</strong><a href="#">英國</a>, <a href="#">美國</a></p>
                        	<p class="movie_option"><strong>年份: </strong>2014</p>
                        	<p class="movie_option"><strong>分類: </strong><a href="#">Adventure</a>, <a href="#">Fantazy</a></p>
                        	<p class="movie_option"><strong>發行日期: </strong>20141010</p>
                        	<p class="movie_option"><strong>導演: </strong><a href="#">詹姆斯·古恩 </a></p>
                        	<p class="movie_option"><strong>演員: </strong><a href="#">
								克里斯·帕拉特</a>, <a href="#">佐伊·索爾達娜</a>, <a href="#">李·佩斯</a>, <a href="#"> 布萊德利·庫珀</a> <a href="#">...</a></p>
                            <!-- <p class="movie_option"><strong>Age restriction: </strong>13</p>  -->
							<p class="movie_option"></p>
							<p class="movie_option"></p>
                            <div class="down_btn"><a class="btn1" href="https://www.iqiyi.com/v_19rr7qiwak.html?vfrm=pcw_playpage&vfrmblk=80521_listbox&vfrmrst=80521_chaojuji_image2"><span> </span>觀看</a></div>
                         </div>
                        <div class="clearfix"> </div>
                        <p class="m_4">《銀河護衛隊》(Guardians of the Galaxy)是漫威影業出品的一部科幻動作電影,取材自漫威漫畫,是漫威電影宇宙的第十部電影,由迪士尼影業出品、漫威影業制作,詹姆斯·古恩執導,克里斯·帕拉特、范·迪塞爾、布萊德利·庫珀、佐伊·索爾達娜、戴夫·巴蒂斯塔、李·佩斯等主演,影片于201481日在北美公映,</p>
		                <form name="myform" method="post">
							<div class="to">
		                     	<!--<input type="text" id="itsname" class="text" placeholder="姓名" onfocus="this.value = '';"  onblur="if (this.value == '') {this.value = 'Name';}">
							 	<input type="text" class="text" placeholder="郵箱" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" style="margin-left:3%">-->
							</div>
							<div class="text">
			                   <textarea name="text"></textarea>
			                </div>
			                <div class="form-submit1">
					           <input name="submit" type="submit" id="submit" value="評論""><br>
							   <!--<script>
								   function wowowo(){
									alert("評論成功,感謝您的評論!");
								   }
							   </script>-->
					        </div>
							<div class="clearfix"></div>
                 		</form>
<?php
if (!empty ($_POST)) {
	$text = $_POST['text'];
	if (empty ($text)) {
		echo '<script>alert("評論內容不能為空!");</script>';
	} else {
		if (isset ($_SESSION['user'])) {
			$name = $_SESSION['user'];
			update($name, $text);
		} else
			echo "<script>alert('請您先登錄再進行評論!');</script>";
	}
}
function update($name, $text) {
	$movie = "Galaxy";
	include ("conn.php");
	date_default_timezone_set('Asia/Chongqing');
	$today = date('Y-m-d H:i:s', time());
	$query = "insert into `comment` (uname,time,movie,words) VALUES ('$name','$today','$movie','$text');";
	$result = mysqli_query($link, $query);
	if (!$result) {
		exit ('寫入資料庫失敗!' . mysqli_error($link));
	} else {
		echo "<script>alert('評論成功,感謝您的參與!');parent.location.href='single1.php';</script>";
	}
}
?>
		                <div class="single">
		                <h1>Comments</h1>
		                <ul class="single_list">
					        <li>
					            <div class="preview"><a href="#"><img src="images/2.jpg" class="img-responsive" alt=""></a></div>
					            <div class="data">
					                <div class="title">呵呵少年  /  2014-12-31 19:25:34</div>
					                <p>	可能是因為他很痛苦,他認為自己身體很好,但他被迫忍受九次痛苦,因為當我來到最不聰明的人面前,他從最不聰明的人那里得到了我們軍隊的演講,他不想嘲笑他們中的任何一個, </p>
					            </div>
					            <div class="clearfix"></div>
					        </li>
					         <li>
					            <div class="preview"><a href="#"><img src="images/3.jpg" class="img-responsive" alt=""></a></div>
					            <div class="data">
					                <div class="title">不會寫評論的杠精  /  2015-5-11 16:21:34</div>
					                <p>但是如果他受苦兩次或兩次以上,他將在禿鷲中受苦,或者如果他受苦,他將不受任何困難,但會習慣,我將因他用一杯油責備的正義仇恨而感到榮幸,并將用兩種悲傷摧毀植物,這將使你不再容易受苦,因為當我們選擇這個選項時,我們不能給主人帶來任何快樂</p>
					            </div>
					            <div class="clearfix"></div>
					        </li>
					         <li>
					            <div class="preview"><a href="#"><img src="images/4.jpg" class="img-responsive" alt=""></a></div>
					            <div class="data">
					                <div class="title">王五麻子  /  2016-9-16 20:11:16</div>
					                <p>什么垃圾電影,差評 </p>
					            </div>
					           <div class="clearfix"></div>
					        </li>
					     	<li class="middle">
					            <div class="preview"><a href="#"><img src="images/5.jpg" class="img-responsive" alt=""></a></div>
					            <div class="data-middle">
					                <div class="title">村口跳舞的趙四   /  2018-3-21 16:45:34</div>
					                <p>殘疾人擺脫快去看病</p>
					            </div>
					            <div class="clearfix"></div>
					        </li>
					        <li class="last-comment">
					            <div class="preview"><a href="#"><img src="images/6.jpg" class="img-responsive" alt=""></a></div>
					            <div class="data-last">
					                <div class="title">鋼鐵俠一號 /  2020-1-7 17:21:54</div>
					                <p>我們都是偉大祖國的花朵</p>
					            </div>
					            <div class="clearfix"></div>
					        </li>
					         <li>
					            <div class="preview"><a href="#"><img src="images/7.jpg" class="img-responsive" alt=""></a></div>
					            <div class="data">
					                <div class="title">村口集合,水泥自備  /  2021-2-1 00:01:14</div>
					                <p> 非常不錯的電影,值得推薦!</p>
					            </div>
					            <div class="clearfix"></div>
					        </li>
<?php
include ("conn.php");
$query = "select * from `comment` where movie = 'galaxy';";
$result = mysqli_query($link, $query);
if (!$result) {
	exit ('查詢錯誤!');
}
while ($row = mysqli_fetch_assoc($result)) {
	$uname = $row['uname'];
	$time = $row['time'];
	$words = $row['words'];
	echo '<li>' .
	'<div class="preview"><a href="#"><img src="images/p1.png" class="img-responsive" alt=""></a></div>' .
	'<div class="data">';
	echo '<div class="title">' . $uname . '  /  ' . $time . '</div>
					<p> ' . $words . '</p>';
	echo '</div>' .
	'<div class="clearfix"></div>' .
	'</li>';
}
?>
			  			</ul>
                      </div>
                      </div>
                      <div class="col-md-3">
                      	<div class="movie_img"><div class="grid_2">
							<img src="images/pic6.jpg" class="img-responsive" alt="">
							<div class="caption1">
									<ul class="list_5 list_7">
							    		<li><i class="icon5"> </i><p>3,548</p></li>
							    	</ul>
							    	<i class="icon4 icon6 icon7"> </i>
							    	<p class="m_3">美國隊長1</p>
							</div>
						    </div>
						   </div>
                      	  <div class="grid_2 col_1">
							<img src="images/pic2.jpg" class="img-responsive" alt="">
							<div class="caption1">
								<ul class="list_3 list_7">
						    		<li><i class="icon5"> </i><p>3,548</p></li>
						    	</ul>
						    	<i class="icon4 icon7"> </i>
						    	<p class="m_3">美國隊長2</p>
							</div>
						   </div>
						    <div class="grid_2 col_1">
							<img src="images/pic9.jpg" class="img-responsive" alt="">
							<div class="caption1">
								<ul class="list_3 list_7">
						    		<li><i class="icon5"> </i><p>3,548</p></li>
						    	</ul>
						    	<i class="icon4 icon7"> </i>
						    	<p class="m_3">綠巨人</p>
							</div>
						   </div>
		               </div>
                      <div class="clearfix"> </div>
                  </div>
           </div>
    </div>
</div>

</body>
</html>

更多片源

代碼詳見原始碼
在這里插入圖片描述


總結

本學期學習了php編程語言,并了解了與web互動相關的知識,學期末完成這個大作業,參考了網上的模板主要進行后臺的撰寫,以及模板內容的填充,
代碼模板參考:愛給網
本篇原始碼下載:xxlzdf-多樂影視電影網站

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/386618.html

標籤:其他

上一篇:jQuery夾娃娃小游戲

下一篇:哈希表(JavaScript實作)

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more