admui 框架源码 入口文件

Posted admui

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了admui 框架源码 入口文件相关的知识，希望对你有一定的参考价值。

入口文件

CSS

<!-- 样式 -->
<link rel="stylesheet" href="/public/themes/global/css/bootstrap.css">
<link rel="stylesheet" href="/public/themes/layout/css/index.css" id="admui-siteStyle">

<!-- 图标 CSS-->
<link rel="stylesheet" href="/public/fonts/font-awesome/font-awesome.css">
<link rel="stylesheet" href="/public/fonts/web-icons/web-icons.css">

<!-- 插件 CSS -->
<link rel="stylesheet" href="/public/vendor/animsition/animsition.css">
<link rel="stylesheet" href="/public/vendor/toastr/toastr.css">
<link rel="stylesheet" href="/public/vendor/nprogress/nprogress.css">
<link rel="stylesheet" href="/public/vendor/mCustomScrollbar/jquery.mCustomScrollbar.css">

layout指向主题布局，您可以选择拥有布局中任意一套。当前提供主题有base和topbar两种。

javascript

需在头部引入的js

Breakpoints用于响应式布局设置断点，当浏览器进入或退出断点时会触发自定义事件，在复杂布局时非常实用。

<!-- 插件 -->
<script src="/public/vendor/jquery/jquery.min.js"></script>
<script src="/public/vendor/bootstrap/bootstrap.bundle.min.js"></script>
<script src="/public/vendor/lodash/lodash.min.js"></script>
<script src="/public/vendor/breakpoints/breakpoints.min.js"></script>
<script src="/public/vendor/nprogress/nprogress.js"></script>
<script src="/public/vendor/layer/layer.min.js"></script>

<!-- 核心 -->
<script src="/public/themes/global/js/core.js"></script>
<script src="/public/themes/global/js/configs/site-configs.js"></script>
<script src="/public/themes/global/js/components.js"></script>

<!-- 布局 -->
<script src="/public/themes/(布局名)/js/site.js"></script>
<script src="/public/themes/(布局名)/js/sections/content-tabs.js"></script>

<script>
    "use strict";

    Breakpoints();
</script>

说明:
Breakpoints用于响应式布局设置断点，当浏览器进入或退出断点时会触发自定义事件，在复杂布局时非常实用。

需在底部引入的js

<!-- 插件 -->
<script src="/public/themes/global/js/plugins/responsive-tabs.js"></script>
<script src="/public/vendor/artTemplate/template-web.js"></script>
<script src="/public/vendor/toastr/toastr.min.js"></script>
<script src="/public/vendor/ashoverscroll/jquery-asHoverScroll.min.js"></script>
<script src="/public/vendor/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/public/vendor/screenfull/screenfull.min.js"></script>

<!-- 消息通知 -->
<script src="/public/js/notify-msg.js"></script>

以上是关于admui 框架源码 入口文件的主要内容，如果未能解决你的问题，请参考以下文章

admui 框架源码 构建工具

admui 框架源码 更新日志

admui 框架源码 模板结构

Admui 框架开发文档

CI框架源码分析

ThinkPHP框架系统源码解析——URL路由解析