一般的なラベルのログインおよび登録の要件は、親テンプレートを行うために引き出さ
ベースは、CSSと改名されました
ベーステンプレート
{% from 'common/_macros.html' import static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %}{% endblock %}</title>
<meta name="csrf-token" content="{{ csrf_token() }}">
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/blueimp-md5/2.11.0/js/md5.min.js"></script>
<script src="{{ static('common/param.js') }}"></script>
<script src="{{ static("common/ajax.js") }}"></script>
<link rel="stylesheet" href="{{ static("common/sweetalert/sweetalert.css") }}">
<script src="{{ static("common/sweetalert/sweetalert.min.js") }}"></script>
<script src="{{ static("common/sweetalert/xtalert.js") }}"></script>
<link href="{{ static('front/css/front_signbase.css') }}" rel="stylesheet">
{% block head %}{% endblock %}
</head>
<body>
<div class="outer-box">
<div class="logo-box">
<a href="/"><img src="{{ static('common/images/logo.png') }}" alt=""></a>
</div>
<h2 class="page-title">{% block h2_block %}{% endblock %}</h2>
<div class="sign-box">
{% block signbox %}{% endblock %}
</div>
<span style="display: none" id="referrer-span">{{ referrer }}</span>
</div>
</body>
</html>
注册页
{% extends 'front/front_sign_base.html' %}
{% from 'common/_macros.html' import static %}
{% block title %}
注册
{% endblock %}
{% block head %}
<script src="{{ static('front/js/front_singup.js') }}"></script>
{% endblock %}
{% block h2_block %}
账号注册
{% endblock %}
{% block signbox %}
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" name="telephone" placeholder="手机号码">
<span class="input-group-btn"><button id="sms-captcha-btn" class="btn btn-info">发送验证码</button></span>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="sms_captcha" placeholder="短信验证码">
</div>
<div class="form-group">
<input type="text" class="form-control" name="username" placeholder="用户名">
</div>
<div class="form-group">
<input type="password" class="form-control" name="password1" placeholder="密码">
</div>
<div class="form-group">
<input type="password" class="form-control" name="password2" placeholder="确认密码">
</div>
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" name="graph_captcha" placeholder="图形验证码">
<span class="input-group-addon captcha-addon"><img id="captcha-img" class="captcha-img" src="{{ url_for('common.graph_captcha') }}" alt=""></span>
</div>
</div>
<div class="form-group">
<button id="submit-btn" class="btn btn-warning btn-block">立即注册</button>
</div>
{% endblock %}
访问，没问题
登录页
{% extends 'front/front_sign_base.html' %}
{% from 'common/_macros.html' import static %}
{% block title %}
登录
{% endblock %}
{% block head %}
<script src="{{ static('front/js/front_singup.js') }}"></script>
{% endblock %}
{% block h2_block %}
账号登录
{% endblock %}
{% block signbox %}
<div class="form-group">
<input type="text" class="form-control" name="telephone" placeholder="手机号码">
</div>
<div class="form-group">
<input type="password" class="form-control" name="password" placeholder="密码">
</div>
<div class="checkbox">
<label><input type="checkbox" name="remember" value="1">记住我</label>
</div>
<div class="form-group">
<button id="submit-btn" class="btn btn-warning btn-block">立即登录</button>
</div>
<div class="form-group">
<a href="{{ url_for('front.signup') }}">点击注册</a>
<a href="#" style="float: right">找回密码</a>
</div>
{% endblock %}
视图
class SigninView(views.MethodView):
def get(self):
return render_template('front/front_signin.html')
def post(self):
pass
bp.add_url_rule('/signup/', view_func=SignupView.as_view('signup'))
