template

Mattepuffo's logo
Usare i template in Ionic

Usare i template in Ionic

Quando creaimo un progetto di tipo blank in Ionic, ci ritroviamo con una pagina bianca con praticamente niente di pre-impostato.

Se vogliamo aggiungere più pagine, usando il sistema dei template per riutilizzare della parti comuni, dobbiamo modificare un pò il codice.

Andando per gradi, questi gli step che ho fatto io.

Modifcate index.htlm in questo modo:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title></title>
        <link href="lib/ionic/css/ionic.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
        <link href="css/ionic.app.css" rel="stylesheet">
        -->
        <!-- ionic/angularjs js -->
        <script src="lib/ionic/js/ionic.bundle.js"></script>
        <!-- cordova script (this will be a 404 during development) -->
        <script src="cordova.js"></script>
        <!-- your app's js -->
        <script src="js/app.js"></script>
    </head>
    <body ng-app="starter">
    <ion-nav-bar class="bar-stable">
        <ion-nav-back-button>
        </ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view></ion-nav-view>
</body>
</html>

Mattepuffo's logo
Connessione a MySQL con Java Spring e JDBC

Connessione a MySQL con Java Spring e JDBC

Oggi vediamo come effettuare una connessione a MySQL con Java Spring e JDBC.

La tabella (ricerche) è composta da soli due campi:

  • ID PRIMARY KEY AUTO INCREMENT
  • TITOLO VARCHAR(255)

Durante le verie operazioni il vostro IDE vi darà vari errori; ma non preccupatevi, li elimineremo strada facendo.

Cominciamo quindi con aggiungere il driver JDBC al progetto e poi con la creazione della prima classe, che rappresenta la nostra tabella:

public class Ricerche {

    private Integer id;
    private String titolo;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getTitolo() {
        return titolo;
    }

    public void setTitolo(String titolo) {
        this.titolo = titolo;
    }
}

Passiamo a questo punto passiamo alla creazione di una interfaccia che registra le varie operazioni CRUD:

import java.util.List;
import javax.sql.DataSource;

public interface RicercheDAO {

    public void setDataSource(DataSource ds);

    public void create(String titolo);

    public Ricerche getRicerca(Integer id);

    public List listRicerche();

    public void delete(Integer id);

    public void update(Integer id, String titolo);
}

Questa interfaccia ha tutte le operazioni che possiamo eseguire su db.

Mattepuffo's logo
Usare i template in Java Server Faces

Usare i template in Java Server Faces

Chi ha programmato almeno una volta in Asp.NET, conosce già il concetto di Master Page; una pagina HTML che funziona da template, nella quale alcuni parti sono dinamiche e altre fisse.

Di base le JSP non prevedono una cosa del genere, a parte il meccanismo degli include (come PHP).

Però se usiamo un framework, e nello specifico JSF, abbiamo la possiblità di usare i template.

Vediamo un semplice esempio; una volta creato il progetto (Netbeans ci permette di includere da subito le librerie che ci servono) create una pagina che chiamiamo template.xhtml:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <h:outputStylesheet name="style.css" library="css" />
    </h:head>
    <h:body>
        <div id="page">
            <div id="header">
                <ui:insert name="header" ></ui:insert>
            </div>
            <div id="content">
                <ui:insert name="content"></ui:insert>
            </div>
            <div id="footer">
                <ui:insert name="footer"></ui:insert>
            </div>
        </div>
    </h:body>
</html>

Come vedete è una semplice pagina con alcuni tag specifici.

Mattepuffo's logo
Listare le immagini in Asp.NET

Listare le immagini in Asp.NET

L'altra settimana ho deciso di riprendere un pò in mano l'Asp.NET e il C#, ma sono talmente abituato al PHP che anche per una cosa così banale ci ho messo una vita.........

Quello che volevo fare era una semplice pagina che mi listasse e visualizzasse tutte le immagini dentro una directory.

Quindi nella root del sito ho la pagina Default.aspx e la cartella Images con dentro varie immagini (in questo caso png).

Ovviamente ci stanno vari modi per farlo.

Prima di tutto vediamo il code-behind della pagina:

namespace Listare_immagini
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string directory = "~/Images/";
string[] images = System.IO.Directory.GetFiles(Server.MapPath(directory), "*.png");
ImgLista.DataSource = images;
ImgLista.DataBind();
}
}
}

Abbiamo una string che rappresenta la directory dove ci sono le immagini.