metronic é um tema avançado do painel de controle de administração baseado no Bootstrap 3.x. Baseado na estrutura Bootstrap3. Altamente personalizável e fácil de usar. Adequado para muitas resoluções de tela, desde pequenos dispositivos móveis até grandes computadores desktop. Contém 7 temas, até cerca de 100 páginas de exemplo, efeitos de exibição de páginas muito ricos, incluindo formulários, tabelas, mapas, calendários... e assim por diante. metronic pode ser usado para qualquer tipo de aplicativo da web: Metronic pode ser usado para várias formas de programas de site, como back-end de administrador, instrumento de gerenciamento, back-end de comércio eletrônico, CMS, CRM, SAAS, site da empresa, site de comércio eletrônico, negócios site, site de exibição de informações, blog, etc. O design elegante, limpo e plano do Metronic pode tornar seu site amigável e atraente. O modelo Metronic contém um grande número de plug-ins e elementos de UI e pode ser exibido normalmente em navegadores convencionais, tablets e dispositivos inteligentes. Compatibilidade do navegador: iE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome Em comparação com outros modelos de impacto personalizados do Bootstrap, esta função e plug-in são mais ricos. É muito semelhante (Free-AdminLTE). Raramente faço desenvolvimento front-end. Este artigo é usado como um processo de anotações e aprendizagem conjunta. Pede-se aos leitores que não sejam extremos ao ler. Preparação de software que pode subverter seu conceito de front-end: propósito e garantia do VS2013 Objetivo principal: modelo de gestão integrado, necessário para construir um backend de sistema de gestão, como CMS, RH, OA e outros sistemas de gestão. O software sofisticado pode ser vendido por até 40% mais do que o mesmo software com uma interface rígida. Ele pode ser integrado a todos os front-ends de linguagem, incluindo asp.net, JSP e PHP convencionais (com um fluxo constante de Bootstrap e. Metronic como suporte técnico atualizado, a menos que a equipe Tuitu seja dissolvida) ) Captura de tela do software de diretório 1 De acordo com o nome do diretório, pode-se observar que ele contém documento (documentação), recursos (recursos), início (início), tema (tema e theme_trl), indicando que readme.txt abre o readme e podemos ver que só precisamos usar theme Esta pasta servirá. theme_rtl suporta RTL, o que subverte meus hábitos de programação. Você pode executar o efeito de índice em theme-->templates-->adminX em sequência. Porém, descobri que cada administrador corresponde a admin_material_design De acordo com o leia-me, admin_material_design corresponde à versão AngularJS, não sei como comparar. Não entendemos AngularJS, então usamos apenas a versão normal do software adminX. As capturas de tela 2 e superiores são capturas de tela parciais. As configurações à direita podem definir o método de layout. Captura de tela do software 3. Diminua o zoom do navegador para ver o efeito no tablet. Lista completa de recursos Design estilo Metro limpo, intuitivo e totalmente responsivo (funciona em todos os principais navegadores, tablets e sim) Mais de 500 páginas de modelo válidas Bootstrap 3.3.5 framework jQuery 1.10.26 temas de cores Suporte completo a Sass Suporte completo a RTL Código amigável ao desenvolvedor Google Fonte Open Sans Barra de alternância de idioma Menu multinível Mega menu horizontal Painel de comércio eletrônico Visualização de pedido Layout de edição de produto Layout de título padrão fixo Mostrar/ocultar barra lateral Barra lateral horizontal Menu Menu horizontal Exemplo de página da Web Modelo de e-mail multiuso Carregando conteúdo via AJAX Barra lateral Fechar página Exemplo de página fixa de barra lateral Exemplo de página em branco Exemplo de página em caixa Exemplo de layout de página em caixa não responsivo Recursos de interface do usuário Tags personalizadas e acordeão Metro Botões elegantes, elementos de formulário, glifos, fontes integradas (Font Awesome, ícones incríveis com versão 3.2.0), gráficos ( jQuery ativado), mostradores circulares (jQuery Knobs), controles deslizantes estilo metro (jQuery UI), botões de opção e caixas de seleção Caixa Estilo Metro (jQuery Uniform) Notificações fixas (jQuery Exchange) Botão de alternância personalizado pulsante (botão Iniciar) Modelo de UI jQuery Estilo Windows 8 Tiles Toastr Notificações Visualização em árvore integrada (Bootstrap Tree) Listas aninhadas integradas (jQuery Nested) controle deslizante de intervalo iônico controle deslizante de intervalo noui botão de discagem circular barra de progresso para interface do usuário (jQuery blockUI) entrada de rótulo (entrada de rótulo jQuery) formulário selecionador de data de material (seletor de data de bootstrap ) seletor de tempo (seletor de tempo de bootstrap) Seletor de hora do mostrador do relógio (seletor de tempo de relógio Bootstrap) Seletor de intervalo de datas (seletor de intervalo de datas Bootstrap) Seletor de cores (Seletor de cores Bootstrap) 2 Menu suspenso Selecione Personalizado Selecione o menu suspenso (Seleção Bootstrap) Seleção múltipla do interruptor de elevação automática entrada de endereço IP giratório Máscara de entrada Entrada de tag Entrada de arquivo avançada Editor WYSIWYG integrado (bootstraps wysihtml5 e CKEditor) Controles de formulário ilimitados Layout de formulário avançado (2 colunas, mais bordas, divisão de linha, faixa, faixa de tag) Validação avançada de formulário (plug-in de validação de formulário jQuery) Lista de formulários de calendário completo abrangente para tela de bloqueio (calendário completo jQuery)