Répertoire d'articles
Contexte
Parce que je suis un back-end Java à plein temps, je ne connais rien au front-end. Chaque fois que je veux faire de petites fonctions utiles, le manque d'affichage frontal est une chose très pénible, alors j'ai appris de la douleur et a commencé à apprendre simplement Layui comme un cadre de développement frontal habituel.
Pourquoi choisir Layui?
Interrogé sur les patrons frontaux environnants, Layui est facile à utiliser, et il peut également être EasyUi.
Diagramme de structure du projet
FAQ Layui
Comment utiliser Jquery dans 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>
Recevoir la demande
$.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
autre
Redimensionner les éléments
<iframe src="" frameborder="1" id="log-frame" width="99%" style="height: calc(100vh - 70px);"></iframe>