常用CDN 和 后台管理模板

常用CDN

BootCdnhttps://www.bootcdn.cn/

cdnjs:https://cdnjs.com/libraries

Animate:4.1.1

<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

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

BootStrap:4.5.3

<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

<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

<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

<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

<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

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

LayUI:2.5.7

<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

<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

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

Swiper:6.4.1

<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

Vue-Admin-Template

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应用开发和简化企业应用开发而诞生的
posted @ 2020-12-16 16:33  轻描丨淡写  阅读(816)  评论(0编辑  收藏  举报