码农式插件使用

最新推荐文章于 2021-09-01 22:04:11 发布

多喝热水Y

最新推荐文章于 2021-09-01 22:04:11 发布

阅读量148

点赞数

分类专栏： MVC

本文链接：https://blog.youkuaiyun.com/weixin_44540475/article/details/93849913

版权

MVC 专栏收录该内容

27 篇文章

订阅专栏

在我们平常做项目的时候，使用插件是少不了的，但是插件的类型样式也是非常多的，每个插件使用的方法都不一样。在项目开发的时候，我们先找出我们项目需要怎样的插件，然后再进行引用，使用拆件跟不使插件的差别是很大的，如果你光是靠代码去布局它的样式需要很麻烦或者要敲很多的代码才能实现想要的样式，但是使用插件就不一样了，它可以直接替换很多代码，直接给出了想要的样式，或者再进行稍微的修改就能达到想要的效果了。
我们经常使用的插件就是layui了，程序员都熟悉这个插件，毕竟项目设计的时候都要用到它的。
我们在使用插件的时候还要把它相关的JS或者CSS样式进行引入使用，如果没有引入是使用不了的
在这里插入图片描述

记住引入的时候，CSS是使用Link标签进行引入，而JS是使用SCRIPT标签进行引入的，一般在项目引入JS是在代码外面引入的，个人习惯在尾部进JS插件引入，而CSS的在前面进行引入，JS插件如果放在代码中间进行引入的话，那么在以后项目运行的时候容易出现错误，这样是不规范的。
下面是一个布局的演示代码，演示结果如最后一张图片，来源于layui的一个插件

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<blockquote class="layui-elem-quote">
  你也可以单独打开后台布局的例子：
  <a class="layui-btn layui-btn-normal" href="layuiAdmin.html" target="_blank">单独打开</a>
</blockquote>
 
<iframe id="demoAdmin" src="layuiAdmin.html?from=demo" frameborder="0" style="width: 100%; height: 300px;"></iframe>           
               
          
<script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
</script>

</body>
</html>

在这里插入图片描述