Layuiの使用上の注意と一般的なフロントエンド関連の問題の記録

バックグラウンド

私はフルタイムのJavaバックエンドなので、フロントエンドについては何も知りません。便利な小さな関数を実行したいときはいつでも、フロントエンドの表示がないのは非常に苦痛なので、私は学びました。苦痛から、通常のフロントエンド開発フレームワークとしてLayuiを単に学び始めました。

なぜLayuiを選ぶのですか？

周囲のフロントエンドのボスに尋ねると、Layuiは使いやすく、EasyUiにすることもできます。
プロジェクト構造図

Layui FAQ

LayuiでJqueryを使用する方法

<script>
    var $; // 使用jQuery
    layui.use(['jquery'], function () {
    
     // 加载jQuery组件
        $ = layui.$; //使用jQuery 重点处

    });
    function getLogFile() {
    
    
        var url = $('#url').val();
        $("#log-frame").attr("src", baseApi + "?filePath=" + url); // 使用jQuery
    }
</script>   

リクエストを取得

        $.get("transfer", {
    
    acct: acct, amount: amount},
            function (data) {
    
    

                layer.msg(data, {
    
    
                        icon: 1,
                        time: 3000 //2秒关闭（如果不配置，默认是3秒）
                    },
                    function () {
    
    
                        //do something
                    });
            })

もう一度际：http：// localhost：8080 / transfer？acct = laker＆amount = 100000

その他

要素のサイズを変更する

        <iframe src="" frameborder="1" id="log-frame" width="99%" style="height: calc(100vh - 70px);"></iframe>