Notas de uso de Layui y registro de problemas comunes relacionados con el front-end

antecedentes

Como soy un back-end de Java a tiempo completo, no sé nada sobre el front-end. Siempre que quiero hacer algunas funciones pequeñas útiles, la falta de visualización del front-end es algo muy doloroso, así que aprendí del dolor y comenzó a aprender Layui como un marco de desarrollo de front-end habitual.

¿Por qué elegir Layui?

Preguntados a los jefes frontales circundantes, Layui es fácil de usar y también puede ser EasyUi.
Diagrama de estructura del proyecto

Preguntas frecuentes de Layui

Cómo usar Jquery en Layui

<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>   

Obtener solicitud

        $.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

otro

Cambiar el tamaño de los elementos

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