Nesta postagem, revisaremos o Ajax Full Featured Calendar 2 do CodeCanyon. Este script permite que você adicione calendários ao seu site PHP. É uma ferramenta pronta para uso que você pode integrar em seu site PHP existente e começar a usar hoje!
Se você está construindo um site relacionado a eventos ou gostaria de apresentar os eventos do seu site de forma interativa e interessante, então você veio ao lugar certo!
Existem muitas extensões de calendário premium e scripts disponíveis para o seu site PHP. Para cada um desses scripts e extensões premium, você pode esperar um código de qualidade, correções de bugs, suporte e novos aprimoramentos.
Nesta postagem, discutiremos o script ga-analytics#sendMarketClickEvent”>Ajax Full Featured Calendar 2, disponível no CodeCanyon para compra por um preço bastante razoável. -fim do calendário.
Vamos examinar rapidamente os recursos importantes que ele oferece:
- IU responsiva
- adicionar, editar, excluir, visualizar, exportar, atualizar eventos do calendário
- incorporar automaticamente YouTube, Vimeo, soundclould e muito mais
- suporte para categorias e campos personalizados
- suporte para eventos recorrentes
- Integração com mapas do Google
Como você pode ver, a ferramenta Ajax Full Featured Calendar 2 fornece muitos recursos úteis que permitem configurar calendários de eventos rapidamente. Ao longo deste tutorial, exploraremos os diferentes recursos fornecidos por este plug-in.
Para começar, veremos como baixar e instalar o script Ajax Full Featured Calendar 2 do mercado CodeCanyon.
Instalação e configuração
Nesta seção, mostrarei como instalar e configurar a ferramenta Ajax Full Featured Calendar 2 depois de comprá-la e baixá-la do CodeCanyon.
Assim que você comprá-lo, você poderá baixar o arquivo zip. Extraia isso e você encontrará um diretório com o código do script principal: AFFC5.
Ele fornece duas versões diferentes de calendários de eventos que você pode escolher. Debaixo de AFFC5 diretório, existem mais dois diretórios, AFFC2 e AFFC5. o AFFC2 suporta as versões Bootstrap 3.xe Fullcalendar 3.x, enquanto o AFFC5 oferece suporte às versões Bootstrap 5.xe Fullcalendar 5.x. Você pode escolher de acordo com suas necessidades.
O Ajax Full Featured Calendar 2 vem com diferentes demos. Nós vamos usar o AFFC5/AFFC2/Demo/Admin/Demo1 versão. Em primeiro lugar, carregue os arquivos do AFFC5/AFFC2/Demo/Admin/Demo1 diretório para o diretório raiz do servidor.
Em seguida, você só precisa executá-lo em seu navegador com seu domínio. Ao executá-lo, ele deve levá-lo à parte de instalação, conforme mostrado na captura de tela a seguir.
Preencha os dados necessários e clique no botão Instalar botão para instalá-lo. Se tudo correr bem, ele será instalado com sucesso, conforme mostrado na captura de tela a seguir.
Por precaução, se você tiver algum problema, também pode instalá-lo manualmente. Você só precisa importar o AFFC5/AFFC2/Demo/Admin/Demo1/calendar.sql arquivo em seu banco de dados. Depois disso, certifique-se de criar o AFFC5/AFFC2/Demo/Admin/Demo1/includes/connection.php arquivo conforme mostrado no trecho a seguir.
1 |
|
2 |
// DB Connection Configuration
|
3 |
define('DB_HOST', ''); |
4 |
define('DB_USERNAME', ''); |
5 |
define('DB_PASSWORD', ''); |
6 |
define('DATABASE', ''); |
7 |
define('TABLE', 'calendar'); |
8 |
define('USERS_TABLE', 'users'); |
9 |
|
10 |
define('SITE_FILES_URL', ''); |
11 |
|
12 |
// Default Categories
|
13 |
$categories = array("General","Party","Work", "Letters & Arts"); |
14 |
|
15 |
/*
|
16 |
Only applied for non user versions
|
17 |
Should (non admin versions) display user events from the database?
|
18 |
true - does not display user events
|
19 |
false - will display all events on the database even private ones on non admin versions (e.g: 'Simple')
|
20 |
*/
|
21 |
define('PUBLIC_PRIVATE_EVENTS', true); |
22 |
|
23 |
// Feature to import events
|
24 |
define('IMPORT_EVENTS', true); |
25 |
|
26 |
?>
|
Obviamente, você precisará definir as configurações corretas do banco de dados no arquivo acima.
Com isso, você praticamente concluiu a parte da instalação.
Visão geral do painel
Depois de instalar a ferramenta Ajax Full Featured Calendar 2 corretamente, você pode começar a usá-la imediatamente. Vou ao https://localhost/index.php URL no seu navegador e deve levá-lo à página de login, conforme mostrado na captura de tela a seguir. Claro, você precisa substituir o host local domínio com seu domínio.
Introduzir o nome do usuário e senha que você configurou durante a parte de instalação e clique no botão Conecte-se botão para fazer login no aplicativo de calendário. Após o login, você será redirecionado para a exibição do painel principal, conforme mostrado na captura de tela a seguir. A exibição do calendário é a mesma para o aplicativo front-end e back-end.
Vamos examinar rapidamente os diferentes tipos de visualizações de calendário disponíveis à sua disposição.
A Visualização do Mês
Clique no mês guia para ver os eventos no mês atual.
A Visualização da Semana
Clique na guia da semana para visualizar os eventos agendados na semana atual.
A visualização do dia
Clique na guia do dia para visualizar os eventos agendados para hoje.
A visualização de lista
Clique na guia da lista para ver todos os próximos eventos em uma exibição de lista.
Portanto, essas são as diferentes visualizações que o calendário oferece. Além disso, você pode acessar outros recursos como pesquisar, importar e exportar eventos de dentro do próprio painel.
A seguir, veremos como criar eventos.
Como criar eventos
É bastante fácil criar novos eventos. Também depende do tipo de evento que você deseja criar. Se você deseja criar um evento de dia inteiro, pode usar a visualização mensal do calendário. Por outro lado, se você deseja criar um evento com limite de tempo, pode usar a visualização semanal ou diária.
Vamos ver como criar diferentes tipos de eventos.
Criar um evento de dia inteiro
Na visualização do mês do calendário, clique na caixa de data em que deseja agendar um evento e deve exibir o seguinte pop-up para a criação do evento.
Preencha os dados necessários e clique no botão Adicionar botão para criar o evento!
Criar um evento com limite de tempo
Na visualização da semana ou da lista do calendário, clique no intervalo de tempo em que deseja agendar um evento e deve exibir o seguinte pop-up para a criação do evento.
Como você pode ver, quando você cria um evento com limite de tempo, ele já preenche a data-hora de início e a data-hora de término para você. Basta ir em frente e preencher os detalhes necessários e salvá-lo!
Vá em frente e crie alguns tipos diferentes de eventos para ter uma ideia. Além disso, depois de criar alguns eventos, isso o ajudará a entender como os eventos são exibidos no calendário em diferentes visualizações.
Conheça outros recursos
Nesta seção, examinaremos alguns outros recursos fornecidos pela ferramenta Ajax Full Featured Calendar 2.
Pesquisa de eventos
A ferramenta Ajax Full Featured Calendar 2 fornece ferramentas de pesquisa que um usuário pode usar para pesquisar eventos. Você pode usar o campo de pesquisa de texto livre ou a caixa suspensa de categoria para filtrar os eventos exibidos na visualização do calendário.
Recurso de Importação/Exportação
Também permite importar e exportar eventos. Quando você clicar no Exportar botão, ele irá gerar o calendar.ics arquivo que contém todos os eventos. .ics é o padrão formato de arquivo para iCalendar, ele permite que você compartilhe e importe entradas de calendário com outros aplicativos e usuários facilmente. E se você já tem um .ics arquivo que contém os eventos, você pode importá-lo facilmente usando o Importar funcionalidade.
Suporte a categorias personalizadas
Embora o calendário forneça quatro categorias padrão para criar eventos como Em geral, Festa, Trabalhar e Letras & Artes, você também pode configurar categorias personalizadas, se desejar.
Vá em frente e abra o AFFC5/AFFC2/Demo/Admin/Demo1/includes/connection.php arquivo, que contém o $categories array conforme mostrado no snippet a seguir, e você pode adicionar suas próprias categorias personalizadas nesta lista e pronto.
1 |
... |
2 |
... |
3 |
// Default Categories |
4 |
$categories = array("General","Party","Work", "Letters & Arts", "My Custom Category One");
|
5 |
... |
6 |
... |
Adicionar novos usuários
Se você se lembra, ao configurar o aplicativo de calendário, criamos um nome de usuário e uma senha padrão para que você possa fazer login com eles. Além disso, também permite que você crie outros usuários se quiser ter usuários diferentes em seu aplicativo.
Vá em frente e clique no Adicionar usuário botão conforme mostrado na captura de tela a seguir para criar um novo usuário do sistema.
Depois de clicar nesse botão, abrirá a seguinte tela que permite inserir o nome de usuário e a senha do novo usuário.
Introduzir o nome do usuário e senha e clique no Adicionar usuário botão para criar um novo usuário. Dessa forma, você também pode adicionar vários usuários.
Como você pode ver, o Ajax Full Featured Calendar 2 fornece uma solução completa para criar, gerenciar e exibir eventos. Sinta-se à vontade para explorá-lo e familiarizar-se com a interface do usuário e será divertido. Além disso, ele vem com uma documentação abrangente que o guiará, caso deseje se familiarizar com os aspectos técnicos do mesmo.
A próxima etapa: uma rápida olhada em alguns outros scripts de calendário de eventos
Se você estiver procurando por scripts de calendário mais avançados que possam ser usados imediatamente, recomendo que verifique a postagem a seguir, que resume alguns scripts excelentes disponíveis por um custo baixo.
Aqui estão alguns interessantes:
ga-analytics#sendMarketClickEvent”>Cleanto é ideal para muitos tipos diferentes de empresas de serviços que procuram uma maneira confiável de fornecer aos clientes reservas on-line com todos os recursos.
Totalmente responsivo, fácil de configurar e bastante personalizável, o ga-analytics#sendMarketClickEvent”>Tiva Timetable é uma boa opção para quem procura um calendário com design clean e moderno.
Conclusão
Hoje, revisamos o script Ajax Full Featured Calendar 2 disponível em ga-analytics#sendMarketClickEvent”>CodeCanyon. Ele permite que você crie eventos em seu site PHP. Nesta postagem, discutimos como fazer o download, instalá-lo e configurá-lo em seu site Considerando os recursos que ele oferece, acredito que tenha um preço razoável e que vale a pena tentar.
