我有一个管理员面板，管理员可以使用它来编辑事件;所以我从数据库中获取事件并在那里显示它们以供管理员编辑。 这需要 1.5分钟。
以下是相关文件：
.rd.xml public function editEvent($result = null)
{
if ($this->adminIsLoggedIn()) {
$db = new DB();
$events = $db->getEvents();
$venues = $db->getVenues();
$types = $db->getEventTypes();
echo $this->twig->render('editEvent.twig', array('result'=>$result, 'events'=>$events, 'venues'=>$venues, 'types'=>$types));
} else {
$this->login();
}
}
{% extends "master.twig" %}
{% block content %}
<div class="right_col" role="main">
<div class="">
<div class="page-title">
<div class="title_left">
<h3>Edit Event</h3>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2>Click on the fields to edit</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
{% if result.success == true %}
<h3 style="color: forestgreen">{{ result.message }}</h3>
{% else %}
<h3 style="color: tomato">{{ result.message }}</h3>
{% endif %}
<form action="/admin/editEvent" method="post">
<table id="datatable"
class="table table-striped table-bordered responsive-utilities jambo_table">
<thead>
<tr>
<th>ID</th>
<th>Title</th>
<th>Description</th>
<th>Source URL</th>
<th>Type</th>
<th>Start Date</th>
<th>End Date</th>
<th>Date Created</th>
<th>Start Time</th>
<th>End Time</th>
<th>Venue</th>
</tr>
</thead>
<tbody>
{% for event in events %}
<tr>
<td>
<input type="checkbox" name="events[]" value="{{ event.id }}"/>
</td>
<td>
<input style="border: 1px solid lightblue;" type="text" name="title[{{ event.id }}]" value="{{ event.title}}">
</td>
<td>
<textarea style="border: 1px solid lightblue;" class="mce_ta" type="text" name="description[{{ event.id }}]">{{ event.description }}</textarea>
</td>
<td>
<input style="border: 1px solid lightblue;" type="text" name="source_url[{{ event.id }}]" value="{{ event.source_url }}">
</td>
<td>
<select name="type_id[{{ event.id }}]" class="form-control">
<option selected value="{{ event.type_id }}">{{ event.type_name }}</option>
{% for type in types %}
<option value="{{ type.id }}">{{ type.type_name }}</option>
{% endfor %}
</select>
</td>
<td><input class="event_start_date date-picker" type="text" name="event_start_date[{{ event.id }}]" value="{{ event.event_start_date }}"></td>
<td><input class="event_end_date date-picker" type="text" name="event_end_date[{{ event.id }}]" value="{{ event.event_end_date }}"></td>
<td><input class="creation_date date-picker" type="text" name="event_date[{{ event.id }}]" value="{{ event.creation_date }}"></td>
<td><input class="time_pick clockpicker" type="text" name="start_time[{{ event.id }}]" value="{{ event.start_time }}"></td>
<td><input class="time_pick clockpicker" type="text" name="end_time[{{ event.id }}]" value="{{ event.end_time }}"></td>
<td>
<select name="venue_id[{{ event.id }}]" class="form-control">
<option selected value="{{ event.venue_id }}">{{ event.venue_name }}</option>
{% for venue in venues %}
<option value="{{ venue.id }}">{{ venue.venue_name }}</option>
{% endfor %}
</select>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="form-group-lg" style="margin: 10px auto;">
<button style="margin: 30px auto;" type="submit"
class="btn btn-warning btn-block pull-left">
Edit Selected Events
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock content %}
{% block scripts %}
<!-- bootstrap-daterangepicker -->
<script>
$(document).ready(function () {
$('.date-picker').daterangepicker({
singleDatePicker: true,
calender_style: "picker_4",
locale: {
format: 'YYYY-MM-DD'
}
}, function (start, end, label) {
console.log(start.toISOString(), end.toISOString(), label);
});
});
</script>
<!-- /bootstrap-daterangepicker -->
<!-- clockpicker -->
<script>
$(document).ready(function () {
$('.time_pick').clockpicker({
placement: 'left',
align: 'top',
autoclose: true,
'default': '21:30'
});
});
</script>
<!-- /clockpicker -->
{% endblock scripts %}
查询平均需要2.5秒，所以这不是问题。 我认为问题是html页面中的循环逐个显示所有事件。即：
public function getEvents()
{
$result = array();
try {
$stmt = $this->conn->prepare("
SELECT Events.id AS id, Events.title AS title, Events.description AS description, Events.source_url AS source_url, Events.type_id AS type_id, EventTypes.type_name AS type_name, Events.event_start_date AS event_start_date, Events.event_end_date AS event_end_date, Events.creation_date AS creation_date, TIME_FORMAT(start_time, '%H:%i') AS start_time, TIME_FORMAT(end_time, '%H:%i') AS end_time, Events.venue_id AS venue_id, Venues.venue_name AS venue_name
FROM $this->dbname.Events
INNER JOIN $this->dbname.EventTypes
ON Events.type_id = EventTypes.id
INNER JOIN $this->dbname.Venues
ON Events.venue_id = Venues.id
ORDER BY creation_date DESC, id DESC;");
$stmt->execute();
// set the resulting array to associative
$stmt->setFetchMode(PDO::FETCH_ASSOC);
$result = $stmt->fetchAll();
} catch (PDOException $e) {
return $errorMsg = $e->getMessage();
}
return $result;
}
答案 0 :(得分：2)
除了分页建议之外，你一定要考虑在开头构建这两个选择（作为Twig块），然后在每次迭代时重复使用它。这篇文章告诉你如何做到这一点：
How can I reuse a block multiple times?
思考的食物：
您使用的机器是否太慢？
希望有所帮助， 塔夫