AdminLTE：修订间差异
（创建页面，内容为“AdminLTE是一个基于Bootstrap的免费开源后台模板。 ==简介== ===时间轴=== ==快速入门== 1.下载源代码：https://github.com/ColorlibHQ/AdminLTE/releases ==资源== ===官网=== *AdminLTE 官网：https://adminlte.io *AdminLTE 源代码：https://github.com/ColorlibHQ/AdminLTE ===网站===”） |
无编辑摘要 |
||
| （未显示同一用户的1个中间版本） | |||
| 第5行： | 第5行： | ||
==快速入门== | ==快速入门== | ||
1. | ===通过CDN使用=== | ||
直接通过CDN引入编译好的文件。如使用[[jsDelivr]]提供的免费CDN服务，示例如下： | |||
引入AdminLTE CSS： | |||
<syntaxhighlight lang="HTML" > | |||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-alpha3/dist/css/adminlte.min.css" integrity="sha256-rhU0oslUDWrWDxTY4JxI2a2OdRtG7YSf3v5zcRbcySE=" crossorigin="anonymous"> | |||
</syntaxhighlight> | |||
引入AdminLTE JavaScript： | |||
<syntaxhighlight lang="HTML" > | |||
<script src="https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-alpha3/dist/js/adminlte.min.js" integrity="sha256-u2yoem2HtOCQCnsp3fO9sj5kUrL+7hOAfm8es18AFjw=" crossorigin="anonymous"></script> | |||
</syntaxhighlight> | |||
{{了解更多 | |||
|[https://www.jsdelivr.com/package/npm/admin-lte jsDelivr：admin-lte] | |||
}} | |||
===下载编译好文件=== | |||
* 下载AdminLTE发布版本：https://github.com/ColorlibHQ/AdminLTE/releases <br /> | |||
* 复制dist文件夹中的js和css到项目中 | |||
===下载源代码编译=== | |||
1.下载源代码，并进入目录： | |||
<syntaxhighlight lang="bash" > | |||
git clone https://github.com/ColorlibHQ/AdminLTE.git | |||
cd AdminLTE | |||
</syntaxhighlight> | |||
2.使用<code>[[npm]] install</code>命令安装<code>package.json</code>中的依赖： | |||
<syntaxhighlight lang="bash" > | |||
npm install | |||
</syntaxhighlight> | |||
3.编译测试版： | |||
npm run dev | |||
4.复制dist文件夹中的js和css到项目中 | |||
===简单示例=== | |||
<syntaxhighlight lang="python" > | |||
</syntaxhighlight> | |||
==资源== | ==资源== | ||
===官网=== | ===官网=== | ||
| 第12行： | 第50行： | ||
===网站=== | ===网站=== | ||
*AdminLTE v4 安装：https://adminlte-v4.netlify.app/dist/pages/docs/introduction | |||
2023年11月12日 (日) 03:04的最新版本
AdminLTE是一个基于Bootstrap的免费开源后台模板。
简介
时间轴
快速入门
通过CDN使用
直接通过CDN引入编译好的文件。如使用jsDelivr提供的免费CDN服务，示例如下： 引入AdminLTE CSS：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-alpha3/dist/css/adminlte.min.css" integrity="sha256-rhU0oslUDWrWDxTY4JxI2a2OdRtG7YSf3v5zcRbcySE=" crossorigin="anonymous">
引入AdminLTE JavaScript：
<script src="https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-alpha3/dist/js/adminlte.min.js" integrity="sha256-u2yoem2HtOCQCnsp3fO9sj5kUrL+7hOAfm8es18AFjw=" crossorigin="anonymous"></script>
了解更多 >> jsDelivr：admin-lte
下载编译好文件
- 下载AdminLTE发布版本：https://github.com/ColorlibHQ/AdminLTE/releases
- 复制dist文件夹中的js和css到项目中
下载源代码编译
1.下载源代码，并进入目录：
git clone https://github.com/ColorlibHQ/AdminLTE.git
cd AdminLTE
2.使用npm install命令安装package.json中的依赖：
npm install
3.编译测试版：
npm run dev
4.复制dist文件夹中的js和css到项目中
简单示例
资源
官网
- AdminLTE 官网：https://adminlte.io
- AdminLTE 源代码：https://github.com/ColorlibHQ/AdminLTE
网站
- AdminLTE v4 安装：https://adminlte-v4.netlify.app/dist/pages/docs/introduction