Lauiuiフレームワークの使い方-ライユイのチュートリアル-php.cn

Lauiuiフレームワークの使い方

angryTom

リリース： 2019-08-01 13:15:47

オリジナル

7468 人が閲覧しました

Lauiuiフレームワークの使い方

layui (同音異義語: UI 風の) は、ネイティブ HTML/ の記述および構成形式に従って、独自のモジュール仕様を使用して記述されたフロントエンド UI フレームワークです。 CSS/JS は敷居が非常に低く、そのまま使用できます。でもそれを使いたいならその人のルールに従わなければいけないし、結局その人は手が短いしトリックもできるし、それもルールの範囲内です。

layui についてさらに詳しく知りたい場合は、次をクリックしてください: layui チュートリアル

添付されているのは、layui 公式です。 website : https://www.layui.com/

Lauiuiフレームワークの使い方

ダウンロード後、解凍してlayuiフォルダを取り出します。エディタを開いてドロップインします。

Lauiuiフレームワークの使い方

次に、css ファイルと js ファイルを html に導入し始めます。ここで必要なのは、2 つのlayui コアファイルlayui.css とlayui.js です。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="layui/layui.js"></script>
</head>
<body>
//模块和回调函数
<script>
//一般直接写在一个js文件中
layui.use([&#39;layer&#39;, &#39;form&#39;], function(){
  var layer = layui.layer
  ,form = layui.form;
  layer.msg(&#39;Hello World&#39;);
});
</script> 
</body>
</html>

ログイン後にコピー

この時点で、使用する必要があるモジュールとコールバック関数を宣言する必要もあります。もちろん、公式ドキュメントを参照して、必要な効果を選択するだけです。！

例:

Lauiuiフレームワークの使い方