Metronic中文版

Metronic中文版是一款基于Twitter Bootstrap 3.x的高级管理控制面板主题，是一个完全响应式的后台管理模板，提供了中文版的全方位技术支持和文档说明。Metronic中文版集成了大量的Bootstrap插件和jQuery插件，如sweetAlert、bootstrap-colorpicker、bootstrap-fileinput、bootstrap-switch等。这些插件极大地扩展了其功能，使得开发者可以快速构建出专业且美观的网页应用。Metronic中文版适用于各种类型的网页应用，包括但不限于商城后台、CMS、CRM、SAAS以及商业网站、商城、企业网站、作品展示、博客等。

使用说明

Metronic中文版使用技巧：

1. 环境搭建

- 安装依赖：在终端中进入Metronic的主题根目录，运行`$ npm install`命令安装所有必需的依赖包。

- 解决node-sass问题：如果遇到node-sass相关的问题，可以尝试单独安装node-sass，将下载的文件复制到对应的文件夹下，然后再次运行`npm install`。

- 全局安装gulp：通过运行`$ npm install gulp -g`命令，全局安装gulp工具，以便进行自动化构建任务。

2. Web服务器启动

- 定义和启动服务器任务：在`gulpfile.js`文件中定义一个服务器任务，通过执行`gulp localhost`命令启动web服务器，这样就可以在浏览器中通过`localhost:8080`访问项目了。

- 启用LiveReload：为了实时监控和自动刷新页面更改，可以创建一个带有`livereload: true`参数的任务，如`gulp localhost-live`。

3. 编译优化

- SASS编译：通过执行`gulp sass`命令，手动或自动监控和编译SCSS文件，生成对应的CSS文件。

- 处理导入错误：如果遇到SASS编译中的导入错误，需要检查和调整导入语句，确保文件路径正确，并符合SASS的导入规则。

- 实时监控任务：利用`gulp sass:watch`命令，实时监控SCSS文件的更改并自动编译，将输出文件存放在指定的目录中。

4. 布局调整

- 选择主题颜色：Metronic内置多种主题颜色，用户可以根据需求选择合适的主题，并预览对应主题的页面效果。

- 调整页面布局：基于默认的框架布局，用户可以进行自定义调整，比如去除顶部导航、侧边栏等，以适应特定的项目需求。

5. 插件集成

- 引入需要的插件：Metronic集成了大量的Bootstrap和jQuery插件，用户可以通过简单的引用来使用这些插件，提高开发效率。例如，引入sweetAlert、bootstrap-colorpicker等插件，增强页面的交互效果。

- 初始化插件：在页面的JavaScript部分，通过调用相应的初始化函数(如`Metronic.init()`、`FormEditable.init()`)，确保插件的正确加载和运行。

6. 性能优化

- 懒加载：采用懒加载技术，将一些不影响首屏加载的JavaScript和CSS文件放在页面底部加载，以提高首页的呈现速度。

- 移除无用资源：根据实际需求，排除不必要的资源文件和插件，减少最终页面的加载时间。

7. 主题定制

- 动态主题切换：Metronic支持动态主题切换，用户可以在`gulpfile.js`中配置不同的主题，并在需要时轻松切换。

- 修改边框样式：如果需要，可以将默认的直角样式修改为圆角样式，只需将引用的CSS文件从`components.css`改为`components-rounded.css`即可。

软件特色

简洁、直观、完全响应式的Metro风格设计基于Bootstrap 3.3.5框架，完整的Sass支持，完整的RTL支持，友好的开发代码，具体的metronic功能如下：

谷歌Open Sans字体

语言切换栏

多级菜单

卧式巨型菜单

电子商务

仪表板

固定的默认标题的布局

显示/隐藏侧边栏

横侧边栏菜单

横向菜单的网页实例

多用电子邮件模板

空白页的例子

盒装页面示例

非响应盒装的页面布局

用户界面功能

自定义标签和手风琴

地铁风格的按钮、表单元素

glyphicons一体化

字体(字体真棒真棒图标用3.2.0版)

图表

圆刻度盘(jQuery旋钮)

地铁时尚的滑块(jQuery UI)

单选按钮和复选框的Metro风格

自定义切换按钮(启动按钮)

jQuery UI模型

Windows 8风格瓷砖

toastr通知

集成的树视图(引导树)

集成的嵌套列表(jQuery嵌套)

离子范围滑块

noui范围滑块

圆刻度盘旋钮

用户界面的进度条(jQuery blockUI)

标签输入(jQuery标签输入)

日期选择器(引导日期选择器)

时间选择器(引导时间选择器)

钟面时间选择器(引导钟面时间选择器)

日期范围选择器(引导日期范围选择器)

颜色选择器(引导颜色选择器)

下拉菜单选择

自定义选择下拉(引导选择)

多重选择

IP地址输入

输入掩码

标签输入

先进的文件输入

集成WYSIWYG编辑器(引导wysihtml5和CKEditor)

无限的表单控件

推进形式布局(2列，加边，行行分离，剥离，标签剥离)

推进形式验证(jQuery表单验证插件)

表单向导

图像的裁剪

多文件上传

悬浮窗文件上传

组件形式

博客

新闻列表

新闻发布

Metro风格的时间表

综合全日历(jQuery完整的日历)

地图包含了世界地图和谷歌地图

软件测评

Metronic是一款基于HTML、JS等技术的Bootstrap开发框架整合工具。它拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。高度可定制的，易于使用。适合从小型移动设备到大型台式机很多的屏幕分辨率。整合了很多Bootstrap的前端技术和插件的使用，是一个非常不错的技术框架。Metronic采用了时尚、简洁、直观的metro扁平化分格设计，让你的项目看起来更吸引人，用户体验更好，感兴趣的玩家可以来本站下载体验一下吧。

更新日志

v4.5.2

修复已知bug