coreui free laravel admin template
2.0.1
Curioso por que decidi criar o CoreUI? Por favor, leia este artigo: Jack of all trades, mestre de ninguém. Por que os modelos de administração do Bootstrap são uma droga.
CoreUI oferece 6 versões: Bootstrap, Angular, Laravel, React.js, Vue.js e Vue.js + Laravel.
CoreUI pretende ser a virada do jogo UX. O código puro e transparente é desprovido de componentes redundantes, portanto o aplicativo é leve o suficiente para oferecer a melhor experiência ao usuário. Isso também significa dispositivos móveis, onde a navegação é tão fácil e intuitiva quanto em um desktop ou laptop. A API CoreUI Layout permite que você personalize seu projeto para praticamente qualquer dispositivo – seja ele móvel, Web ou WebApp – CoreUI cobre todos eles!
Versões
CoreUI Pro
Modelos de administração criados com base no CoreUI Pro
Instalação
Uso
Características
Criadores
Comunidade
Projetos Comunitários
Licença
Suporte ao desenvolvimento CoreUI
CoreUI é construído sobre Bootstrap 4 e oferece suporte a estruturas populares.
Modelo de administração de bootstrap gratuito CoreUI
Modelo de administração angular gratuito CoreUI
Modelo de administração Laravel gratuito CoreUI
Modelo de administração React.js gratuito do CoreUI
Modelo de administração Vue.js gratuito CoreUI
CoreUI grátis Vue.js + modelo de administração Laravel
Modelo de administração de bootstrap CoreUI Pro
Modelo de administração angular CoreUI Pro
Modelo de administração CoreUI Pro Laravel
Modelo de administração CoreUI Pro React
Modelo de administração CoreUI Pro Vue
Modelo de administração CoreUI Pro Vue + Laravel
| Tema padrão | Tema legado | Layout escuro |
|---|---|---|
# clone o repositório$ git clone https://github.com/coreui/coreui-free-laravel-admin-template.git meu-projeto# entre no diretório do aplicativo$ cd meu-projeto# instale as dependências do aplicativo$ compositor install# instale dependências do aplicativo$ npm install
#cria banco de dados$ touch database/database.sqlite
Copie o arquivo ".env.example" e altere seu nome para ".env". Então no arquivo ".env" substitua esta configuração do banco de dados:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE = laravel
DB_USERNAME = raiz
DB_SENHA=
Para isso:
DB_CONNECTION=sqlite
DB_DATABASE=/caminho_para_seu_projeto/database/database.sqlite
Instale o PostgreSQL
Criar usuário
$ sudo -u postgres createuser --interativo digite o nome da função para adicionar: laravel a nova função deve ser um superusuário (s/n) n a nova função terá permissão para criar banco de dados (s/n) n a nova função terá permissão para criar mais novas funções (s/n) n
Definir senha do usuário
$ sudo -u postgres psql postgres= ALTER USER laravel COM SENHA CRIPTOGRAFADA 'senha';postgres= q
Criar banco de dados
$ sudo -u postgres criadob laravel
Copie o arquivo ".env.example" e altere seu nome para ".env". Então no arquivo ".env" substitua esta configuração do banco de dados:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE = laravel
DB_USERNAME = raiz
DB_SENHA=
Para isso:
DB_CONNECTION=pgsql
DB_HOST=127.0.0.1
DB_PORT=5432
DB_DATABASE = laravel
DB_USERNAME=laravel
DB_PASSWORD=senha
Copie o arquivo ".env.example" e altere seu nome para ".env". Então no arquivo ".env" complete esta configuração do banco de dados:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE = laravel
DB_USERNAME = raiz
DB_SENHA=
Se o URL do seu projeto for semelhante a: example.com/sub-folder Então vá para
my-project/.envE modifique esta linha:
APP_URL =
Para fazer com que fique assim:
APP_URL = http://example.com/sub-folder
# no diretório do seu aplicativo# gere laravel APP_KEY$ php artesão chave:generate# execute migração de banco de dados e semente$ php artesão migre:refresh --seed# gere mistura$ npm execute dev# e repita gerar mistura$ npm execute dev
# inicia servidor local$ php artesão serve# teste$ php vendor/bin/phpunit
Abra seu navegador com endereço: localhost:8000
Clique em "Login" no menu da barra lateral e faça login com credenciais:
E-mail: [email protected]
Senha: senha
Este usuário tem funções: usuário e administrador
Instruções apenas para o modelo de administração CoreUI gratuito do Laravel. As versões Pro e Vue.js possuem instruções separadas.
my-project/database/seeds/MenusTableSeeder.php
Na função run() - adicione insertLink() :
$id = $this->insertLink( $rolesString, $visibleName, $href, $iconString);
$rolesString - uma string com a lista de funções de usuário que este elemento de menu estará disponível, ex. "guest,user,admin"
$visibleName – uma legenda de string visível na barra lateral
$href - um href, ex. /homepage ou http://example.com
$iconString - uma string contendo um nome válido do ícone CoreUI (kebab-case), ex. cil-speedometer ou cil-pencil
Para adicionar um título à barra lateral - use a função insertTitle() :
$id = $this->insertTitle( $rolesString, $title );
$rolesString - uma string com a lista de funções de usuário que este elemento de menu estará disponível, ex. "guest,user,admin"
$title - uma legenda de string visível na barra lateral
Para adicionar um menu suspenso à barra lateral - use a função beginDropdown() :
$id = $this->beginDropdown( $rolesString, $visibleName, $iconString);
$rolesString - uma string com a lista de funções de usuário que este elemento de menu estará disponível, ex. "guest,user,admin"
$visibleName – uma legenda de string visível na barra lateral
$iconString - uma string contendo um nome de ícone CoreUI válido (kebab-case). Por exemplo: cil-speedometer ou cil-pencil
Para finalizar a seção suspensa - use a função endDropdown() .
Para adicionar um link à função de chamada suspensa insertLink() entre as chamadas de função beginDropdown() e endDropdown() . Exemplo:
$id = $this->beginDropdown('guest,user,admin', 'Algum menu suspenso', 'cil-puzzle');$id = $this->insertLink('guest,user,admin', 'Nome do menu suspenso' , 'http://example.com');$this->endDropdown(); IMPORTANTE - Ao final da função run() , chame a função joinAllByTransaction() :
$this->joinAllByTransaction();
Depois de concluir a edição do arquivo sementes, execute :
$ php crafts migram:refresh --seed# Este comando também reverte o banco de dados e o migra novamente.
Notas
Usuários
Gestão de cardápios
Gerenciar itens de menu
Gerenciamento de funções
Gestão da mídia
PÃO
Modelos de e-mail
É um exemplo de apresentação de dados em uma tabela de paginação e funcionalidade CRUD.
É um exemplo simples de como gerenciar usuários registrados.
É um sistema que permite criar um novo menu e editar menus existentes. Para colocar um novo menu chamado "novo" em qualquer visualização use este código:
<?phpuse o AppMenuBuilderFreelyPositionedMenus;if(isset($appMenus['new'])){
FreelyPositionedMenus::render( $appMenus['new'] , '', 'sua-classe-css-de-ul-element');
}?>Permite adicionar, editar e excluir itens de menu. Para adicionar um novo item de menu ao menu você deve:
especifique em qual menu você está adicionando o item,
especifique as funções dos usuários para os quais o item ficará visível
nomeie o item
tipo (para escolha: link, título e menu suspenso)
Href, o endereço ao qual o item se refere,
Pai (para aninhar o item dentro do menu suspenso)
Ícones CORUI
Permite criar, editar, excluir e reordenar funções de usuário. Quando um usuário possui mais de uma função, a função hierárquica mais alta é usada para criar um menu para ele.
Permite:
Crie pastas de mídia virtual.
Envie mídia para aplicativos.
Mova mídia entre pastas,
Cortar imagens,
PÃO significa: navegar, ler, editar, adicionar, excluir. Nosso sistema BREAD permite gerar de forma fácil e rápida para qualquer tabela, do banco de dados, um simples BREAD. Para criar um novo BREAD basta inserir o nome de uma tabela do banco de dados. Em seguida, insira um nome para o formulário. Insira o número de linhas na tabela de navegação. Escolha se deseja que a tabela de navegação contenha botões: "mostrar", "editar", "adicionar", "excluir". Atribua funções aos usuários que poderão utilizar o PÃO pronto. Em seguida, preencha cada coluna da tabela separadamente:
o nome da coluna visível para o usuário,
o tipo de entrada para a coluna. A última etapa é selecionar as caixas de seleção apropriadas:
navegar (permite exibir a coluna na tabela de dados),
read (permite exibir a coluna na visualização de exibição)
editar (permite a edição de colunas)
add (permite completar os dados da coluna ao adicionar um registro. Obrigatório se a coluna não for anulável). Também é possível tratar relacionamentos com outra tabela. Se a coluna for uma chave estrangeira, deverá ser especificado: no campo "Nome da tabela de relação opcional" - nome da tabela a que se refere a chave estrangeira, no campo "Nome da coluna opcional na tabela de relação - para imprimir" - o nome da a coluna que está na tabela de relações a ser exibida. Por fim, selecione um dos dois "tipos de campo" relacionados à relação: 'relation select' ou 'relation radio'.
É um exemplo de gerenciamento de modelos de e-mail. Permite criar, editar e excluir modelos. Também permite enviar um e-mail para um endereço selecionado.
Łukasz Holeczek
https://twitter.com/lukaszholeczek
https://github.com/mrholek
Andrzej Kopański
https://github.com/xidedix
Marcin Michałek
https://github.com/rakieta2015
Receba atualizações sobre o desenvolvimento do CoreUI e converse com os mantenedores do projeto e membros da comunidade.
Siga @core_ui no Twitter.
Leia e assine o Blog CoreUI.
Os ícones CoreUI são símbolos lindamente elaborados para ações e itens comuns. Você pode usá-los em seus produtos digitais para web ou aplicativos móveis. Fontes e folhas de estilo prontas para uso que funcionam com suas estruturas favoritas.
https://coreui.io/icons/
copyright 2020 creativeLabs Łukasz Holeczek. Código lançado sob a licença do MIT. Há apenas uma limitação que você não pode redistribuir o CoreUI como estoque. Você não pode fazer isso se modificar o CoreUI. No passado, enfrentamos alguns problemas com pessoas que tentaram vender modelos baseados em CoreUI.
CoreUI é um projeto de código aberto licenciado pelo MIT e de uso totalmente gratuito. No entanto, a quantidade de esforço necessária para manter e desenvolver novos recursos para o projeto não é sustentável sem o apoio financeiro adequado. Você pode apoiar o desenvolvimento doando no PayPal, comprando a versão CoreUI Pro ou comprando um de nossos modelos de administração premium.
A partir de agora estou explorando a possibilidade de trabalhar em tempo integral no CoreUI - se você é uma empresa que está construindo produtos principais usando CoreUI, também estou aberto a conversas sobre acordos personalizados de patrocínio/consultoria. Entre em contato no Twitter.
