pftgehb5r
/
pythonspider-213
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

merge into: pftgehb5r:master
Branches Tags
pftgehb5r:master
pftgehb5r:web
...
pull from: pftgehb5r:web
Branches Tags
pftgehb5r:master
pftgehb5r:web

8 Commits
master ... web

Author SHA1 Message Date
pghak4z3n 6a19e76574 Merge pull request 'dev 1.0' (#1) from master into web
3 years ago
peyxgo6zl a3dccdf53b ADD file via upload
3 years ago
peyxgo6zl f70160b0f3 ADD file via upload
3 years ago
peyxgo6zl bd624efd2a ADD file via upload
3 years ago
peyxgo6zl f954f9ba56 ADD file via upload
3 years ago
peyxgo6zl ef424af5e6 ADD file via upload
3 years ago
peyxgo6zl 59aa3b8878 ADD file via upload
3 years ago
peyxgo6zl 9fb394cae9 ADD file via upload
3 years ago
7 changed files with 1192 additions and 0 deletions
Show Stats

151
css1.css
Unescape View File

@ -0,0 +1,151 @@
.topnav {
overflow: hidden;
background-color: whitesmoke;
float: left;
width: 100%;
text-align: center;
font-size: 20px;
position: fixed;
top:0;
box-shadow: 10px 5px 15px dimgray;
z-index: 1;
}
.topnav a{
display: inline-block;
color: black;
text-align: center;
padding: 20px 60px;
text-decoration: none;
}
.topnav a:hover{
background-color: black;
}
.topnav a:active{
background-color: dimgray;
}
.header{
background: #7ec6bc; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ebe717, #7ec6bc); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ebe717, #7ec6bc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
width: 100%;
color: white;
padding: 50px 0px;
text-align: center;
font-size: 72px;
}
.topnav a:hover{
background-color: black;
color: white;
top:60px;
}
#frame{
text-align: center;
}
#frame iframe{
width: 100%;
height: 1800px;
border: 0;
}
.introduction{
text-align: center;
width: 100%;
height: 500px;
padding-top: 80px;
}
.try{
color: white;
text-decoration-line: none;
position: relative;
top:50px;
border: none;
font-size: 20px;
background-color: black;
padding: 30px 60px;
border-radius: 10px;
}
.try:hover{
background-color: dimgray;
}
.title{
font-size: 72px;
position: relative;
top:-80px;
}
.playing{
width: 100%;
text-align: center;
}
.lable{
position: relative;
top:100px;
font-size: 48px;
}
.searching{
width: 100%;
height: 50px;
position: relative;
top:100px;
}
.searching ul{
list-style-type: none;
}
.searching ul li{
display: inline-block;
}
.searching input{
width: 800px;
height: 80px;
font-size: 48px;
border-radius: 10px;
}
.searching input:focus{
background-color: black;
color: white;
}
.searching_logo button{
text-align: center;
border: none;
width: 88px;
height: 88px;
font-size: 48px;
position: relative;
top: 4px;
border-radius: 10px;
}
.searching_logo button:hover{
background-color: black;
}
.about{
width: 100%;
height: 1080px;
background-image: url("IMG_0210.JPG")}
.us{
position: relative;
top: 100px;
width: 100%;
font-size: 60px;
text-align: center;
}

156
first.html
Unescape View File

@ -0,0 +1,156 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>豆瓣Top250数据分析</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="static/assets/img/favicon.png" rel="icon">
<link href="static/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="static/assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="static/assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="static/assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Mamba - v2.0.1
* Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header">
<div class="container">
<div class="logo float-left">
<h1 class="text-light"><a href="/first"><span>ＣＡＴＣＨ</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="static/assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav class="nav-menu float-right d-none d-lg-block">
<ul>
<li class="active"><a href="/first">首页</a></li>
<li><a href="/movie">电影</a></li>
<li><a href="/score">评分</a></li>
<li><a href="/word">词云</a></li>
<li><a href="/team">团队</a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<!-- ======= Our Team Section ======= -->
<section id="team" class="team">
<div class="container">
<div class="section-title">
<h2>豆瓣电影Top250</h2>
<p>看到你想看的</p>
</div>
<!-- ======= Counts Section ======= -->
<section class="counts section-bg">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 text-center" data-aos="fade-up">
<a href="/movie">
<div class="count-box">
<div class="pic"><img src="static/assets/img/touch/排行榜.png" class="img-fluid" alt=""></div>
{# <i class="icofont-simple-smile" style="color: #20b38e;"></i>#}
<span data-toggle="counter-up">250</span>
<p>高分电影</p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6 text-center" data-aos="fade-up" data-aos-delay="200">
<a href="/score">
<div class="count-box">
{# <i class="icofont-document-folder" style="color: #c042ff;"></i>#}
<div class="pic"><img src="static/assets/img/touch/合_00-统计分析.png" class="img-fluid" alt=""></div>
<span data-toggle="counter-up">1</span>
<p>评分统计</p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6 text-center" data-aos="fade-up" data-aos-delay="400">
<a href="/word">
<div class="count-box">
{# <i class="icofont-live-support" style="color: #46d1ff;"></i>#}
<div class="pic"><img src="static/assets/img/touch/数据库，数据.png" class="img-fluid" alt=""></div>
<span data-toggle="counter-up">5693</span>
<p>词汇统计</p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6 text-center" data-aos="fade-up" data-aos-delay="600">
<a href="/team">
<div class="count-box">
{# <i class="icofont-users-alt-5" style="color: #ffb459;"></i>#}
<div class="pic"><img src="static/assets/img/touch/团队.png" class="img-fluid" alt=""></div>
<span data-toggle="counter-up">6</span>
<p>团队成员</p>
</div>
</a>
</div>
</div>
</div>
</section><!-- End Counts Section -->
</div>
</section><!-- End Our Team Section -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
@sakula <strong><span>F*35#213</span></strong>Welcome
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/ -->
Designed by <a href="https://bootstrapmade.com/">2000300309陈乐</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="static/assets/vendor/jquery/jquery.min.js"></script>
<script src="static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="static/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="static/assets/vendor/php-email-form/validate.js"></script>
<script src="static/assets/vendor/jquery-sticky/jquery.sticky.js"></script>
<script src="static/assets/vendor/venobox/venobox.min.js"></script>
<script src="static/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="static/assets/vendor/counterup/counterup.min.js"></script>
<script src="static/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="static/assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="static/assets/js/main.js"></script>
</body>
</html>

206
movie.html
Unescape View File

@ -0,0 +1,206 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>豆瓣Top250数据分析</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="../static/assets/img/favicon.png" rel="icon">
<link href="../static/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="../static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="../static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="../static/assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="../static/assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="../static/assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Mamba - v2.0.1
* Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
<style>
table tr{
display: flex;
}
table tr td{
height: 100px;
}
.id{
flex: 1;
}
.cName{
flex: 2;
}
.eName{
flex: 2;
}
.score{
flex: 1;
}
.evaluation{
flex: 1;
}
.findinfo{
flex: 5;
}
.movieinfo{
flex: 6;
}
/* 分页的css */
.pagination{
width: 100%;
margin: 0 auto;
margin-top: 30px;
margin-left: 250px;
}
button{
width: 55px;
height: 50px;
font-size: 13px;
font-family: 微软雅黑;
margin: 5px;
}
</style>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header">
<div class="container">
<div class="logo float-left">
<h1 class="text-light"><a href="/first"><span>ＣＡＴＣＨ</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="../static/assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav class="nav-menu float-right d-none d-lg-block">
<ul>
<li><a href="/first">首页</a></li>
<li class="active"><a href="/movie">电影</a></li>
<li><a href="/score">评分</a></li>
<li><a href="/word">词云</a></li>
<li><a href="/team">团队</a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<!-- ======= Our Team Section ======= -->
<section id="team" class="team">
<div class="container">
<div class="section-title">
<h2>豆瓣电影Top250名单</h2>
</div>
<!-- ======= Counts Section ======= -->
<section class="counts section-bg">
<div class="container">
<table class="table table-striped">
<tr>
<td class="id">排名</td>
<td class="cName">影片中文名</td>
<td class="eName">影片外国名</td>
<td class="score">影片评分</td>
<td class="evaluation">评价人数</td>
<td class="findinfo">概述</td>
<td class="movieinfo">影片的相关内容</td>
</tr>
{% for movie in movies %}
<tr>
<td class="id">{{ movie[0] }}</td>
<td class="cName">
<a href="{{ movie[1] }}" target="_blank">
{{ movie[3] }}
</a>
</td>
<td class="eName">{{ movie[4] }}</td>
<td class="score">{{ movie[5] }}</td>
<td class="evaluation">{{ movie[6] }}</td>
<td class="findinfo">{{ movie[7] }}</td>
<td class="movieinfo">{{ movie[8] }}</td>
</tr>
{% endfor %}
</table>
<div class="pagination">
<!-- 上一页 -->
{% if page == 1 %}
<button class="nextpage" onclick="javascript:alert('已经是第一页了！！！')">上一页</button>
{% else %}
<button class="lastpage" onclick="window.location.href='/movie/start={{ page-1 }}'">上一页</button>
{% endif %}
<!-- 中间10页 -->
{% for i in range(1,11) %}
{% if page == i %}
<a href="/movie/start={{i}}">
<button class="onpage{{i}}" style="background-color: #0099ff;">{{i}}</button>
</a>
{% else %}
<a href="/movie/start={{i}}">
<button class="onpage{{i}}" >{{i}}</button>
</a>
{% endif %}
{% endfor %}
<!-- 下一页 -->
{% if page == 10 %}
<button class="nextpage" onclick="javascript:alert('已经是最后一页！！！')">下一页</button>
{% else %}
<button class="nextpage" onclick="window.location.href='/movie/start={{ page+1 }}'">下一页</button>
{% endif %}
</div>
</div>
</section><!-- End Counts Section -->
</div>
</section><!-- End Our Team Section -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
@sakula <strong><span>F*35#213</span></strong>Welcome
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/ -->
Designed by <a href="https://bootstrapmade.com/">2000300309陈乐</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="../static/assets/vendor/jquery/jquery.min.js"></script>
<script src="../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../static/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="../static/assets/vendor/php-email-form/validate.js"></script>
<script src="../static/assets/vendor/jquery-sticky/jquery.sticky.js"></script>
<script src="../static/assets/vendor/venobox/venobox.min.js"></script>
<script src="../static/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="../static/assets/vendor/counterup/counterup.min.js"></script>
<script src="../static/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="../static/assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="../static/assets/js/main.js"></script>
</body>
</html>

197
score.html
Unescape View File

@ -0,0 +1,197 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>豆瓣Top250数据分析</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<script src="../static/assets/js/echarts.min.js"></script>
<!-- Favicons -->
<link href="../static/assets/img/favicon.png" rel="icon">
<link href="../static/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="../static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="../static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="../static/assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="../static/assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="../static/assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Mamba - v2.0.1
* Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
<style>
table tr{
display: flex;
}
table tr td{
height: 100px;
}
.id{
flex: 1;
}
.cName{
flex: 2;
}
.eName{
flex: 2;
}
.score{
flex: 1;
}
.evaluation{
flex: 1;
}
.findinfo{
flex: 2;
}
.movieinfo{
flex: 6;
}
/* 分页的css */
.pagination{
width: 100%;
margin: 0 auto;
margin-top: 30px;
margin-left: 250px;
}
button{
width: 55px;
height: 50px;
font-size: 13px;
font-family: 微软雅黑;
margin: 5px;
}
</style>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header">
<div class="container">
<div class="logo float-left">
<h1 class="text-light"><a href="/first"><span>ＣＡＴＣＨ</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="../static/assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav class="nav-menu float-right d-none d-lg-block">
<ul>
<li><a href="/first">首页</a></li>
<li><a href="/movie">电影</a></li>
<li class="active"><a href="/score">评分</a></li>
<li><a href="/word">词云</a></li>
<li><a href="/team">团队</a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<!-- ======= Our Team Section ======= -->
<section id="team" class="team">
<div class="container">
<div class="section-title">
<h2>豆瓣电影Top250评分分布图</h2>
</div>
<!-- ======= Counts Section ======= -->
<section class="counts section-bg">
<div class="container">
<!-- 放置图表 -->
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main" style="width: 100%;height:400px;"></div>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
option = {
title: {
text: '电影评分分布图',
},
color:['#0099ff'],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
// 报错无需理会，在经过render_template渲染后会显示正常
data: {{ movieScore }}
// data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
// 报错无需理会，在经过render_template渲染后会显示正常
data: {{ num }},
// data: [120, 200, 150, 80, 70, 110, 130],
barWidth: '60%',
type: 'bar',
showBackground: true,
backgroundStyle: {
color: 'rgba(220, 220, 220, 0.8)'
}
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</div>
</section><!-- End Counts Section -->
</div>
</section><!-- End Our Team Section -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
@sakula <strong><span>F*35#213</span></strong>Welcome
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/ -->
Designed by <a href="https://bootstrapmade.com/">2000300309陈乐</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="../static/assets/vendor/jquery/jquery.min.js"></script>
<script src="../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../static/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="../static/assets/vendor/php-email-form/validate.js"></script>
<script src="../static/assets/vendor/jquery-sticky/jquery.sticky.js"></script>
<script src="../static/assets/vendor/venobox/venobox.min.js"></script>
<script src="../static/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="../static/assets/vendor/counterup/counterup.min.js"></script>
<script src="../static/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="../static/assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="../static/assets/js/main.js"></script>
</body>
</html>

215
team.html
Unescape View File

@ -0,0 +1,215 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>豆瓣Top250数据分析</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="static/assets/img/favicon.png" rel="icon">
<link href="static/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="static/assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="static/assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="static/assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Mamba - v2.0.1
* Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header">
<div class="container">
<div class="logo float-left">
<h1 class="text-light"><a href="/first"><span>ＣＡＴＣＨ</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="static/assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav class="nav-menu float-right d-none d-lg-block">
<ul>
<li><a href="/first">首页</a></li>
<li><a href="/movie">电影</a></li>
<li><a href="/score">评分</a></li>
<li><a href="/word">词云</a></li>
<li class="active"><a href="/team">团队</a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<!-- ======= Our Team Section ======= -->
<section id="team" class="team">
<div class="container">
<div class="section-title">
<h2>小组</h2>
<p>这是李宇涛和他的分身</p>
</div>
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up">
<div class="member">
<div class="pic"><img src="static/assets/img/team/p5.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>爬虫</h4>
<span>负责爬虫代码</span>
<div class="social">
<a href=""><i class="icofont-web"></i></a>
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-QQ"></i></a>
<a href=""><i class="icofont-wechat"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="50">
<div class="member">
<div class="pic"><img src="static/assets/img/team/p2.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>数据</h4>
<span>负责数据可视化和UI设计</span>
<div class="social">
<a href=""><i class="icofont-web"></i></a>
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-QQ"></i></a>
<a href=""><i class="icofont-wechat"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="member">
<div class="pic"><img src="static/assets/img/team/p3.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>前端</h4>
<span>负责网页构建</span>
<div class="social">
<a href=""><i class="icofont-web"></i></a>
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-QQ"></i></a>
<a href=""><i class="icofont-wechat"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="150">
<div class="member">
<div class="pic"><img src="static/assets/img/team/p4.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>框架</h4>
<span>负责简化代码</span>
<div class="social">
<a href=""><i class="icofont-web"></i></a>
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-QQ"></i></a>
<a href=""><i class="icofont-wechat"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<div class="pic"><img src="static/assets/img/team/p4.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>分析</h4>
<span>负责报告书写</span>
<div class="social">
<a href=""><i class="icofont-web"></i></a>
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-QQ"></i></a>
<a href=""><i class="icofont-wechat"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<div class="pic"><img src="static/assets/img/team/p4.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>展示</h4>
<span>负责PPT制作</span>
<div class="social">
<a href=""><i class="icofont-web"></i></a>
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-QQ"></i></a>
<a href=""><i class="icofont-wechat"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Our Team Section -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
@sakula <strong><span>F*35#213</span></strong>Welcome
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/ -->
Designed by <a href="https://bootstrapmade.com/">2000300309陈乐</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="static/assets/vendor/jquery/jquery.min.js"></script>
<script src="static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="static/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="static/assets/vendor/php-email-form/validate.js"></script>
<script src="static/assets/vendor/jquery-sticky/jquery.sticky.js"></script>
<script src="static/assets/vendor/venobox/venobox.min.js"></script>
<script src="static/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="static/assets/vendor/counterup/counterup.min.js"></script>
<script src="static/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="static/assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="static/assets/js/main.js"></script>
</body>
</html>

79
web
Unescape View File

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>主页</title>
</head>
<link rel="stylesheet" type="text/css" href="css1.css">/*连接CSS*/
<body>
<div class="topnav">
<a href="#">主页</a>
<a href="#playing">正在热映</a>
<a href="#">即将上映</a>
<a href="#">TOP榜</a>
<a href="#download">下载</a>
<a href="#about">关于我们</a>
</div>
<div class="header" id = "header">
<p>Python爬虫研究站</p>
</div>
<div class="introduction">
<div class = "title">
<p>
在这里，可以爬取有关最近影视的相关信息。
</p>
</div>
<div>
<a class = "try" href = "#playing">尝试一下</a>
</div>
</div>
<div class = "playing" id = "playing">
<div>
<p class="lable">
键入以搜索你想要的电影：
</p>
</div>
<div class = "searching" id = "searching">
<ul>
<li>
<input type="text" id = "name" name = "name">
</li>
<li class="searching_logo">
<button>🔍</button>
</li>
</ul>
</div>
</div>
<div id = "frame">
<iframe></iframe>
</div>
<div class = "showing">
</div>
</div>
<div class="download" id = "download">
</div>
<div class = "about" id = "about">
<div>
<p class = "us">关于我们</p>
</div>
</div>
</body>
</html>

188
word.html
Unescape View File

@ -0,0 +1,188 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>豆瓣Top250数据分析</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<script src="../static/assets/js/echarts.min.js"></script>
<!-- Favicons -->
<link href="../static/assets/img/favicon.png" rel="icon">
<link href="../static/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="../static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="../static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="../static/assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="../static/assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="../static/assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Mamba - v2.0.1
* Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
<style>
table tr{
display: flex;
}
table tr td{
height: 100px;
}
.id{
flex: 1;
}
.cName{
flex: 2;
}
.eName{
flex: 2;
}
.score{
flex: 1;
}
.evaluation{
flex: 1;
}
.findinfo{
flex: 2;
}
.movieinfo{
flex: 6;
}
/* 分页的css */
.pagination{
width: 100%;
margin: 0 auto;
margin-top: 30px;
margin-left: 250px;
}
button{
width: 55px;
height: 50px;
font-size: 13px;
font-family: 微软雅黑;
margin: 5px;
}
</style>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header">
<div class="container">
<div class="logo float-left">
<h1 class="text-light"><a href="/first"><span>ＣＡＴＣＨ</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="../static/assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav class="nav-menu float-right d-none d-lg-block">
<ul>
<li><a href="/first">首页</a></li>
<li><a href="/movie">电影</a></li>
<li><a href="/score">评分</a></li>
<li class="active"><a href="/word">词云</a></li>
<li><a href="/team">团队</a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<!-- ======= Our Team Section ======= -->
<section id="team" class="team">
<div class="container">
<!-- ======= Counts Section ======= -->
<section class="counts section-bg">
<div class="container">
<div class="section-title">
<h2>发现每一个感动你的故事</h2>
</div>
<!-- ======= About Us Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 video-box">
<img src="../static/assets/img/wordtimes.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center about-content">
<div class="section-title">
<h2>词频统计</h2>
<p>将最常见，最动人的词汇提取出来</p>
</div>
<div class="icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="bx bx-face"></i></div>
<h4 class="title"><a href="">At Least I Had You--Gentle Bones 林俊杰</a></h4>
<p class="description">When I'm old and I'm gray.Will this be how its all stays</p>
</div>
<div class="icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="bx bx-ghost"></i></div>
<h4 class="title"><a href="">够钟--周柏豪</a></h4>
<p class="description">够钟死心了，当你沉默得高调，为何尚要骚扰，过几多通宵</p>
</div>
</div>
</div>
</div>
</section><!-- End About Us Section -->
</div>
</section><!-- End Counts Section -->
</div>
</section><!-- End Our Team Section -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
@sakula <strong><span>F*35#213</span></strong>Welcome
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/ -->
Designed by <a href="https://bootstrapmade.com/">2000300309陈乐</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="../static/assets/vendor/jquery/jquery.min.js"></script>
<script src="../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../static/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="../static/assets/vendor/php-email-form/validate.js"></script>
<script src="../static/assets/vendor/jquery-sticky/jquery.sticky.js"></script>
<script src="../static/assets/vendor/venobox/venobox.min.js"></script>
<script src="../static/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="../static/assets/vendor/counterup/counterup.min.js"></script>
<script src="../static/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="../static/assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="../static/assets/js/main.js"></script>
</body>
</html>
Write Preview
Loading…
Cancel
Save