常用CDN 和 后台管理模板
常用CDN
BootCdn:https://www.bootcdn.cn/
Animate:4.1.1
-
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
-
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
-
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
-
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
-
基于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
-
是“饿了么”团队开发的框架
-
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
-
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
-
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
-
jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库
-
它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
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
-
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
-
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
-
SweetAlert 是一个 JavaScript 插件,能够完美替代 JavaScript 自带的 alert 弹出框,并且功能强大、设计优美
<script src="https://cdn.bootcdn.net/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
Swiper:6.4.1
-
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
-
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应用开发和简化企业应用开发而诞生的