ace前台框架完整版下载_ace前端框架资源-CSDN文库

共3353个文件

js：2223个

less：296个

html：186个

1星需积分: 10 151 浏览量 2018-11-06 13:25:15 上传评论收藏 14.6MB RAR 举报

Ace前端框架是一款广泛应用于网页应用开发的开源框架，它提供了丰富的UI组件和强大的交互功能，旨在简化前端开发流程，提高开发效率。这个“ace前台框架完整版下载”包含了一整套用于快速构建现代Web应用程序所需的资源，使得开发者可以在此基础上进行二次开发，以满足特定项目的需求。我们来看一下压缩包中的主要文件和目录： 1. `frontend`：这是Ace框架的核心部分，包含了所有JavaScript、CSS、图片和其他前端资源。在这个目录下，你可以找到各种预编译的样式表（如`.css`文件）和脚本（如`.js`文件），这些文件已经被组织好，可以直接在项目中使用。 2. `index.html`：这是一个基础的HTML模板，展示了如何引入Ace框架的资源，并且提供了一个简单的页面结构。开发者可以根据这个模板快速创建自己的项目起点。 3. `bower.json`：这是Bower的配置文件，Bower是一个前端包管理工具，用于管理和更新项目的依赖。通过这个文件，开发者可以方便地管理Ace框架和其他前端库的版本。 4. `Gruntfile.js`：这是一个Grunt任务配置文件，Grunt是JavaScript的构建工具，用于自动化构建过程，如合并、压缩、混淆等。通过运行Grunt任务，开发者可以优化Ace框架的资源，使其更适合生产环境。 5. `dummy.php`：这通常是一个示例文件，可能用于模拟服务器端数据，方便开发者在没有后端支持的情况下进行前端开发。 6. `html`、`components`、`examples`：这些目录通常包含了更多的示例页面、组件和应用场景。开发者可以通过查阅这些例子来了解Ace框架的各种功能和用法。 7. `angular`：如果存在这个目录，可能表明Ace框架集成了AngularJS，一个流行的JavaScript MVC框架，使得开发单页应用更加便捷。 8. `assets`：通常存放一些静态资源，如图片、字体文件等。 Ace框架的特点包括但不限于： 1. **响应式设计**：Ace框架支持多种屏幕尺寸和设备，确保了在手机、平板和桌面电脑上的良好显示效果。 2. **丰富的组件库**：包括导航栏、按钮、表格、模态框、滑块、图表等多种组件，覆盖了日常开发所需的基本功能。 3. **易于定制**：由于源代码的模块化，开发者可以轻松调整和扩展框架的样式和行为。 4. **良好的文档支持**：官方通常会提供详细的文档和示例，帮助开发者快速上手和解决问题。 5. **社区支持**：作为开源项目，Ace框架拥有活跃的社区，开发者可以在社区中寻求帮助，分享经验，共同推动框架的发展。在实际开发中，你可以根据项目需求选择性地使用Ace框架的组件，或者通过Bower和Grunt工具进行进一步的定制。同时，利用提供的示例和文档，可以快速提升开发效率，为用户打造优质的前端体验。

资源推荐

资源详情

资源评论

收起资源包目录

ace前台框架完整版下载（3353个子文件）

.bowerrc 34B

changelog 8KB

ace.css 484KB

ace.min.css 388KB

ace-part2.css 158KB

bootstrap.css 143KB

ace-rtl.css 141KB

bootstrap.css 141KB

ace-part2.min.css 126KB

bootstrap.min.css 118KB

bootstrap.3.1.1.css 118KB

ace-rtl.min.css 114KB

bootstrap.min.css 113KB

fuelux.css 97KB

ace-skins.css 92KB

fuelux.min.css 86KB

ace-skins.min.css 76KB

font-awesome.css 32KB

font-awesome.min.css 27KB

bootstrap-theme.css 26KB

fullcalendar.css 25KB

bootstrap-datepicker3.standalone.css 23KB

bootstrap-theme.min.css 23KB

bootstrap-datepicker3.css 22KB

bootstrap-datepicker3.standalone.min.css 21KB

bootstrap-editable.css 21KB

bootstrap-datepicker3.min.css 20KB

select2.css 19KB

jquery-ui.css 18KB

bootstrap-datepicker.standalone.css 18KB

select2.css 17KB

bootstrap-datepicker.css 17KB

ui.jqgrid-bootstrap.css 17KB

colorpicker.css 17KB

bootstrap-editable.min.css 17KB

bootstrap-datepicker.standalone.min.css 16KB

colorpicker.min.css 16KB

dataTables.jqueryui.css 16KB

ui.jqgrid.css 16KB

bootstrap-datepicker.min.css 15KB

jquery.dataTables.css 15KB

select2.min.css 15KB

jquery-ui.min.css 15KB

select2.min.css 14KB

jquery.dataTables_themeroller.css 14KB

dataTables.jqueryui.min.css 14KB

jquery.dataTables.min.css 13KB

chosen.css 13KB

ui.jqgrid.min.css 13KB

dropzone.css 12KB

fullcalendar.min.css 12KB

labs.css 12KB

ace-ie.css 12KB

chosen.min.css 11KB

dropzone.min.css 9KB

ace-ie.min.css 9KB

dropzone.min.css 9KB

bootstrap-datetimepicker.css 9KB

codemirror.css 8KB

angular-aside.css 8KB

bootstrap-datetimepicker.min.css 8KB

daterangepicker.css 7KB

select.css 6KB

datatables.bootstrap.css 6KB

angular-aside.min.css 6KB

daterangepicker.min.css 5KB

fullcalendar.print.css 5KB

dataTables.bootstrap4.css 5KB

ace.onpage-help.css 5KB

dataTables.bootstrap.css 5KB

dataTables.bootstrap4.min.css 5KB

datatables.bootstrap.min.css 4KB

bootstrap-colorpicker.css 4KB

animate.css 4KB

colorbox.css 4KB

dataTables.bootstrap.min.css 4KB

select.min.css 4KB

jquery-ui.custom.css 4KB

colorbox.css 4KB

dataTables.uikit.css 4KB

colorbox-darkertheme.css 4KB

colorbox.css 4KB

bootstrap-colorpicker.min.css 4KB

bootstrap-timepicker.css 3KB

dataTables.uikit.min.css 3KB

select2-bootstrap.css 3KB

merge.css 3KB

aside.css 3KB

jquery.nestable.css 3KB

colorbox.css 3KB

frontend.css 3KB

jquery-ui.custom.min.css 3KB

bootstrap-timepicker.min.css 3KB

lint.css 3KB

colorbox.css 3KB

colorbox.min.css 3KB

dataTables.foundation.css 3KB

loading-bar.css 3KB

tree-control.css 3KB

共 3353 条

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta charset="utf-8" /> <title>Tables - Ace Admin</title> <meta name="description" content="Static & Dynamic Tables" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />  <link rel="stylesheet" href="../assets/css/bootstrap.css" /> <link rel="stylesheet" href="../components/font-awesome/css/font-awesome.css" />   <link rel="stylesheet" href="../assets/css/ace-fonts.css" />  <link rel="stylesheet" href="../assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />  <link rel="stylesheet" href="../assets/css/ace-skins.css" /> <link rel="stylesheet" href="../assets/css/ace-rtl.css" />    <script src="../assets/js/ace-extra.js"></script>   </head> <body class="no-skin">  <div id="navbar" class="navbar navbar-default ace-save-state"> <div class="navbar-container ace-save-state" id="navbar-container">  <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar"> <span class="sr-only">Toggle sidebar</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  <div class="navbar-header pull-left">  <a href="#" class="navbar-brand"> <small> <i class="fa fa-leaf"></i> Ace Admin </small> </a>    </div>  <div class="navbar-buttons navbar-header pull-right" role="navigation"> <ul class="nav ace-nav"> <li class="grey dropdown-modal"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <i class="ace-icon fa fa-tasks"></i> <span class="badge badge-grey">4</span> </a> <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close"> <li class="dropdown-header"> <i class="ace-icon fa fa-check"></i> 4 Tasks to complete </li> <li class="dropdown-content"> <ul class="dropdown-menu dropdown-navbar"> <li> <a href="#"> <div class="clearfix"> <span class="pull-left">Software Update</span> <span class="pull-right">65%</span> </div> <div class="progress progress-mini"> <div style="width:65%" class="progress-bar"></div> </div> </a> </li> <li> <a href="#"> <div class="clearfix"> <span class="pull-left">Hardware Upgrade</span> <span class="pull-right">35%</span> </div> <div class="progress progress-mini"> <div style="width:35%" class="progress-bar progress-bar-danger"></div> </div> </a> </li> <li> <a href="#"> <div class="clearfix"> <span class="pull-left">Unit Testing</span> <span class="pull-right">15%</span> </div> <div class="progress progress-mini"> <div style="width:15%" class="progress-bar progress-bar-warning"></div> </div> </a> </li> <li> <a href="#"> <div class="clearfix"> <span class="pull-left">Bug Fixes</span> <span class="pull-right">90%</span> </div> <div class="progress progress-mini progress-striped active"> <div style="width:90%" class="progress-bar progress-bar-success"></div> </div> </a> </li> </ul> </li> <li class="dropdown-footer"> <a href="#"> See tasks with details <i class="ace-icon fa fa-arrow-right"></i> </a> </li> </ul> </li> <li class="purple dropdown-modal"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <i class="ace-icon fa fa-bell icon-animated-bell"></i> <span class="badge badge-important">8</span> </a> <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close"> <li class="dropdown-header"> <i class="ace-icon fa fa-exclamation-triangle"></i> 8 Notifications </li> <li class="dropdown-content"> <ul class="dropdown-menu dropdown-navbar navbar-pink"> <li> <a href="#"> <div class="clearfix"> <span class="pull-left"> <i class="btn btn-xs no-hover btn-pink fa fa-comment"></i> New Comments </span> <span class="pull-right badge badge-info">+12</span> </div> </a> </li> <li> <a href="#"> <i class="btn btn-xs btn-primary fa fa-user"></i> Bob just signed up as an editor ... </a> </li> <li> <a href="#"> <div class="clearfix"> <span class="pull-left"> <i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i> New Orders </span> <span class="pull-right badge badge-success">+8</span> </div> </a> </li> <li> <a href="#"> <div class="clearfix"> <span class="pull-left"> <i class="btn btn-xs no-hover btn-info fa fa-twitter"></i> Followers </span> <span class="pull-right badge badge-info">+11</span> </div> </a> </li> </ul> </li> <li class="dropdown-footer"> <a href="#"> See all notifications <i class="ace-icon fa fa-arrow-right"></i> </a> </li> </ul> </li> <li class="green dropdown-modal"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <i class="ace-icon fa fa-envelope icon-animated-vertical"></i> <span class="badge badge-success">5</span> </a> <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close"> <li class="dropdown-header"> <i class="ace-icon fa fa-envelope-o"></i> 5 Messages </li> <li class="dropdown-content"> <ul class="dropdown-menu dropdown-navbar"> <li> <a href="#" class="clearfix"> <img src="../assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" /> <span class="msg-body">

评论收藏

内容反馈