孙铭泽 3 years ago
parent 317fb7c669
commit 695f9cd1f9

@ -0,0 +1,148 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>修改密码</title>
<link rel="stylesheet" href="static/css/personal.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
</head>
<body>
<nav class="gtco-nav" role="navigation">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="MerchantIndex">修改密码 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="MerchantIndex">其他功能</a>
<ul class="dropdown">
<li><a href="MerchantModifyPerInfo">修改个人信息</a></li>
<li><a href="MerchantOrderPage">查看订单</a></li>
<li><a href="ResCommentList">查看评论</a></li>
<li><a href="MerchantMenu">菜单列表</a></li>
</ul>
</li>
<li><a href="MerchantIndex">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="gtco-container">
<div class="row">
<div class="col-md-12 col-md-offset-0 text-left">
<div class="row row-mt-15em" style="margin-top: 10em;">
<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
<!-- <span class="intro-text-small">Hand-crafted by <a href="http://gettemplates.co" target="_blank">GetTemplates.co</a></span> -->
<h1 class="cursive-font">Change Your Password!</h1>
</div>
<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
<div class="form-wrap">
<div class="tab">
<div class="tab-content">
<div class="tab-content-inner active" data-content="signup">
<p>修改个人信息</p>
<!-- 以下是表单 -->
<form action="" method="POST" enctype="multipart/form-data">
<div class="row form-group">
<div class="col-md-12">
<label for="activities">用户名</label>
<input type="text" name="username" class="form-control" placeholder="{{username}} " readonly="readonly" style="background:transparent;"/>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="date-start">修改后密码</label>
<input type="password" name="psw1" class="form-control" style="background:transparent;">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="date-start">再次输入修改后密码</label>
<input type="password" name="psw2" class="form-control" style="background:transparent;">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<input type="submit" class="btn btn-primary btn-block" value="确认" style="background: #FBB448;"/>
</div>
</div>
</form>
{% if messages == "done" %}
<script>alert("修改密码成功!")</script>
{% elif messages == "not equal" %}
<script>alert("两次输入的密码不一致!")</script>
{% elif messages == "fail" %}
<script>alert("数据库错误!")</script>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,147 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心</title>
<link rel="stylesheet" href="static/css/OrderPage.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
</head>
<body>
<div class="navbkg" >
<nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="MerchantOrderPage">查看订单 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="MerchantIndex">其他功能</a>
<ul class="dropdown">
<li><a href="MerchantModifyPerInfo">修改个人信息</a></li>
<li><a href="MerchantModifyPwd">修改密码</a></li>
<li><a href="ResCommentList">查看评论</a></li>
<li><a href="MerchantMenu">菜单列表</a></li>
</ul>
</li>
<li><a href="MerchantIndex">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div class="gtco-section">
<div class="gtco-container">
<!-- 文字 -->
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">收到的订单</p>
<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
</div>
</div>
<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
<div class="selectcondition">
<form action="{{ url_for('MerchantOrderPage') }}" method="post">
<input type="submit" name="action" value="按时间排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
<input type="submit" name="action" value="按价格排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
<span class="badge" style="float: right;">{{ notFinishedNum }}</span><input type="submit" name="action" value="未完成订单" style="background-color: transparent; color: #FBB448; float: right; font-size: 16px; outline:none; border:0px;">
</form>
</div>
<br/><br/>
<!-- 展示我的全部订单 -->
<div class="row">
<div class="col-lg-12 col-md-4 col-sm-6">
{% if messages == "done" %}
{% for item in result %}
<a href={{item[8]}} class="fh5co-card-item image-popup">
<figure class="col-lg-4" style="float: left;">
<div class="overlay"><i class="ti-plus"></i></div>
<img src={{item[8]}} alt="Image" class="img-responsive">
</figure>
<div class="fh5co-text">
<h2 style="margin-top: 40px;"> 菜品:{{ item[2] }} </h2>
<p>订单号:{{ item[0] }}</p>
<p>交易时间:{{ item[9] }}</p>
<!-- mode=0外卖mode=1堂食 -->
<p>就餐方式:外卖</p>
<p>送餐地址:{{ item[6] }}</p>
<p>电话:{{ item[5] }}</p>
{% if item[7] == 1 %}
<p>订单状态:已完成</p>
{% elif item[7] == 0 %}
<p>订单状态:<span style="color: red;">未完成</span></p>
{% endif %}
<p>订单总价格:<span class="price cursive-font">¥{{ item[13]}}</span></p>
</div>
</a>
{% endfor %}
{% elif messages == "none" %}
<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦!</strong></p> -->
<div class="alert alert-danger" role="alert">您还没有订单哦!</div>
{% endif %}
</div>
</div>
</div>
</div>
<div>
</div>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.left
{
float:left;
height:485px;
margin-left:200px
}
.right
{
float:right;
height:485px;
margin-right:200px
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心</title>
<link rel="stylesheet" href="static/css/personal.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
</head>
<body>
<div class="navbkg" >
<nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="MerchantPersonal">个人中心 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="MerchantPersonal">个人中心</a>
<ul class="dropdown">
<li><a href="MerchantModifyPerInfo">修改个人信息</a></li>
<li><a href="MerchantModifyPwd">修改密码</a></li>
</ul>
</li>
<li><a href="MerchantIndex">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div id="gtco-features">
<div class="gtco-container">
<div class="row" style="margin-top: 70px; background-color: #FBB448;">
<div class="left" class="col-md-4 col-sm-6" >
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="ti-settings"></i>
</span>
<a href="MerchantModifyPerInfo" style="text-decoration: none;"><h3>修改个人信息</h3></a>
<p>Modify personal information</p>
</div>
</div>
<div class="right" class="col-md-4 col-sm-6">
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="ti-lock"></i>
</span>
<a href="MerchantModifyPwd" style="text-decoration: none;"><h3>修改密码</h3></a>
<p>Modify my password</p>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,147 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>修改密码</title>
<link rel="stylesheet" href="static/css/personal.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
</head>
<body>
<nav class="gtco-nav" role="navigation">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="index">修改密码 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="personal">个人中心</a>
<ul class="dropdown">
<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
<li><a href="ModifyPassword">修改密码</a></li>
<li><a href="OrderPage">我的订单</a></li>
<li><a href="MyComments">我的评价</a></li>
<li><a href="WriteComments">发表评价</a></li>
</ul>
</li>
<li><a href="index">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="gtco-container">
<div class="row">
<div class="col-md-12 col-md-offset-0 text-left">
<div class="row row-mt-15em" style="margin-top: 10em;">
<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
<!-- <span class="intro-text-small">Hand-crafted by <a href="http://gettemplates.co" target="_blank">GetTemplates.co</a></span> -->
<h1 class="cursive-font">Change Your Password!</h1>
</div>
<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
<div class="form-wrap">
<div class="tab">
<div class="tab-content">
<div class="tab-content-inner active" data-content="signup">
<p>修改个人信息</p>
<!-- 以下是表单 -->
<form action="" method="POST" enctype="multipart/form-data">
<div class="row form-group">
<div class="col-md-12">
<label for="activities">用户名</label>
<input type="text" name="username" class="form-control" placeholder="{{username}} " readonly="readonly" style="background:transparent;"/>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="date-start">修改后密码</label>
<input type="password" name="psw1" class="form-control" style="background:transparent;">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="date-start">再次输入修改后密码</label>
<input type="password" name="psw2" class="form-control" style="background:transparent;">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<input type="submit" class="btn btn-primary btn-block" value="确认" style="background: #FBB448;"/>
</div>
</div>
</form>
{% if messages == "done" %}
<script>alert("修改密码成功!")</script>
{% elif messages == "not equal" %}
<script>alert("两次输入的密码不一致!")</script>
{% elif messages == "fail" %}
<script>alert("数据库错误!")</script>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>修改个人信息</title>
<link rel="stylesheet" href="static/css/personal.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
</head>
<body>
<nav class="gtco-nav" role="navigation">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="index.html">修改个人信息 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="personal">个人中心</a>
<ul class="dropdown">
<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
<li><a href="ModifyPassword">修改密码</a></li>
<li><a href="OrderPage">我的订单</a></li>
<li><a href="MyComments">我的评价</a></li>
<li><a href="WriteComments">发表评价</a></li>
</ul>
</li>
<li><a href="index">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="gtco-container">
<div class="row">
<div class="col-md-12 col-md-offset-0 text-left">
<div class="row row-mt-15em" style="margin-top: 10em;">
<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
<!-- <span class="intro-text-small">Hand-crafted by <a href="http://gettemplates.co" target="_blank">GetTemplates.co</a></span> -->
<h1 class="cursive-font">Change Your Information!</h1>
</div>
<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
<div class="form-wrap">
<div class="tab">
<div class="tab-content">
<div class="tab-content-inner active" data-content="signup">
<p>修改个人信息</p>
<!-- 以下是表单 -->
<form action="" method="POST" enctype="multipart/form-data">
<div class="row form-group">
<div class="col-md-12">
<label for="activities">用户名</label>
<input type="text" name="username" class="form-control" placeholder="{{username}} " readonly="readonly" style="background:transparent;"/>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="date-start">地址</label>
<input type="text" name="address" class="form-control" style="background:transparent;">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="date-start">联系电话</label>
<input type="text" name="phonenum" class="form-control" style="background:transparent;">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<input type="submit" class="btn btn-primary btn-block" value="确认" style="background: #FBB448;"/>
</div>
</div>
</form>
{% if messages == "done" %}
<script>alert("修改个人信息成功!")</script>
{% elif messages == "fail" %}
<script>alert("数据库错误!")</script>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,194 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心</title>
<link rel="stylesheet" href="static/css/OrderPage.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
<style>
@font-face {
font-family: 'iconfont'; /* project id 1548416 */
src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot');
src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff') format('woff'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.svg#iconfont') format('svg');
}
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="navbkg" >
<nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="index.html">我的评价 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="personal">个人中心</a>
<ul class="dropdown">
<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
<li><a href="ModifyPassword">修改密码</a></li>
<li><a href="OrderPage">我的订单</a></li>
<li><a href="MyComments">我的评价</a></li>
<li><a href="WriteComments">发表评价</a></li>
</ul>
</li>
<li><a href="index">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div class="gtco-section">
<div class="gtco-container">
<!-- 文字 -->
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">我的评价</p>
<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
</div>
</div>
<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
<div class="selectcondition" style="position:relative;">
<form action="{{ url_for('MyCommentsPage') }}" method="post">
<input type="submit" name="action" value="按时间排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
<input type="submit" name="action" value="按价格排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
<span class="badge" style="float: right;">{{ notFinishedNum }}</span><input type="submit" name="action" value="待评价订单" style="background-color: transparent; color: #FBB448; float: right; font-size: 16px; outline:none; border:0px;">
</form>
</div>
<br/><br/>
<!-- 展示我的全部订单 -->
<div class="row">
<div class="col-lg-12 col-md-4 col-sm-6">
{% if messages == "done" %}
{% for item in result %}
<!-- <div class="fh5co-card-item"> -->
<div class="fh5co-card-item">
<!-- <figure class="col-lg-4" style="float: left; position: relative;">
<div class="overlay"></div>
<img src={{item[8]}} alt="Image" class="img-responsive">
</figure> -->
<div class="fh5co-text" style="float: left ;padding: 20px; text-align: left;">
<!-- <h2 style="margin-top: 40px;"> </h2> -->
<p>订单号:{{ item[0] }}</p>
<p>交易时间:{{ item[9] }}</p>
<p>评价时间:{{ item[12] }}</p>
<p>菜品:{{ item[2] }}</p>
<!-- mode=0外卖mode=1堂食 -->
{% if item[4] == 1 %}
<p>就餐方式:堂食</p>
<p>餐厅地址:{{ item[6] }}</p>
{% elif item[4] == 0 %}
<p>就餐方式:外卖</p>
<p>配送地址:{{ item[6] }}</p>
{% endif %}
<!-- <p>订单状态:已完成</p> -->
<p>订单总价格:¥{{ item[13]}}</p>
</div>
<div class="fh5co-text" style="padding: 20px; float: left; margin-left: 100px;">
<i class="ti-quote-left" style="font-size: 20px;"></i>
</div>
<div class="fh5co-text" style="padding: 20px; float: left; text-align: left;">
<p style="font-size: 18px;">
<!-- var score = {{ item[11] }} -->
{% if item[11] == 5 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 4 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 3 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 2 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 1 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 0 %}
评分:<i class="iconfont" style="color: yellow;"></i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% endif %}
</p>
<p style="font-size: 18px; width: 500px;">评价:{{ item[10] }}</p>
</div>
<div class="fh5co-text" style="padding: 20px; float: right; margin-right: 20px;">
<i class="ti-quote-right" style="font-size: 20px;"></i>
</div>
</div>
<!-- </div> -->
{% endfor %}
{% elif messages == "none" %}
<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦!</strong></p> -->
<div class="alert alert-danger" role="alert">您还没有已评价订单!</div>
{% endif %}
</div>
</div>
</div>
</div>
<div>
</div>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,164 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心</title>
<link rel="stylesheet" href="static/css/OrderPage.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
</head>
<body>
<div class="navbkg" >
<nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="index.html">我的订单 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="personal">个人中心</a>
<ul class="dropdown">
<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
<li><a href="ModifyPassword">修改密码</a></li>
<li><a href="OrderPage">我的订单</a></li>
<li><a href="MyComments">我的评价</a></li>
<li><a href="WriteComments">发表评价</a></li>
</ul>
</li>
<li><a href="index">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div class="gtco-section">
<div class="gtco-container">
<!-- 文字 -->
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">我的订单</p>
<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
</div>
</div>
<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
<div class="selectcondition">
<form action="{{ url_for('OrderPage') }}" method="post">
<input type="submit" name="action" value="按时间排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
<input type="submit" name="action" value="按价格排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
<span class="badge" style="float: right;">{{ notFinishedNum }}</span><input type="submit" name="action" value="未完成订单" style="background-color: transparent; color: #FBB448; float: right; font-size: 16px; outline:none; border:0px;">
</form>
</div>
<br/><br/>
<!-- 展示我的全部订单 -->
<div class="row">
<div class="col-lg-12 col-md-4 col-sm-6">
{% if messages == "done" %}
{% for item in result %}
<div class="fh5co-card-item">
<figure class="col-lg-4" style="float: left;">
<div class="overlay"><i class="ti-plus"></i></div>
<img src={{item[8]}} alt="Image" class="img-responsive">
</figure>
<div class="fh5co-text">
<h2 style="margin-top: 40px;"> 菜品:{{ item[2] }} </h2>
<p>订单号:{{ item[0] }}</p>
<p>交易时间:{{ item[9] }}</p>
<!-- mode=0外卖mode=1堂食 -->
{% if item[4] == 1 %}
<p>就餐方式:堂食</p>
<p>餐厅地址:{{ item[6] }}</p>
<p>取餐时间:{{ item[5] }}</p>
{% elif item[4] == 0 %}
<p>就餐方式:外卖</p>
<p>配送地址:{{ item[6] }}</p>
<p>送达时间:{{ item[5] }}</p>
{% endif %}
{% if item[7] == 1 %}
<p>订单状态:已完成</p>
{% elif item[7] == 0 %}
<p>订单状态:<span style="color: red;">未完成</span></p>
{% endif %}
<p style="margin-left: 322px;">订单总价格:<span class="price cursive-font">¥{{ item[13]}}</span></p>
<form action="{{ url_for('OrderPage') }}" method="post">
<input name="orderID" value={{ item[0] }} style="display: none;">
{% if item[7] == 0 %}
<input type="submit" name="action" value="确认收货" style="margin: 15px; font-size: 16px; float: right; color: #FBB448; background-color: white; font-size: 16px; outline:none; border: 1px solid #FBB448; border-radius: 10px;">
{% endif %}
</form>
<br/>
</div>
</div>
{% endfor %}
<!-- TODO -->
{% elif messages == "UpdateSucceed" %}
<script>alert("确认收货成功!")</script>
<script type='text/javascript'>window.location.href='WriteComments'</script>
{% elif messages == "none" %}
<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦!</strong></p> -->
<div class="alert alert-danger" role="alert">您还没有未完成订单哦!</div>
{% endif %}
</div>
</div>
</div>
</div>
<div>
</div>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,198 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>注册</title>
<!-- <link rel="stylesheet" href="static/css/test.css" type="text/css"> -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/test.css') }}">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
<!-- Theme style -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<script>
window.onload = function() {
var phone = document.getElementById("phone");
phone.onkeyup = function() {
checkPhone();
}
}
function checkPhone() {
console.log("验证电话")
var phone = document.getElementById('phone').value;
if(!(/^1[3456789]\d{9}$/.test(phone))) {
document.getElementById('checkPhone').innerHTML = "电话号码不规范";
alert("手机号码格式有误,请重填");
return false;
}
}
</script>
</head>
<body>
<div class="gtco-loader"></div>
<div id="page">
<!-- <div class="page-inner"> -->
<nav class="gtco-nav" role="navigation">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo">注册 <em>.</em></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li><a href="index">返回首页</a></li>
<li class="btn-cta"><a href="logIn"><span>登录</span></a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="gtco-container">
<div class="row">
<div class="col-md-12 col-md-offset-0 text-left">
<div class="row row-mt-15em">
<div class="col-md-8 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
<div class="form-wrap">
<div class="tab">
<div class="tab-content">
<div class="tab-content-inner active" data-content="signup">
<h3 class="cursive-font">请注册</h3>
<form action="" method="post">
<div class="row form-group">
<div class="col-md-12">
<label for="activities">身份</label><br>
<input type="radio" name="userRole" value="RESTAURANT" />商家用户
<input type="radio" name="userRole" value="CUSTOMER" checked />用户<br>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="activities">用户名</label>
<input type="text" name="username" placeholder="不可为空" class="form-control">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="activities">密码</label>
<input type="password" name="password" placeholder="不可为空" class="form-control">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="activities">电话</label><span id="checkPhone"></span>
<input type="text" name="phone" placeholder="不可为空" class="form-control form-input" id="contact-phone-2" data-constraints="@Numeric">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="activities">地址</label>
<input type="text" name="addr" placeholder="不可为空" class="form-control">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<input type="submit" class="btn btn-primary btn-block" name="submit" value="注册">
</div>
</div>
</form>
{% if messages == "done1" %}
<script>alert("商家注册成功!")</script>
{% elif messages == "fail1" %}
<script>alert("注册失败!商家已注册。")</script>
{% elif messages == "done2" %}
<script>alert("用户注册成功!")</script>
{% elif messages == "fail2" %}
<script>alert("注册失败!用户已注册。")</script>
{% endif %}
<div class="col-md-12">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- <footer id="gtco-footer" role="contentinfo" style="background-image: url(static/images/img_bg_1.jpg)" data-stellar-background-ratio="0.5">-->
<!-- <div class="overlay"></div>-->
<!-- </footer>-->
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,187 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>商家评价</title>
<link rel="stylesheet" href="static/css/OrderPage.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
<style>
@font-face {
font-family: 'iconfont'; /* project id 1548416 */
src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot');
src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff') format('woff'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.svg#iconfont') format('svg');
}
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="navbkg" >
<nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo">商家评价 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="personal">个人中心</a>
<ul class="dropdown">
<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
<li><a href="ModifyPassword">修改密码</a></li>
<li><a href="OrderPage">我的订单</a></li>
<li><a href="MyComments">我的评价</a></li>
<li><a href="WriteComments">发表评价</a></li>
</ul>
</li>
<li><a href="UserRestList">返回</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div class="gtco-section">
<div class="gtco-container">
<!-- 文字 -->
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">商家评价</p>
<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
</div>
</div>
<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
<br/><br/>
<!-- 展示我的全部订单 -->
<div class="row">
<div class="col-lg-12 col-md-4 col-sm-6">
{% if messages == "done" %}
{% for item in result %}
<!-- <div class="fh5co-card-item"> -->
<div class="fh5co-card-item">
<!-- <figure class="col-lg-4" style="float: left; position: relative;">
<div class="overlay"></div>
<img src={{item[8]}} alt="Image" class="img-responsive">
</figure> -->
<div class="fh5co-text" style="float: left ;padding: 20px; text-align: left;">
<!-- <h2 style="margin-top: 40px;"> </h2> -->
<p>订单号:{{ item[0] }}</p>
<p>交易时间:{{ item[9] }}</p>
<p>评价时间:{{ item[12] }}</p>
<p>菜品:{{ item[2] }}</p>
<!-- mode=0外卖mode=1堂食 -->
{% if item[4] == 1 %}
<p>就餐方式:堂食</p>
<p>餐厅地址:{{ item[6] }}</p>
{% elif item[4] == 0 %}
<p>就餐方式:外卖</p>
<p>配送地址:{{ item[6] }}</p>
{% endif %}
<!-- <p>订单状态:已完成</p> -->
<p>订单总价格:¥{{ item[13]}}</p>
</div>
<div class="fh5co-text" style="padding: 20px; float: left; margin-left: 100px;">
<i class="ti-quote-left" style="font-size: 20px;"></i>
</div>
<div class="fh5co-text" style="padding: 20px; float: left; text-align: left;">
<p style="font-size: 18px;">
<!-- var score = {{ item[11] }} -->
{% if item[11] == 5 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 4 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 3 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 2 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 1 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 0 %}
评分:<i class="iconfont" style="color: yellow;"></i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% endif %}
</p>
<p style="font-size: 18px; width: 500px;">评价:{{ item[10] }}</p>
</div>
<div class="fh5co-text" style="padding: 20px; float: right; margin-right: 20px;">
<i class="ti-quote-right" style="font-size: 20px;"></i>
</div>
</div>
<!-- </div> -->
{% endfor %}
{% elif messages == "none" %}
<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦!</strong></p> -->
<div class="alert alert-danger" role="alert">暂无已评价订单!</div>
{% endif %}
</div>
</div>
</div>
</div>
<div>
</div>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,187 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>查看评论</title>
<link rel="stylesheet" href="static/css/OrderPage.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
<style>
@font-face {
font-family: 'iconfont'; /* project id 1548416 */
src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot');
src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff') format('woff'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.svg#iconfont') format('svg');
}
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="navbkg" >
<nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="ResCommentList">查看评论<em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="MerchantIndex">其他功能</a>
<ul class="dropdown">
<li><a href="MerchantModifyPerInfo">修改个人信息</a></li>
<li><a href="MerchantModifyPwd">修改密码</a></li>
<li><a href="MerchantOrderPage">查看订单</a></li>
<li><a href="MerchantMenu">菜单列表</a></li>
</ul>
</li>
<li><a href="MerchantIndex">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div class="gtco-section">
<div class="gtco-container">
<!-- 文字 -->
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">我的评价</p>
<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
</div>
</div>
<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
<br/><br/>
<!-- 展示我的全部订单 -->
<div class="row">
<div class="col-lg-12 col-md-4 col-sm-6">
{% if messages == "done" %}
{% for item in result %}
<!-- <div class="fh5co-card-item"> -->
<div class="fh5co-card-item">
<!-- <figure class="col-lg-4" style="float: left; position: relative;">
<div class="overlay"></div>
<img src={{item[8]}} alt="Image" class="img-responsive">
</figure> -->
<div class="fh5co-text" style="float: left ;padding: 20px; text-align: left;">
<!-- <h2 style="margin-top: 40px;"> </h2> -->
<p>订单号:{{ item[0] }}</p>
<p>交易时间:{{ item[9] }}</p>
<p>评价时间:{{ item[12] }}</p>
<p>菜品:{{ item[2] }}</p>
<!-- mode=0外卖mode=1堂食 -->
{% if item[4] == 1 %}
<p>就餐方式:堂食</p>
<p>餐厅地址:{{ item[6] }}</p>
{% elif item[4] == 0 %}
<p>就餐方式:外卖</p>
<p>配送地址:{{ item[6] }}</p>
{% endif %}
<!-- <p>订单状态:已完成</p> -->
<p>订单总价格:¥{{ item[13]}}</p>
</div>
<div class="fh5co-text" style="padding: 20px; float: left; margin-left: 100px;">
<i class="ti-quote-left" style="font-size: 20px;"></i>
</div>
<div class="fh5co-text" style="padding: 20px; float: left; text-align: left;">
<p style="font-size: 18px;">
<!-- var score = {{ item[11] }} -->
{% if item[11] == 5 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 4 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 3 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 2 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 1 %}
评分:<i class="iconfont" style="color: yellow;">&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% elif item[11] == 0 %}
评分:<i class="iconfont" style="color: yellow;"></i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
{% endif %}
</p>
<p style="font-size: 18px; width: 500px;">评价:{{ item[10] }}</p>
</div>
<div class="fh5co-text" style="padding: 20px; float: right; margin-right: 20px;">
<i class="ti-quote-right" style="font-size: 20px;"></i>
</div>
</div>
<!-- </div> -->
{% endfor %}
{% elif messages == "none" %}
<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦!</strong></p> -->
<div class="alert alert-danger" role="alert">暂无已评价订单!</div>
{% endif %}
</div>
</div>
</div>
</div>
<div>
</div>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,159 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>用户界面</title>
<!-- <link rel="stylesheet" href="static/css/test.css" type="text/css"> -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/test.css') }}">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
<!-- Theme style -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div class="gtco-loader"></div>
<div id="page">
<header>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<ul class="nav navbar-nav">
<li><a href="UserRestList">商家列表</a></li>
</ul>
</div>
<div class="collapse navbar-collapse navbar-right" id="navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index">退出登录</a></li>
<li><a href="personal">个人中心</a></li>&nbsp;
<li><a href="myOrder">购物车</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="gtco-section">
<div class="gtco-container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<h2 class="cursive-font primary-color">中国民航大学食堂欢迎你!</h2>
</div>
</div>
<div class="row">
{% if messages == "done" %}
{% for item in result %}
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="fh5co-card-item">
<a href="{{ item[4] }}" class="fh5co-card-item image-popup">
<figure>
<div class="overlay"><i class="ti-plus"></i></div>
<img src={{item[4]}} alt="Image" class="img-responsive">
</figure>
</a>
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<h2 class="cursive-font primary-color">{{ item[0] }}</h2>
<h3 class="cursive-font primary-color">ADDRESS{{ item[2] }}</h3>
<h3 class="cursive-font primary-color">PHONE{{ item[3] }}</h3>
</div>
<form action ="{{url_for('menu')}}" method = "POST">
<input name = "restaurant" value="{{item[0]}}" style = "display:none;">
<input type = "submit" name = "action" value = "进入本店" style="margin: 15px; font-size: 16px; float: right; color: #FBB448; background-color: white; font-size: 16px; outline:none; border: 1px solid #FBB448; border-radius: 10px;">
</form>
<form action ="{{url_for('resComment')}}" method = "POST">
<input name = "restaurant" value="{{item[0]}}" style = "display:none;">
<input type = "submit" name = "action" value = "查看评价" style="margin: 15px; font-size: 16px; float: right; color: #FBB448; background-color: white; font-size: 16px; outline:none; border: 1px solid #FBB448; border-radius: 10px;">
</form>
</div>
</div>
{% endfor %}
{% elif messages == "none" %}
<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦!</strong></p> -->
<div class="alert alert-danger" role="alert">暂无商家</div>
{% endif %}
</div>
</div>
</div>
</div>
<footer id="gtco-footer" role="contentinfo" style="background-image: url(static/images/img_bg_1.jpg)" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="gtco-container">
<div class="row row-pb-md">
<div class="col-md-12 text-center">
<div class="gtco-widget">
<h3>社区分享</h3>
<ul class="gtco-social-icons">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-12 text-center copyright">
<p><big class="block">&copy</big>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心</title>
<link rel="stylesheet" href="static/css/OrderPage.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
</head>
<body>
<div class="navbkg" >
<nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="index.html">发表评价 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="personal">个人中心</a>
<ul class="dropdown">
<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
<li><a href="ModifyPassword">修改密码</a></li>
<li><a href="OrderPage">我的订单</a></li>
<li><a href="MyComments">我的评价</a></li>
<li><a href="WriteComments">发表评价</a></li>
</ul>
</li>
<li><a href="index">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div class="gtco-section">
<div class="gtco-container">
<!-- 文字 -->
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">发表评价</p>
<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
</div>
</div>
<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
<div class="selectcondition">
<form action="{{ url_for('WriteCommentsPage') }}" method="post">
<input type="submit" name="action" value="按交易时间排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
<input type="submit" name="action" value="按价格排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
</form>
</div>
<br/><br/>
<!-- 展示我的全部订单 -->
<div class="row">
<div class="col-lg-12 col-md-4 col-sm-6">
{% if messages == "done" %}
{% for item in result %}
<div class="fh5co-card-item">
<figure class="col-lg-4" style="float: left;">
<!-- <div class="overlay"><i class="ti-plus"></i></div> -->
<img src={{item[8]}} alt="Image" class="img-responsive">
</figure>
<div class="fh5co-text">
<h2 style="margin-top: 40px;"> 菜品:{{ item[2] }} </h2>
<p>订单号:{{ item[0] }}</p>
<p>交易时间:{{ item[9] }}</p>
<!-- mode=0外卖mode=1堂食 -->
{% if item[4] == 1 %}
<p>就餐方式:堂食</p>
<p>餐厅地址:{{ item[6] }}</p>
<p>取餐时间:{{ item[5] }}</p>
{% elif item[4] == 0 %}
<p>就餐方式:外卖</p>
<p>配送地址:{{ item[6] }}</p>
<p>送达时间:{{ item[5] }}</p>
{% endif %}
{% if item[7] == 1 %}
<p>订单状态:已完成</p>
{% elif item[7] == 0 %}
<p>订单状态:<span style="color: red;">未完成</span></p>
{% endif %}
<p style="margin-left: 322px;">订单总价格:<span class="price cursive-font">¥{{ item[13] }}</span></p>
<form action="{{ url_for('CommentFormPage') }}" method="POST">
<input name="orderID" value={{ item[0] }} style="display: none;">
{% if item[7] == 1 %}
<input type="submit" name="action" value="写评论" style="margin: 15px; font-size: 16px; float: right; color: #FBB448; background-color: white; font-size: 16px; outline:none; border: 1px solid #FBB448; border-radius: 10px;">
{% endif %}
</form>
<br/>
</div>
</div>
{% endfor %}
{% elif messages == "none" %}
<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦!</strong></p> -->
<div class="alert alert-danger" role="alert">您还没有可评价订单哦!</div>
{% endif %}
</div>
</div>
</div>
</div>
<div>
</div>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>

@ -0,0 +1,295 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!--HTML4.01-->
<!-- <meta htt-equiv='Content-Type' content='text/html' charset="UTF-8"> -->
<!--HTML5-->
<meta charset="UTF-8" />
<meta name='viewport' content="width=device-width,initial-scale=1,user-scalable=no" />
<title>我的购物车</title>
<link href="static/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
</head>
<body>
<div class='main'>
<div class="site-nav">
<div class="nav">
<ul class="nav-left">
<li><a class='nav-hangon'>购物车</a></li>
</ul>
<ul class="nav-right">
<li class='nav_sellCenter'>
<a href="personal" class='nav-sellCenter'>个人中心</a>
<ul class="nav-myTao-nav">
<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
<li><a href="ModifyPassword">修改密码</a></li>
<li><a href="OrderPage">我的订单</a></li>
<li><a href="MyComments">我的评价</a></li>
<li><a href="WriteComments">发表评价</a></li>
</ul>
</li>
<li><a href="UserRestList" class='nav-index'>商家列表</a></li>
<li><a href="index" class='nav-index'>退出登录</a></li>
</ul>
</div>
</div>
<div class="container">
<div class="header">
<div class="header-search">
<input type="text" placeholder="请输入内容" class='header-search-input' autocomplete="off"><!--
--><button type='submit'>搜 索</button>
<div class="list">
</div>
</div>
</div>
<div class="content">
<div class="tbBar">
<ul class = 'switch-cart'>
<li class='btn-switch-cart switch-cart-0 selectColumn'>
<a href="#" class='btn-switch-href '>
<em>全部商品</em>
<span class='number'>2</span>
<span class='pipe'></span>
</a>
</li>
</ul>
<div class="cart-sum">
<span>已选商品(不含运费)</span>
<strong class='price'><!--
--><span class='total-symbol'>0.00</span>
</strong>
<button onclick="confirm()" class="submit-btn btn-common">结算</button>
</div>
<div class="wrap-line">
</div>
</div>
<div class="tbMain">
<div class="commodityColumn">
<div class="th-chk">
<div id="selectAll" class="selectAll ">
<input type="checkbox" name="selectAllChckbox" id='selectAllChckbox' class='allSelected1' autocomplete="off">
<label for="selectAllChckbox">全选</label>
</div>
</div>
<div class="th-inner">
<div class="commodityMsg">
<div>商品信息</div>
</div>
</div>
<div class="th-space">
<div class="td-inner">&nbsp;</div>
</div>
<div class="th-price">
<div class="td-inner">单价</div>
</div>
<div class="th-amount">
<div class="td-inner">数量</div>
</div>
<div class="th-sum">
<div class="td-inner">金额</div>
</div>
<div class="th-operation">
<div class="td-inner">操作</div>
</div>
</div>
<div class='commodityContainer'>
{% if messages == "done" %}
{% for item in result %}
<div class="mainCommodity">
<div class="commodityInfo">
<ul>
<li class='td-chk'>
<div class="td-inner">
<input type="checkbox" name='checkbox' autocomplete="off" >
</div>
</li>
<li class='td-item'>
<div class="td-inner">
<a href="{{item[4]}}" class='res'>
</a>
<div class="item-info">
<div class="item-basis-info">
<a>{{ item[2] }}</a>
</div>
<div class="item-other-info">
<div class="item-other-space"></div>
<div class="item-other-list">
<a href="#" title='支持信用卡支付'>
<div class="bandCard"></div>
</a>
<a href="#" title='消费者保障服务'>
<div class="guarantee"></div>
</a>
</div>
</div>
</div>
</div>
</li>
<li class='td-info'>
<div class="td-info-msg">
<p>店铺:{{ item[1] }}</p>
</div>
</li>
<li class='td-price'>
<div class="td-inner">
<p class='discount'>¥{{ item[3] }}</p>
</div>
</li>
<li class='td-amount'>
<div class="item-amount">
<a href="#" class='amount-left amount-color'>-</a>
<input type="text" name='amountNum' value='1' autocomplete="off">
<a href="#" class="amount-right">+</a>
</div>
<div class="stock">
574
</div>
<div class="outNum">
<span class="instr">最多只能购买</span>
<span class='stockNum'></span><!--
--><em></em>
</div>
</li>
<li class='td-sum'>
<em></em><!--
--><span>{{ item[3] }}</span>
</li>
<li class='td-operation'>
<p><a href="#" class='delete'>删除</a></p>
</li>
</ul>
</div>
</div>
{% endfor %}
{% endif %}
<div class="mainCommodity">
<div class="commodityInfo">
<ul>
<li class='td-chk'>
<div class="td-inner">
<input type="checkbox" name='checkbox' autocomplete="off">
</div>
</li>
<li class='td-item'>
<div class="td-inner">
<div class="item-info">
<div class="item-basis-info">
<a href="#">
Braised beef noodle
</a>
</div>
<div class="item-other-info">
<div class="item-other-space"></div>
<div class="item-other-list">
<a href="#" title='支持信用卡支付'>
<div class="bandCard"></div>
</a>
<a href="#" title='消费者保障服务'>
<div class="guarantee"></div>
</a>
</div>
</div>
</div>
</div>
</li>
<li class='td-info'>
<div class="td-info-msg">
</div>
</li>
</li>
<li class='td-amount'>
<div class="item-amount">
<a href="#" class='amount-left amount-color'>-</a>
<input type="text" name='amountNum' value='1' autocomplete="off">
<a href="#" class="amount-right">+</a>
</div>
<div class="stock">
915
</div>
<div class="outNum">
<span class="instr">最多只能购买</span>
<span class='stockNum'></span>
<em></em>
</div>
</li>
<li class='td-sum'>
<em></em><!--
--><span>18.00</span>
</li>
<li class='td-operation'>
<p><a href="#" class='delete'>删除</a></p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12" style="font-size: 14px; float: right;">
<label for="activities">选择就餐方式</label><span style="margin-left: 30px; font-size: 14px;"></span>
<input type="radio" name="mode" value="1" />堂食
<input type="radio" name="mode" value="0" />外卖
<br>
</div>
<div class="footer">
<div class="all-selected">
<input type="checkbox" name='all-selected' id='all-selected' class='allSelected2' autocomplete="off">
<label for="all-selected">全选</label>
</div>
<div class="operation">
<a href="#" class='delete'>删除</a>
</div>
<div class="float-bar-right">
<div class="amount-sum">
<span>已选商品</span>
<em class='totalSum'>0</em>
<span></span>
</div>
<div class="price-sum">
<span>合计(不含运费):</span>
<span class='moneySym'></span><!--
--><em class='total-sum'>0.00</em>
</div>
<div class="btn-area">
<!-- <a href="#" class='btn-common' id='btn-sum'>结 算</a> -->
<!-- <a onclick="confirm()" class="btn-common" id='btn-sum'>结 算</a> -->
<input type="submit" name="action" value="结算" class='btn-common' id='btn-sum' onclick="confirm()" style="border: none; width: 90px; height: 52px; color: white; font-size: 18px;">
</div>
</div>
</div>
</div>
</div>
<script src='static/js/jquery-2.2.1.min.js'></script>
<script src='static/js/template.js'></script>
<script id='delete' type='text/html'>
<div class="undo-wrapper">
<div class="deleteCom">
<p>
成功删除
<em>1</em>
件宝贝,如果无,可
<a href="#" class='turnBack'>撤销本次删除</a>
</p>
</div>
</div>
</script>
<script>
function confirm() {
alert('提交订单成功!');
}
</script>
<script src='static/js/myOrder.js'></script>
</body>
</html>

@ -0,0 +1,139 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心</title>
<link rel="stylesheet" href="static/css/personal.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<script src="static/js/modernizr-2.6.2.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
<!-- Themify Icons-->
<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
<!-- Bootstrap -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
<!-- Magnific Popup -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
<!-- Bootstrap DateTimePicker -->
<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
</head>
<body>
<div class="navbkg" >
<nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
<div class="gtco-container">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div id="gtco-logo"><a href="index.html">个人中心 <em>.</em></a></div>
</div>
<div class="col-xs-8 text-right menu-1">
<ul>
<li class="has-dropdown">
<a href="personal">个人中心</a>
<ul class="dropdown">
<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
<li><a href="ModifyPassword">修改密码</a></li>
<li><a href="OrderPage">我的订单</a></li>
<li><a href="MyComments">我的评价</a></li>
<li><a href="WriteComments">发表评价</a></li>
</ul>
</li>
<li><a href="UserRestList">商家列表</a></li>
<li><a href="index">返回首页</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div id="gtco-features">
<div class="gtco-container">
<div class="row" style="margin-top: 70px; background-color: #FBB448;">
<div class="col-md-4 col-sm-6" >
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="ti-settings"></i>
</span>
<a href="ModifyPersonalInfo" style="text-decoration: none;"><h3>修改个人信息</h3></a>
<p>Modify personal information</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="ti-lock"></i>
</span>
<a href="ModifyPassword" style="text-decoration: none;"><h3>修改密码</h3></a>
<p>Modify my password</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="ti-receipt"></i>
</span>
<a href="OrderPage" style="text-decoration: none;"><h3>我的订单</h3></a>
<p>My orders</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="ti-comment-alt"></i>
</span>
<a href="MyComments" style="text-decoration: none;"><h3>我的评价</h3></a>
<p>My review</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="feature-center animate-box" data-animate-effect="fadeIn">
<span class="icon">
<i class="ti-pencil-alt"></i>
</span>
<a href="WriteComments" style="text-decoration: none;"><h3>发表评价</h3></a>
<p>Post a review</p>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="static/js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="static/js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="static/js/jquery.countTo.js"></script>
<!-- Stellar Parallax -->
<script src="static/js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/magnific-popup-options.js"></script>
<script src="static/js/moment.min.js"></script>
<script src="static/js/bootstrap-datetimepicker.min.js"></script>
<!-- Main -->
<script src="static/js/main.js"></script>
</body>
</html>
Loading…
Cancel
Save