Django Bootstrap - same examples

example1:

==============================Event Manage
<html lang="zh-CN">
	<head>
		{% load bootstrap3 %}
		{% bootstrap_css %}
		{% bootstrap_javascript %}
		<titile>Event Manage</titile>
	</head>
	<body role="document">
		<!--导航栏-->
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="/event_manage/">
					Guest Manage System
					</a>
				</div>
				<div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="active"><a href='#'>发布会</a></li>
						<li><a href="/guest_manage/">嘉宾</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#">{{user}}</a></li>
						<li><a href="/logout/">退出</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<!--发布会列表-->
		<div class="row" style="padding-top: 80px;">
			<div class="col-md-6">
				<table class="table table-striped">
					<thead>
						<tr>
							<th>id</th><th>名称</th><th>状态</th><th>地址</th><th>时间</th>
						</tr>
					</thead>
					<tbody>
						{% for event in events %}
						<tr>
							<td>{{ event.id }}</td>
							<td>{{ event.name }}</td>
							<td>{{ event.status }}</td>
							<td>{{ event.address }}</td>
							<td>{{ event.start_time }}</td>
							<td><a href="/sign_index/{{ event.id}}" target="{{ event.id}}_blank">sign</a></td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		<!--发布会搜索表单-->
		<div class="page-header" style="padding-top: 60px;">
			<div id="navbar" class="navbar-collapse collapse">
				<form class="navbar-form" method="get" action="/search_name/">
					<div class="form-group">
						<input name="name" type="text" placeholder="名称" class="form-control"></input>
					</div>
					<button type="submit" class="btn btn-success">搜索</button>
					</button>
				</form>
			</div>
		</div>
	</body>
</html>
============================Guest manage========
<html lang="zh-CN">
	<head>
		{% load bootstrap3 %}
		{% bootstrap_css %}
		{% bootstrap_javascript %}
		<titile>Guest Manage</titile>
	</head>
	<body>
		<!--导航栏-->
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="/event_manage/">
					Guest Manage System
					</a>
				</div>
				<div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li><a href="/event_manage/">发布会</a></li>
						<li class="active"><a href='#'>嘉宾</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#">{{user}}</a></li>
						<li><a href="/logout/">退出</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<!--嘉宾列表-->
		<div class="row" style="padding-top: 80px;">
			<div class="col-md-6">
				<table class="table table-striped">
					<thead>
						<tr>
							<th>id</th><th>名称</th><th>手机</th><th>Email</th><th>签到</th><th>发布会</th>
						</tr>
					</thead>
					<tbody>
						{% for guest in guests %}
						<tr>
							<td>{{ guest.id }}</td>
							<td>{{ guest.realname }}</td>
							<td>{{ guest.phone }}</td>
							<td>{{ guest.email }}</td>
							<td>{{ guest.sign }}</td>
							<td>{{ guest.event }}</td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		<!--列表分页器-->
		<div class="pagination">
			<span class="step-links">
				{% if guests.has_previous %}
					<a href="?page={{ guests.previous_page_number }}">previous</a>
				{% endif %}
					<span class="current">
						Page {{ guests.number }} of {{guests.paginator.num_pages }}.
					</span>
				{% if guests.has_next %}
					<a href="?page={{guests.next_page_number}}"></a>
				{% endif %}
			</span>
		</div>
	</body>
</html>
============================sign_index.html========
		<!--导航栏-->
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">{{ event.name }}</a>
				</div>
				<div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li><a href="/event_manage/">发布会</a></li>
						<li><a href='/guest_manage/'>嘉宾</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<!--签到功能-->
		<div class="page-header" style="padding-top: 80px;">
			<div id="navbar" class="navbar-collapse collapse">
				<form class='navbar-form' method="post" action="/sign_index_action/{{ event.id }}/">
					<div class="form-group">
						<input name="phone" type="text" placeholder="输入手机号" class="form-control"></input>
					</div>
					<button type="submit" class="btn btn-success">签到</button>
					<font color="red">
						<br>{{ hint }}
						<br>{{ guest.realname }}
						<br>{{ guest.phone}}
					</font>
				</form>
			</div>
		</div>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值