検索
ホームページJava&#&チュートリアルJava を使用してフォーム データのページングおよびソート関数を作成する

Java を使用してフォーム データのページングおよびソート関数を作成する

Java を使用してフォーム データのページングおよびソート関数を作成する

Web アプリケーションの開発では、フォーム データのページングおよびソート関数が標準要件になりました。多くの用途に対応します。この記事では、Java を使用して、フォーム データのページングおよび並べ替え機能を実装する方法を示す簡単な例を作成します。

大量のユーザー情報を含むテーブルがあるとします。このデータを Web ページ上のページに表示し、各列に従って並べ替える機能を提供したいと考えています。開発フレームワークとして Spring Boot を使用し、Web ページを生成するために Thymeleaf テンプレート エンジンを使用します。

まず、ユーザーの名前、年齢、電子メール、その他の情報を含むユーザー エンティティ クラスを定義する必要があります。コードは次のとおりです。

public class User {
    private String name;
    private int age;
    private String email;

    // 省略getter和setter方法
}

次に、ユーザー関連のリクエストを処理する UserController クラスを作成します。 UserController クラスでは、List コレクションを使用してユーザー データを保存し、コンストラクターでこのコレクションを初期化します。コードは次のとおりです。

@Controller
public class UserController {
    private List<User> userList;

    public UserController() {
        // 初始化用户数据
        userList = new ArrayList<>();
        userList.add(new User("Alice", 25, "alice@example.com"));
        userList.add(new User("Bob", 30, "bob@example.com"));
        userList.add(new User("Charlie", 20, "charlie@example.com"));
        // 添加更多用户数据...
    }

    // 省略其他处理请求的方法
}

次に、ページングおよび並べ替え関数を処理するメソッドを作成する必要があります。 Spring フレームワークによって提供される Pageable オブジェクトと Sort オブジェクトを使用して、ページングとソートを実装します。コードは次のとおりです。

@GetMapping("/users")
public String getUsers(@RequestParam(value = "page", defaultValue = "0") int page,
                       @RequestParam(value = "size", defaultValue = "10") int size,
                       @RequestParam(value = "sort", defaultValue = "name") String sort,
                       Model model) {
    // 创建PageRequest对象并指定分页参数
    Pageable pageable = PageRequest.of(page, size, Sort.by(sort));

    // 使用Pageable对象查询用户数据
    Page<User> userPage = new PageImpl<>(userList, pageable, userList.size());

    // 将用户数据和分页对象添加到模型中
    model.addAttribute("users", userPage.getContent());
    model.addAttribute("page", page);
    model.addAttribute("size", size);
    model.addAttribute("sort", sort);
    model.addAttribute("totalPages", userPage.getTotalPages());

    // 返回用户列表页面
    return "user-list";
}

上記のコードでは、@RequestParam アノテーションを使用して、リクエスト パラメーター内のページング パラメーターとソート パラメーターを取得します。 PageRequest.of() メソッドを使用して Pageable オブジェクトを作成し、Sort.by() メソッドを使用して並べ替えの基準となる列を指定します。

最後に、PageImpl クラスを使用して Page オブジェクトを作成し、ユーザー データとページング パラメーターを渡します。次に、テンプレート エンジンで使用できるように、ユーザー データとページネーション情報をモデルに追加します。

ユーザー リスト ページでは、Thymeleaf テンプレート エンジンを使用してページング ナビゲーション バーとユーザー テーブルを生成できます。コードは次のとおりです。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>User List</title>
</head>
<body>
    <h1 id="User-List">User List</h1>
    
    <table>
        <tr>
            <th><a th:href="@{/users?page=0&size=__${size}__&sort=name}">Name</a></th>
            <th><a th:href="@{/users?page=0&size=__${size}__&sort=age}">Age</a></th>
            <th><a th:href="@{/users?page=0&size=__${size}__&sort=email}">Email</a></th>
        </tr>

        <tr th:each="user : ${users}">
            <td th:text="${user.name}"></td>
            <td th:text="${user.age}"></td>
            <td th:text="${user.email}"></td>
        </tr>
    </table>
    
    <div>
        <a th:href="@{/users?page=__${page - 1}__&size=__${size}__&sort=__${sort}__}"
           th:unless="${page == 0}">Previous</a>
        <span th:text="${page}"></span>
        <a th:href="@{/users?page=__${page + 1}__&size=__${size}__&sort=__${sort}__}"
           th:unless="${page + 1 >= totalPages}">Next</a>
    </div>
</body>
</html>

上記のコードでは、Thymeleaf のループ命令 th:each を使用してユーザー データを走査し、th:href 属性を使用して動的ページング リンクを生成します。また、Thymeleaf の条件ディレクティブ th:unless を使用して、「前へ」と「次へ」リンクを非表示にし、条件が満たされたときにそれらを表示しないようにします。

最後に、Spring Boot がリクエストを正しく処理してテンプレート ファイルをロードできるようにするために、アプリケーションのメイン クラスに必要な構成を追加する必要があります。コードは次のとおりです。

@SpringBootApplication
public class Application {
    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
    
    @Bean
    public ViewResolver viewResolver() {
        ThymeleafViewResolver resolver = new ThymeleafViewResolver();
        resolver.setTemplateEngine(templateEngine());
        resolver.setCharacterEncoding("UTF-8");
        return resolver;
    }

    @Bean
    public TemplateEngine templateEngine() {
        SpringTemplateEngine engine = new SpringTemplateEngine();
        engine.setEnableSpringELCompiler(true);
        engine.setTemplateResolver(templateResolver());
        return engine;
    }

    @Bean
    public ITemplateResolver templateResolver() {
        SpringResourceTemplateResolver resolver = new SpringResourceTemplateResolver();
        resolver.setPrefix("classpath:/templates/");
        resolver.setSuffix(".html");
        resolver.setTemplateMode(TemplateMode.HTML);
        return resolver;
    }
}

上記のコードでは、viewResolver()、templateEngine()、templateResolver() などの Bean を追加して、Thymeleaf テンプレート エンジンを構成します。

上記の手順により、Java でフォーム データを記述する際のページングとソート機能を実装することができました。実際のニーズに応じてこの例をさらに拡張および最適化し、より複雑なアプリケーション シナリオに適応させることができます。この記事が、フォーム データのページング機能と並べ替え機能の理解と実装に役立つことを願っています。

以上がJava を使用してフォーム データのページングおよびソート関数を作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。