Este artigo apresenta principalmente a interface funcional geral dessa estrutura de bootstrap e apresenta os pontos de conhecimento e as interfaces gerais usadas nele. Espero que os leitores tenham uma compreensão mais intuitiva e realista da estrutura. O design da interface e as idéias relacionadas podem ser aprendidas e melhoradas, e também podem discutir o conteúdo relacionado para melhorar juntos.
1.
1) Adote a mais recente e mais deslumbrante Technology de Bootstrap Responsive
Toda a estrutura de desenvolvimento de bootstrap baseada em base metrônica usa a tecnologia de bootstrap mais recente na parte da interface, adota o atual inicial de bootstrap 3.x atual e integra muitos controles de bootstrap poderosos.
O Bootstrap é uma estrutura técnica front-end que pode ser adotada por muitas plataformas. Java/php/.net pode ser usado para fazer interfaces front-end. A integração do jQuery pode obter efeitos de interface muito ricos. Atualmente, existem muitos plug-ins de bootstrap que podem ser fornecidos para que todos usem. Essa estrutura reúne muitos dos plug-ins mais excelentes, o que pode melhorar nossa experiência do usuário da Web em um nível sem precedentes.
A Metronic é uma estrutura de desenvolvimento de bootstrap estrangeira baseada em HTML, JS e outras tecnologias, integrando muitas tecnologias e plug-ins de Bootstrap front-end. É uma estrutura técnica muito boa. Com base nessa estrutura, combinada com minha pesquisa sobre a estrutura da Web da MVC, essa estrutura integra a estrutura de desenvolvimento de bootstrap baseada no MVC para permitir que ela atenda às necessidades estruturais dos projetos reais.
O back-end da estrutura usa a tecnologia MVC baseada em C#, que atualmente é a tecnologia mais madura e popular desenvolvida pela .NET. O banco de dados de back -end da estrutura suporta bancos de dados regulares, como Oracle, SQLServer, MySQL, SQLite, Access etc., e podem ser alterados livremente através da configuração. Use o módulo da Biblioteca Enterprise para controlar o acesso dos dados, tornando o acesso aos dados mais conveniente e fácil.
O desenvolvimento geral da estrutura usa o Visual Studio 2013 e a ferramenta de edição de página texto sublime combinado com desenvolvimento, página e código de fundo, e usa o banco de dados de geração de geração de código2Sharp para desenvolver rapidamente para obter melhoria a máxima eficiência no desenvolvimento geral.
A estrutura geral da estrutura é a seguinte:
Isso permite que o controlador obtenha boas relações de herança e possa alcançar o desenvolvimento de projetos da Web com menos código e eficiência de desenvolvimento mais eficiente. A idéia de design de todo o controlador é a seguinte.
Controle de permissão: As boas regras de design do controlador podem fornecer um bom controle de acesso ao usuário e controle de permissão para a própria estrutura de desenvolvimento da Web, para que a interface do usuário apresente menus, botões e conteúdos da interface da Web, e o controle de ação da ação pode estar sob a alocação e controle gerais de função de permissão.
Geração rápida de código: uma boa arquitetura permite que a lógica unificada de código seja fornecida na camada lógica de negócios, na camada do controlador e na camada da interface da interface da interface da web. Esses códigos podem ser gerados através do banco de dados de ferramentas de geração de código2Sharp. O código da interface da Web pode fazer uso total das informações de metadados do banco de dados de ferramentas de geração de código2Sharp para obter uma geração rápida da interface da web. Reduza efetivamente a chance de erros, melhorar a eficiência do desenvolvimento e a diversão da codificação da interface da Web e também permitir a unificação eficiente do modo de codificação na empresa.
A geração de código da biblioteca corporativa pode gerar rapidamente código de estrutura holística, exceto para a interface. A geração de código da interface da Web da Bootstrap pode gerar rapidamente o código da interface frontal e o código do controlador de segundo plano do bootstrap baseado em metrônico. A parte da interface inclui interfaces funcionais básicas, como consulta, paginação, exibição de dados, importação de dados e exportação, nova, edição, visualização e exclusão. Após a geração, podemos fazer modificações simples e rápidas com base nessa base para atender às necessidades reais, melhorando bastante a eficiência de desenvolvimento de nossa interface da Web.
Layout do quadro: a seguir está a renderização geral do meu projeto geral.
O conteúdo da [barra de menus do sistema] é um menu obtido dinamicamente no banco de dados; A [barra superior do sistema] coloca algumas informações exibidas e fornece aos usuários processamento rápido de dados pessoais, como visualizar informações pessoais, cancelar, bloquear a tela e outros conteúdos de operação; A área de conteúdo geralmente inclui [área da lista de árvores], a área de conteúdo [da consulta de condição] e [Listar dados e paginação] é principalmente dados visualmente exibidos visualmente, que podem ser exibidos através de controles de lista de árvores e controles de tabela. Geralmente, os dados também precisam ser adicionados, excluídos, modificados e de paginação, portanto, várias funções precisam ser integradas. Além de consultar e exibir os dados do usuário, ele também requer operações relacionadas à importação e exportação, que são funções de processamento de dados de rotina.
Processamento e exibição de menus: Geralmente, para a conveniência da gerência, os menus são divididos em três níveis. Os menus selecionados são diferentes de outros estilos de menu. Os menus podem ser dobrados e minimizados. O efeito é o seguinte.
2. Introdução à interface do módulo de "estrutura de desenvolvimento de bootstrap baseada em metrônico"
2.1 interface do módulo de gráfico doméstico
2.2 Função da barra superior do sistema
2.3 Funções dinâmicas da indústria (políticas e regulamentos, avisos e anúncios, informações dinâmicas)
Políticas, regulamentos, avisos e anúncios/interface da lista de informações dinâmicas
A interface de edição é a seguinte:
A interface de conteúdo de visualização é a seguinte:
2.4 Gerenciamento de informações do cliente
A interface da lista de clientes é a seguinte:
Interface de edição de informações do cliente:
INFORMAÇÃO DO CLIENTE IMPORTA DE IMPORTA:
2.5 Gerenciamento de contato com o cliente
Interface de adição/edição de contato do cliente
Interface de visualização de contato do cliente
Interface de informações de anexo
2.6 Gerenciamento de livros de endereços
Lista de contatos
A interface de edição do livro de endereços é mostrada abaixo.
2.7 Gerenciamento de permissão
1) Interface da lista de usuários do sistema
Interface de importação do usuário do sistema
Interface de edição do usuário do sistema
Carregue e edite retratos de usuários do sistema
Caixa de diálogo de confirmação de exclusão do usuário do sistema.
A interface do relatório RDLC do usuário do sistema.
2) Interface de gerenciamento de organização
A organização contém interface de edição do usuário
3) Gerenciamento de função de usuário
Mostra de coleção de funções operacionais de função
Acesso à função ao controle de permissão de dados:
As funções incluem gerenciamento organizacional:
4) Gerenciamento de funções do sistema
5) Gerenciamento de menu do sistema
Editar interface de informações do menu:
Selecione a interface do ícone do menu:
6) Gerenciamento de login de login do sistema
7) Gerenciamento geral de dicionário
8) Gerenciamento de ícones de menu
9) Gerenciamento de álbuns de imagem
A interface da imagem de edição é a seguinte:
Interface de visualização de imagem
O exposto acima é o conteúdo relevante introduzido pelo editor a você pelo resumo da experiência da estrutura com base na estrutura de desenvolvimento metrônico de bootstrap [8]. Espero que seja útil para todos!