Zubrowka’s blog

Aujourd’hui je vous présente la dernière chose intéressante que j’ai développé, il s’agit d’un dictionnaire permettant le chargement de données à la demande. En effet ce système permet de monter des données en mémoire pour tous les utilisateurs. Je m’explique, lors du lancement de l’application, notre dictionnaire est vide. Un utilisateur demande l’accès à une certaine ressource, nous la montons donc en mémoire et cela pour tous les utilisateurs. Cela à pour but de minimiser les accès base tout en montant une fois pour toute des informations communes. Pour cela, deux design patterns ont été implémentés : l’un classique, le singleton et l’autre un peu plus exotique, le double check. Le pattern double check permet de vérifier que personne n’écrit dans notre dictionnaire lorsque nous souhaitons y écrire.

 

Singleton :

 

 

namespace appli.transerse

{

    public class CacheDictionary

    {

        private Cache _cache;

        private static CacheDictionary INSTANCE = null;

        private System.Collections.Generic.Dictionary<string, string> _dictionnary;

 

        public Cache Cache

        {

            get { return _cache; }

            set { _cache = value; }

        }

 

        public static CacheDictionary getInstance()

        {

            if (INSTANCE == null)

            {

                INSTANCE = new CacheDictionary();

            }

            return INSTANCE;

        }

 

        public static CacheDictionary setInstance(CacheDictionary aht)

        {

            INSTANCE = aht;

            return INSTANCE;

        }

 

        private CacheDictionary()

        {

            _dictionnary = new System.Collections.Generic.Dictionary<string, string>();

        }

 

        public string GetContent(string title)

        {

 

            string myContent;

            bool IsExisting = INSTANCE._dictionnary.TryGetValue(title, out myContent);

            if (IsExisting)

            {

                return myContent;

            }

            else

            {

                lock (INSTANCE._dictionnary);

               

            }

            IsExisting = INSTANCE._dictionnary.TryGetValue(title, out myContent);

            if (!IsExisting)

            {

                myContent = HelpTextManager.GetText(title, null);

                INSTANCE._dictionnary.ContainsKey(title);

                INSTANCE._dictionnary.Add(title, myContent);

 

            }

           

            return myContent;

        }

       

        public static void Flush(String key, Object item, CacheItemRemovedReason reason)

        {

            Cache buffer = CacheDictionary.getInstance().Cache;

            CacheDictionary.setInstance(null);

            CacheDictionary.getInstance().Cache = buffer;

            InsertCache();

        }

        public static void InsertCache()

        {

            CacheDictionary.getInstance().Cache.Insert(“HelpText”, CacheDictionary.getInstance(), null, Cache.NoAbsoluteExpiration, new TimeSpan(0, 0, 30), CacheItemPriority.Default, new CacheItemRemovedCallback(appli.transerse.CacheDictionary.Flush));

        }

 

    }

}

 

La méthode GetContent permet de récupérer les données de l’objet. Si les données ne sont pas présentes, on va les chercher dans la base de données et on les insère dans le dictionnaire de l’objet.

 

La méthode Flush est appelée lors du renouvellement du cache de l’application, elle récupère le Context.Cache et détruit l’instance de l’objet existante puis appèle la methode InsertCache pour pousser le nouvel objet dans le cache.

 

Création de l’instance est mise en cache au lancement de l’application dans le fichier Global.asax :

 

 

void Application_Start(object sender, EventArgs e)

    {

        appli.transerse.CacheDictionary.getInstance().Cache = Context.Cache;

        Context.Cache.Insert(“cachetitle”, appli.transerse.CacheDictionary.getInstance(),null,Cache.NoAbsoluteExpiration,new TimeSpan(0,0,30),CacheItemPriority.Default,new CacheItemRemovedCallback(appli.transerse.CacheDictionary.Flush));

       

    }

 

Implémentation pour la récupération des donnés :

 

 

CacheDictionary aht = CacheDictionary.setInstance((CacheDictionary)Cache[“cachetitle “]);

aht.GetContent(“my_key”) ;

Share This

Â

Après avoir découvert ExtJS, un Framework JavaScript à la fois beau et puissant, je me suis mis à la recherche d’un équivalent pour ASP.net. Mes premières recherches sont tombées sur des projets plus ou moins bancales mais dont l’initiative est tout de même à saluer. Il y à de cela, une semaine j’ai découvert un projet très actif lancé par une société canadienne. Celui-ci à pour but d’encapsuler un à un les composants ExtJS dans des contrôles utilisateurs. Aussi, la mise en place d’un layout complexe devient un jeu d’enfant, pas une ligne de JavaScript n’est nécessaire ! Autre avantage, cette librairies est disponible sous deux licences un OpenSource (GPLv3) et l’autre commerciale.

Voici le site où la librairie est téléchargeable : www.coolite.com

Un petit aperçu :

 

Share This

Il est possible en détournant légèrement l’utilisation du DropDownExtender de créer un menu déroulant sans avoir  à écrire la moindre ligne de JavaScript.

Au final cette solution s’avère extrêmement rapide à mètre en place et le tout sans aucune difficulté particulière.

Pour cela nous devons commencer par ajouter le traditionnel ScriptManager à notre page.

 

<asp:scriptmanager ID=”MyScriptManager” runat=”server”></asp:scriptmanager>

 

Nous ajoutons ensuite un label ainsi qu’un panel.

 

<asp:Label ID=”MyLabel” Text=”Header du menu” runat=”server”></asp:Label>

<asp:Panel ID=”MyPanel” runat=”server”>

<!– On Pourra rajouter ici le contenu du menu –>

</asp:Panel>

 

Il ne nous reste plus qu’à ajouter le DropDownExtender et à le customiser. C’est donc ici que nous allons supprimer l’effet « DropDown » afin de réaliser un menu propre.

Originellement, lors d’un passage de la souris sur le label nous aurions eu le résultat suivant :

Voici donc le code pour le DropDown :

 

<cc1:dropdownextender runat=”server”                                 ID=”dde”                                                                    

TargetControlID=” MyLabel “                                                                  DropDownControlID=” MyPanel “                                                                 HighlightBackColor=”Transparent”                                                                 HighlightBorderColor=”Transparent”                                                                DropArrowBackColor=”Transparent”                                                                 DropArrowWidth=”0″                                                               DropArrowImageUrl=”../Design/img/pixel_tranparent.png”>

</cc1:dropdownextender>

 

L’astuce consiste donc à mettre toute les couleurs à « Transparent » de remplacer l’image  de la flèche par un pixel de couleur transparente.

 

Aussi, le TargetControlID n’est pas nécessairement une un label dans le cas ci-dessous il s’agit d’une image.

 

Avec un peu de CSS on peu arriver au résultat suivant :

 

Share This