ace admin前框架介绍_计算机软件及应用_IT计算机_专业资料.docx

Ace Admin 前端框架FilesCss 样式主要的css文件：ace.cssIe9 css文件： 或者bootstrap.css ：基于bootstrapfontawesome.css：使用fontawesome图标， 字体图标ace-fonts.css ：字体js 压缩版在 dist/js 下面费压缩版在 assets/js 下面单独的插件ace.js包含网站的主要功能ace-elements.js包含自定义插件ace-extra.js 保存cookie信息，例如菜单的展开、皮肤等等x-editable / ace-editable.js ：包含5个额外的内联编辑插件：日期，滑块，微调jquery-ui.custom.js： 包含了jquery-ui一些插件和部分所需的功能jquery-ui.js : jquery-ui 所有功能html5shiv.js respond.js : html5兼容 IE8Js 引入顺序1、Jquery.js / jquery.1.x.js x 代表 1.9以下兼容IE92、Bootstrap.js 3、Excanvas.js : IE8 下使用html插件 Flotchart 、Sparklines 、jquery knob 、easy Pie chart4、其他的插件: 例如，下拉框 chosen.js 5、最后引入 ：ace-elements.js and ace.js6、兼容性： 例如Basics 基础模块Page Layout 页面布局Layout 布局LayoutNavbarSidebarBreadcrumbs (inside main-content)Page content (inside main-content)Settings box (inside content)Footer 例子：!DOCTYPE htmlhtml lang=en head !-- title, meta tags, list of stylesheets, etc ... -- /head body class=no-skin div class=navbar id=navbar !-- navbar goes here -- /div div class=main-container id=main-container div class=sidebar responsive id=sidebar !-- sidebar goes here -- /div div class=main-content div class=breadcrumbs !-- breadcrumbs goes here -- /divdiv class=content !-- setting box goes here if needed -- div class=row div class=col-xs-12 !-- page content goes here -- /div!-- /.col -- /div!-- /.row -- /div!-- /.content -- /div!-- /.main-content -- !-- footer area -- /div!-- /.main-container -- !-- list of script files -- /body/htmlHead !DOCTYPE htmlhtml lang=en head meta charset=utf-8 / !-- use the following meta to force IE use its most up to date rendering engine -- meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 / meta name=viewport content=width=device-width, initial-scale=1.0 / title page tite /title meta name=description content=page description / !-- stylesheets are put here, refer to files/css documentation -- !-- some scripts should be here, refer to files/javascript documentation -- /headViewport meta tag移动设备响应式meta name=viewport content=width=device-width, init