C# 如何在Webmatrix中实现手动分页？

我正在使用Webmatrix和Gallery模板进行一点实验

我有很多问题，但我会从这个开始。 如何在Webmatrix中实现分页？但我没有使用网格。我也在使用jQuery，希望它也能使用它

这是我的密码

@{
var db = Database.Open("PhotoGallery");

var id = UrlData[0].AsInt();
var user = db.QuerySingle("SELECT UserId, DisplayName, Bio FROM UserProfiles WHERE UserId = @0", id);
if (user == null) {
    Response.SetStatus(HttpStatusCode.NotFound);
    return;
}

Page.Title = "User - " + user.DisplayName;

var photos = db.Query("SELECT Id, FileTitle FROM Photos WHERE UserId = @0 ORDER BY FileTitle", id).ToList();
}

这是HTML

<div class="box_content">

    <!-- Small Gallery Content: Start -->
    <ul class="gallery small">

        <!-- Small Gallery Image: Start -->
        @foreach (var photo in photos) {
        <li data-type="buildings" data-id="g001">
            <a href="~/Photo/View/@photo.Id" class="">
                <img alt="thumbnail of @Path.GetFileNameWithoutExtension(photo.FileTitle)" src="~/Photo/Thumbnail/@photo.Id" />
            <span class="image-overlay">@Path.GetFileNameWithoutExtension(photo.FileTitle)</span>
            </a>
        </li>
        }
        <!-- Small Gallery Image: End -->
    </ul>
    <!-- Small Gallery Content: End -->

    <!-- Small Gallery Footer: Start -->
    <div class="padding">

        <!-- Pagination: Start -->
        <ul class="pagination right nomargin">
            <li><a href="#" class="active">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">Next</a></li>
        </ul>
        <!-- Pagination: End -->
    </div>
    <!-- Small Gallery Footer: End -->

</div>

@foreach（照片中的var照片）{


}

谢谢你的帮助，我很感激