Skip to content

Commit

Permalink
分离 login 页面
Browse files Browse the repository at this point in the history
  • Loading branch information
SmartHypercube committed Oct 13, 2023
1 parent fe612aa commit b7b1619
Show file tree
Hide file tree
Showing 4 changed files with 64 additions and 32 deletions.
34 changes: 2 additions & 32 deletions frontend/templates/base.html
Original file line number Diff line number Diff line change
Expand Up @@ -71,38 +71,8 @@
</form>
</li>
{% else %}
<li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
<span class="pure-button pure-button-primary">注册/登录</span>
<ul class="pure-menu-children">
{% if debug %}
<li class="pure-menu-item"><a href="/accounts/debug/login/" class="pure-menu-link">调试登录</a></li>
{% endif %}
<li class="pure-menu-item"><a href="/accounts/ustc/login/" class="pure-menu-link">中国科学技术大学</a></li>
<li class="pure-menu-item"><a href="/accounts/zju/login/" class="pure-menu-link">浙江大学</a></li>
<li class="pure-menu-item"><a href="/accounts/jlu/login/" class="pure-menu-link">吉林大学</a></li>
<li class="pure-menu-item"><a href="/accounts/nuaa/login/" class="pure-menu-link">南京航空航天大学</a></li>
<li class="pure-menu-item"><a href="/accounts/neu/login/" class="pure-menu-link">东北大学</a></li>
<li class="pure-menu-item"><a href="/accounts/sysu/login/" class="pure-menu-link">中山大学</a></li>
<li class="pure-menu-item"><a href="/accounts/xidian/login/" class="pure-menu-link">西安电子科技大学</a></li>
<li class="pure-menu-item"><a href="/accounts/hit/login/" class="pure-menu-link">哈尔滨工业大学</a></li>
<li class="pure-menu-item"><a href="/accounts/nudt/login/" class="pure-menu-link">国防科技大学</a></li>
<li class="pure-menu-item"><a href="/accounts/fdu/login/" class="pure-menu-link">复旦大学</a></li>
<li class="pure-menu-item"><a href="/accounts/tongji/login/" class="pure-menu-link">同济大学</a></li>
<li class="pure-menu-item"><a href="/accounts/gdou/login/" class="pure-menu-link">广东海洋大学</a></li>
<li class="pure-menu-item"><a href="/accounts/gdut/login/" class="pure-menu-link">广东工业大学</a></li>
<li class="pure-menu-item"><a href="/accounts/gzhu/login/" class="pure-menu-link">广州大学</a></li>
<li class="pure-menu-item"><a href="/accounts/sustech/login/" class="pure-menu-link">南方科技大学</a></li>
<li class="pure-menu-item"><a href="/accounts/xmut/login/" class="pure-menu-link">厦门理工学院</a></li>
<li class="pure-menu-item"><a href="/accounts/shu/login/" class="pure-menu-link">上海大学</a></li>
<li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
<a href="#" class="pure-menu-link">其他选手</a>
<ul class="pure-menu-children">
<li class="pure-menu-item"><a href="/accounts/sms/login/" class="pure-menu-link">手机号码登录</a></li>
<li class="pure-menu-item"><a href="/accounts/google/login/" class="pure-menu-link">Google 账号登录</a></li>
<li class="pure-menu-item"><a href="/accounts/microsoft/login/" class="pure-menu-link">Microsoft 账号登录</a></li>
</ul>
</li>
</ul>
<li class="pure-menu-item">
<a class="pure-button pure-button-primary" href="{% url 'login' %}">注册/登录</a>
</li>
{% endif %}
</ul>
Expand Down
56 changes: 56 additions & 0 deletions frontend/templates/login.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
{% extends "base.html" %}

{% block css %}
{{ block.super }}
<style>
.group {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1em;
}
</style>
{% endblock %}

{% block content %}
<h1>注册/登录</h1>
{% if debug %}
<h2>调试登录</h2>
<form class="pure-form" method="post">
{% csrf_token %}
<select name="provider" required>
<option value="debug" selected>调试用户</option>
<option value="ustc">中国科学技术大学 GID</option>
<option value="sms">手机号码</option>
</select>
<input type="text" name="identity" required>
<button type="submit" class="pure-button pure-button-primary">登录</button>
</form>
{% endif %}
<h2>协办单位选手</h2>
<div class="group">
<a class="pure-button" href="/accounts/ustc/login/">中国科学技术大学</a>
<a class="pure-button" href="/accounts/zju/login/">浙江大学</a>
<a class="pure-button" href="/accounts/jlu/login/">吉林大学</a>
<a class="pure-button" href="/accounts/nuaa/login/">南京航空航天大学</a>
<a class="pure-button" href="/accounts/neu/login/">东北大学</a>
<a class="pure-button" href="/accounts/sysu/login/">中山大学</a>
<a class="pure-button" href="/accounts/xidian/login/">西安电子科技大学</a>
<a class="pure-button" href="/accounts/hit/login/">哈尔滨工业大学</a>
<a class="pure-button" href="/accounts/nudt/login/">国防科技大学</a>
<a class="pure-button" href="/accounts/fdu/login/">复旦大学</a>
<a class="pure-button" href="/accounts/tongji/login/">同济大学</a>
<a class="pure-button" href="/accounts/gdou/login/">广东海洋大学</a>
<a class="pure-button" href="/accounts/gdut/login/">广东工业大学</a>
<a class="pure-button" href="/accounts/gzhu/login/">广州大学</a>
<a class="pure-button" href="/accounts/sustech/login/">南方科技大学</a>
<a class="pure-button" href="/accounts/xmut/login/">厦门理工学院</a>
<a class="pure-button" href="/accounts/shu/login/">上海大学</a>
</div>
<h2>其他选手</h2>
<div class="group">
<a class="pure-button" href="/accounts/sms/login/">手机号码登录</a>
<a class="pure-button" href="/accounts/google/login/">Google 账号登录</a>
<a class="pure-button" href="/accounts/microsoft/login/">Microsoft 账号登录</a>
</div>
<!-- 测试移动端 -->
{% endblock %}
1 change: 1 addition & 0 deletions frontend/urls.py
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
name='announcements'),
path('board/', views.BoardView.as_view(), name='board'),
path('first/', views.FirstView.as_view(), name='first'),
path('login/', views.LoginView.as_view(), name='login'),
path('logout/', views.LogoutView.as_view(), name='logout'),
path('profile/', views.ProfileView.as_view(), name='profile'),
path('terms/', views.TermsView.as_view(), name='terms'),
Expand Down
5 changes: 5 additions & 0 deletions frontend/views.py
Original file line number Diff line number Diff line change
Expand Up @@ -131,6 +131,11 @@ def get(self, request):
return redirect('hub')


class LoginView(View):
def get(self, request):
return TemplateResponse(request, 'login.html')


# noinspection PyMethodMayBeStatic
class LogoutView(View):
def post(self, request):
Expand Down

0 comments on commit b7b1619

Please sign in to comment.