Metronic

下一代应用程序的终极Bootstrap和Angular 6管理主题框架,一次购买永久包更新,当前版本5.5.5。

文件结构

概览

Metronic提供灵活的文件结构,可轻松用于小型到大型项目。本节将介绍Metronic的整个文件结构以及如何使其适应您的项目。

[root] 是指包类型版本

路径 描述
dist主题版本文件夹
docs主题文档
..演示内容
srcSrc(代表源代码)包含javasc,ript,scss,图像和Web字体文件的原始源代码,这些代码将被缩小/连接到assets文件夹以供生产使用
jsJavascript源文件
media媒体(图像,视频,字体文件等)文件
sassSass源文件
vendors第三方插件
tools开发和部署工具
gulp构建工具gulp任务捆绑和缩小js和css文件和complile sass files。
node_modulesNPM包安装文件夹
themes/metronic/[version_package].conf.jsonMetronic构建配置文件。取决于哪个版本包,默认或角度。在这里,您可以根据您的要求配置构建协议
gulpfile.jsonGulp任务主要脚本。所有构建工具任务都在此脚本中分组
package.jsonNPM包管理器配置文件
..另一个版本包

使用Javascript

下表解释了Metronic的javascript文件结构。它是基于哪个版本包定位的,无论是defult还是angular。下表以路径开头: [root]/src/
路径 描述
srcSrc(代表源代码)包含javascript,scss,图像和Web字体文件的原始源代码,这些代码将被缩小/连接到assets文件夹以供生产使用
jsJavascript文件
appApplication level(global) javascript files
baseApplication level base javascript files are minified and concatenated into the base bundle, assets/demo/[demo_id]/base/scripts.bundle.js to be included globally. demo_id is the selected demo name.
customApplication level custom javascript files are minified and moved to assets/app/js/ to be included on demand.
demoDemo level javascript files
defaultDefault demo javascript files
baseDemo level base javascript files are minified and concatenated into the base bundle a,ssets/demo/[demo_id]/base/scripts.bundle.js to be included globally. demo_id is the selected demo name.
customDemo level custom javascript files are minified and moved toassets/demo/[demo_id]/custom/* to be included on demand. demo_id is the selected demo name.
...Other demos
frameworkFramework components javascript files are minified and concatenated into the base bundle assets/demo/[demo_id]/base/scripts.bundle.js to be included globally. demo_id is the selected demo name.
snippetsSnippets are custom templates created for certain requirements by customizing and extending th,e theme's base components and plugins
baseBase snippets javascript files are minified and concatenated into the base bundle assets/demo/[demo_id]/base/scripts.bundle.js to be included globally. demo_id is the selected demo name.
customApplication level custom javascript files are minified and moved toassets/snippets/* to be included on demand.

SASS

Below table explains Metronic SASS file structure. Is it located based on which version package, either defult or angular. The table below start with the path: [root]/src/
Path Description
srcSrc(stands for source) contains the raw source code of ,javascript, scss, images and web font files that will be minified/concatenated onto assets folder for production usage
sassJavascript files
demoDemo level sass files
defaultDefault demo sass files
style.cssstyle.scss is compiled, minified and concatenated into the base bundle styles,heet assets/demo/[demo_id]/base/style.bundle.css to be included globally. demo_id is the selected demo name.
..Other demos
frameworkFramework scss files are compiled, minified and concatenated into the base bundle assets/demo/[demo_id]/base/style.bundle.css to be included globally. demo_id is the selected demo name.
snippetsSnippets sass files are compiled, minified and concatenated into the base bundle assets/demo/[demo_id]/base/style.bundle.css to be included globally. demo_id is the selected demo name.
customApplication level custom javascript files are minified and moved to assets/snippets/* to be included on demand.
我运营着一个由20个产品经理,开发人员,QA和UX资源组成的团队。以前我们自己设计了一切。对于我们最新的平台,我们试用了Metronic。我无法高估Metronic的影响力。它加速了3倍的开发,并将质量保证问题减少了50%。如果你减少了对设计时间/资源的需求,开发速度的提高和质量保证的减少,那么这个项目可能只为我们节省了10万美元,我计划将它用于所有平台。
设计的灵活性也使我们能够提供更好的外观和工作平台,并使我的头痛减少90%。谢谢KeenThemes! Jonathan Bartlett, Metronic 客户

强大的框架

Metronic的所有产品都可在全球范围内定制,以提供无限的独特风格项目

多演示

为数百个演示中的下一个项目选择一个完美的设计

无限组件

利用最新的UI / UX交易为您的应用程序提供大量组件的大量组件

Angular 6支持

企业级Angular 6集成了内置的身份验证模块等等

Bootstrap 4

Metronic深度定制Bootstrap,具有原生外观

独家数据库插件

我们超级时尚和直观的Datatable包含所有先进的CRUD功能

60,000+强

Metronic是全球60,000多名开发商信赖的唯一主题

持续更新

使用新演示和功能的终身更新得到保证

质量准则

Metronic是一个具有代码结构的作家,所有开发人员都可以轻松拿起并坠入爱河

全球超过60,000名开发人员信赖的Ultimate Bootstrap Admin主题