常用CDN 和 后台管理模板 cdn的主要功能模块

常用CDN

BootCdn：https://www.bootcdn.cn/

cdnjs：https://cdnjs.com/libraries

Animate：4.1.1

• 官网：http://www.animate.net.cn/

• CDN地址：https://www.bootcdn.cn/animate.css/

• animate.css 包含了一组炫酷、有趣、跨浏览器的动画，可以在你的项目中直接使用

<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.compat.min.css" rel="stylesheet">

Animejs：3.2.1

• 官网：https://www.animejs.cn/

• CDN地址：https://www.bootcdn.cn/animejs/

• anime.js是一个灵活的轻型JavaScript动画库

• anime.js遵从MIT开源协议，可应用于各种商业网站或app而无需付费

• 压缩后仅6K大小,且不依赖任何第三方库，加载迅速

<script src="https://cdn.bootcdn.net/ajax/libs/animejs/3.2.1/anime.min.js"></script>

Axios：0.21.0

• 官网：http://www.axios-js.com/

• CDN地址：https://www.bootcdn.cn/axios/

• Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 Node.js 中

<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>

BootStrap：4.5.3

• 官网：https://v4.bootcss.com/

• CDN地址：https://www.bootcdn.cn/twitter-bootstrap/

• Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目

<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap-grid.min.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap-reboot.min.css" rel="stylesheet">

<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.bundle.min.js"></script>

Bootstrap-Sweetalert：1.0.1

• 官网：https://www.npmjs.com/package/bootstrap-sweetalert

• CDN地址：https://www.bootcdn.cn/bootstrap-sweetalert/

• 基于bootstrap美化的提示框

<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.css" rel="stylesheet">

<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.js"></script>

Element-UI：2.14.1

• 官网：https://element.eleme.cn/#/zh-CN

• CDN地址：https://www.bootcdn.cn/element-ui/

• 是“饿了么”团队开发的框架

• Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

<link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.14.1/theme-chalk/index.min.css" rel="stylesheet">

<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.14.1/index.min.js"></script>

Font-Awesome：4.7

• 官网：http://www.fontawesome.com.cn/

• CDN地址：https://www.bootcdn.cn/font-awesome/

• Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式

<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

iView：3.5.5-rc.1

• 官网：http://v1.iviewui.com/

• CDN地址：https://www.bootcdn.cn/iview/

• iView 一套基于 Vue.js 的高质量 UI 组件库

<script src="https://cdn.bootcdn.net/ajax/libs/iview/3.5.5-rc.1/iview.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/iview/3.5.5-rc.1/iview.min.js"></script>

<link href="https://cdn.bootcdn.net/ajax/libs/iview/3.5.5-rc.1/styles/iview.min.css" rel="stylesheet">

JQuery：3.5.1

• 官网：https://www.jquery123.com/

• CDN地址：https://www.bootcdn.cn/jquery/

• jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库

• 它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

JQuery.pjax

• 官网：http://bsify.admui.com/jquery-pjax/

• CDN地址：https://www.bootcdn.cn/jquery.pjax/

• pjax 是一个 jQuery 插件，它通过 ajax 和 pushState 技术提供了极速的（无刷新 ajax 加载）浏览体验

• 并且保持了真实的地址、网页标题，浏览器的后退（前进）按钮也可以正常使用

<script src="https://cdn.bootcdn.net/ajax/libs/jquery.pjax/2.0.1/jquery.pjax.min.js"></script>

LayUI：2.5.7

• 官网：https://www.layui.com/

• CDN地址：https://www.bootcdn.cn/layui/

• layui 是一款采用自身模块规范编写的前端 UI 框架

• 遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用

<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.7/layui.all.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.7/layui.min.js"></script>

Pure：2.0.3

• 官网：https://www.purecss.cn/

• CDN地址：https://www.bootcdn.cn/pure/

• Pure.css 是 Yahoo 出品的一组轻量级、响应式纯 CSS 模块，适用于任何 Web 项目

<link href="https://cdn.bootcdn.net/ajax/libs/pure/2.0.3/base-context-min.min.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/pure/2.0.3/base-context.min.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/pure/2.0.3/base-min.min.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/pure/2.0.3/base.min.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/pure/2.0.3/base-context-min.min.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/pure/2.0.3/base-min.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/pure/2.0.3/base-context.css" rel="stylesheet">

<link href="https://cdn.bootcdn.net/ajax/libs/pure/2.0.3/pure.min.css" rel="stylesheet">

SweetAlert：2.1.2

• 官网：https://www.sweetalert.cn/

• CDN地址：https://www.bootcdn.cn/sweetalert/

• SweetAlert 是一个 JavaScript 插件，能够完美替代 JavaScript 自带的 alert 弹出框，并且功能强大、设计优美

<script src="https://cdn.bootcdn.net/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>

Swiper：6.4.1

• 官网：https://www.swiper.com.cn/

• CDN地址：https://www.bootcdn.cn/Swiper/

• Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件

<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.4.1/swiper-bundle.cjs.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.4.1/swiper-bundle.esm.browser.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.4.1/swiper-bundle.esm.browser.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.4.1/swiper-bundle.esm.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.4.1/swiper-bundle.cjs.min.js"></script>

<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.4.1/swiper-bundle.css" rel="stylesheet">

<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.4.1/swiper-bundle.min.js"></script>

Vue：2.6.12

• 官网：https://cn.vuejs.org/

• CDN地址：https://www.bootcdn.cn/vue/

• Vue 是一套用于构建用户界面的渐进式框架

• 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用Vue

• 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.common.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.common.dev.min.js"></script>

后台管理

AdminLTE

• 官网：https://adminlte.io/
• AdminLTE是一个完全响应管理模板
• 基于Bootstrap3，jQuery 3.3.1 这两个框架框架，易定制模板
• 适合多种屏幕分辨率，从小型移动设备到大型台式机
• 内置了多个页面，包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面
• 对于后台站点的模板渲染，有很大的作用

Simple UI

• 官网：https://simpleui.72wo.com/docs/simpleui/doc.html
• SimpleUI 是django-admin的一个主题 是一个基于element-ui+vue开发，重写和优化90%以上的页面
• 与suit是同类产品

Vue-Admin-Template

• 官网：https://gitee.com/panjiachen/vue-admin-template
• 这是一个极简的 vue admin 管理后台
• 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西

Vue-Element-Admin

• 官网：https://panjiachen.github.io/vue-element-admin-site/zh/
• vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现
• 它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证
• 提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型

X-admin

• 官网：http://x.xuebingsi.com/
• X-admin基于layui的轻量级前端后台管理框架，简单免费，兼容性好，面向所有层次的前后端程序
• 创立于2017年初，为了敏捷WEB应用开发和简化企业应用开发而诞生的