首页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> {% block title %}{% endblock %}-首页</title>
<link type="text/css" rel="stylesheet" href="{{ url_for(‘static‘,filename=‘css/index.css‘) }}">
{% block head %}{% endblock %}
</head>
<body>
<img src="{{ url_for(‘static‘,filename=‘img/学者网.jpg‘) }}" width="40px">
<a href="http://music.163.com/">首页</a>
<a href="{{ url_for(‘login‘) }}">登录</a>
<a href="{{ url_for(‘regist‘) }}">注册</a>
<h2>欢迎登录学者网</h2>
{% block main %}{% endblock %}
</body>
</html>
登录页
{% extends ‘index.html‘ %}
{% block title %}登录{% endblock %}
{% block head %}
<link rel="stylesheet" type="text/css" href="{{ url_for(‘static‘,filename=‘css/login.css‘) }}">
<script src="{{ url_for(‘static‘,filename=‘js/login.js‘) }}"></script>>
{% endblock %}
{% block main %}
<div class="box">
<h2>登录</h2>
<br><br>
<div class="input_box">
账号：<input id="username" type="text" placeholder="请输入用户名">
</div>
<div class="input_box">
密码：<input id="password" type="text" placeholder="请输入密码"><br>
</div>
<br>
<div class="check">
<input type="radio" name="role" value="stu">用户
<input type="radio" name="role" value="tea">游客
<br>
<input type="checkbox"><span>自动登录</span> <a href="">忘记密码</a>
</div>
<div id="error_box"><br></div>
<br>
<div>
<button onclick="mulogin()">登录</button>
<a href="regist.html"></a>
</div>
</div>
{% endblock %}
注册页
{% extends ‘index.html‘ %}
{% block title %}注册{% endblock %}
{% block head %}
<link rel="stylesheet" type="text/css" href="{{ url_for(‘static‘,filename=‘css/regist.css‘) }}">
<script src="{{ url_for(‘static‘,filename=‘js/regist.js‘) }}"></script>>
{% endblock %}
{% block main %}
<div class="box">
<h2>注册</h2>
<br>
<div class="input_box">
账号：<input id="username" type="text" placeholder="请输入用户名">
</div>
<div class="input_box">
密码：<input id="password" type="text" placeholder="请输入密码">
</div>
<div class="input_box">
验证：<input id="password1" type="text" placeholder="请输入密码">
</div>
<br><br>
<div id="error_box"><br></div>
<div>
<button onclick="muregist()">注册</button>
</div>
</div>
{% endblock %}
原文：http://www.cnblogs.com/z1-z/p/7783767.html