sudo apt-get update

apt-get install subversion

mkdir -p /var/local/svn/projekt1/
svnadmin create --fs-type fsfs /var/local/svn/projekt1/

nano /var/local/svn/projekt1/conf/svnserve.conf
das hier bearbeiten

[general]
anon-access = none
auth-access = write
password-db = passwd
realm = Mein erstes Repro

Hier müssen die passwörter editiert werden

nano /var/local/svn/projekt1/conf/passwd

 
start script editieren

nano /etc/init.d/subversion

#!/bin/bash

case "$1" in
        start)
                svnserve -d -r /var/local/svn
                ;;
        stop)
                killall svnserve
                ;;
        restart)
                $0 stop
                sleep 3
                $0 start
                ;;
esac

chmod +x /etc/init.d/subversion


die kkiste kannst du dann mit den befehlen steuern. Nachdem ein Repro angelegt worden ist muss der svn server neu gestartet werden.

sudo /etc/init.d/subversion start
sudo /etc/init.d/subversion stop
sudo /etc/init.d/subversion restart

zugriff auf das svn 

svn://ihreIp/projekt1

als erstes brauchen wir ein

sudo su

# pw rein und enter
# wenn du kein sudo hast installier dir das! Guckst du einfach hier Server Konfigurieren und absichern

apt-get update
apt-get upgrade

zum aktualisieren

jetzt installieren wir das letscrypt
wir fürgen die neuen Quellen für das Letscript certbot zum Packet manager

echo 'deb http://ftp.debian.org/debian jessie-backports main' | sudo tee /etc/apt/sources.list.d/backports.list

# Packete aktualisieren

apt-get update

# certbot installieren

sudo apt-get install python-certbot-apache -t jessie-backports

jetzt installiert er ne weile und sollte sich dann melden wenn er fertig ist.
Fals du eine Firewall hast. stell bitte den port 443 an!

jetzt verpassen wir einer domain „itservice-herzog.de“ ein ssl zertifikat

certbot --apache -d itservice-herzog.de

wenn ihr den parameter -d itservice-herzog.de weglasst macht der alle vhost daten vom Apachen.

Die Zertifikate laufen standartmäßig nach 90 Tagen ab!
Deshalb sollten wir ein renew des Zertifikates alle 30 tage machen. dann hat man noch bissel zeit zu handeln wenn was schief geht.

# das mach das zertifikat neu

certbot renew

Weil wir das aber nicht immer von hand machen wollen legen wir dasfür einen cronjob an

crontab -e

wenn du noch nicht drin warst und du dir nicht sicher bist welchen editor du nehmen sollten nimm den NANO! Das ist im vergleich zum VIM (kein arschloch) besser für Anfänger.

# das hier in den crontab rein, das macht alle 30 tage ein zertifikat renew

30 2 * * 1 /usr/bin/certbot renew >> /var/log/le-renew.log

so jetzt solltet ihr ein paar ssl zertifikate haben.
ich wünsche euch viel spaß beim verschlüsseln

Nachtrag:
falls es mal nicht mit dem certbot so richtig will versuchts mal damit

certbot --authenticator standalone --installer apache -d ernaehrungstagebuch-deluxe.de --pre-hook "service apache2 stop" --post-hook "service apache2 start"

Lieben Gruß
Matthias

am besten mit apt-get

Los geht’s

Als erstes brauchst du root rechte. Die bekommst du mit diesem Befehl. Falls sudo nicht installiert ist, dann sodu installieren mit „apt-get install sudo“ <= das geht nur als root.

sudo su

Jetzt aktualisierst du deinen Paket Manager mit:

apt-get update

apt-get upgrade

Mysql Installieren

apt-get install mysql-server mysql-client

mit Ja bestätigen und Passwort für  root in die Datenbank eingeben

Oder

Mariadb Installieren

apt-get install mariadb-server mariadb-client

#
jetzt müssen wir den mariadb Server noch absichern das sich keiner ohne zurgiff copnnecten kann

mysql_secure_installation

Apache mit php5 installieren

apt-get install apache2 php5 libapache2-mod-php5 php-pear php5-mysql

Nach der Installation müsst ihr den Apachen neu starten damit alles richtig 
funktioniert.

/etc/init.d/apache restart

Apache mit php7 installieren

apt-get install apache2 php7.0 libapache2-mod-php7.0 php7.0-mysql php7.0-curl php7.0-gd php7.0-intl php-pear php-imagick php7.0-imap php7.0-mcrypt php-memcache php7.0-pspell php7.0-recode php7.0-opcache php-apcu

Nach der Installation müsst ihr den Apachen neu starten damit alles richtig 
funktioniert.

/etc/init.d/apache restart

phpmyadmin Installieren

 apt-get install phpmyadmin
Ich bitte euch in euer neues phpmyadmin Verzeichnis eine .htaccess Datei 
mit .htpasswd zu hinterlegen und das Verzeichnis zusätzlich mit einem 
Passwort zu versehen!

Vhost anlegen

begebt euch in das Verzeichnis der Vhosts für den Apache
cd  /etc/apache2/sites-available

erstellt nun eine vhost datei

nano domain.de.conf

 fügt folgendes in die Datei ein

meine Domain www.sce-lan.de soll als Beispiel dienen.
Bitte passt die vhost Datei so an wie ihr sie braucht!
stellt bei eurem Domainanbieter nun einen DNS Eintrag 
auf euren Server.
Wenn nun jemand über die Domain auf euren Server 
kommt wird nun die Webseite aus eurem Verzeichnis angezeigt.

<VirtualHost *:80>
 ServerAdmin info@itservice-herzog.de
 ServerName sce-lan.de
 ServerAlias sce-lan.de *.sce-lan.de www.sce-lan.de
 DocumentRoot /var/www/sce/
 <Directory />
 Options FollowSymLinks
 AllowOverride All
 </Directory>
 ErrorLog ${APACHE_LOG_DIR}/error_sce-lan.log

 # Possible values include: debug, info, notice, warn, error, crit,
 # alert, emerg.
 LogLevel warn

 CustomLog ${APACHE_LOG_DIR}/access_sce-lan.log combined
</VirtualHost>

Speichert die Datei mit "strg + x" und dann J!
Fügt nun die vhost Datei zu den aktivierten 
Seiten des Apachen hinzu.

a2ensite domain.de

Mod Rewrite

den Modrewiret braucht ihr eigentlich überall deshalb aktiviert ihn mit folgendem Befehl

a2enmod rewrite 

nano /etc/apache2/sites-available/default

ändert nun die Zeile  "AllowOverride None" zu  AllowOverride All

startet nun den Apache neu mit diesem Befehl

/etc/init.d/apache2 restart
jetzt könnt ihr .htaccess Dateien erstellen, 
Weiterleitungen einrichten oder Passwörter auf Ordner vergeben und 
vieles mehr.

Um festzustellen das alles richtig funktioniert erstellt ihr am besten 
eine php Datei in eurem order /var/www. 
Bitte entfernt diese Datei nach Prüfung der Installation wider!

cd /var/www
nano info.php
der Inhalt der Datei sollte sein
<?php
phpinfo();
?>

mit "strg + x" und dann J Speichern.
Ruft nun in eurem Browser die Datei auf.

http://IP-ADRESSE/info.php
Checkt ob alle richtig ist!
rm info.php

 Vielen dank fürs lesen!

[google_news query=“Apache2″ topic=“t“]

Hier das komplette Beispiel zum Download.

Ihr braucht ein HTML Grundgerüst mit Header und Body.
nun fügt ihr einen „Script Tag“ in den header des Beispiels ein.
Falls du keinen eigenen Webspace haben solltest so kannst du jQuery von einem CDN (Content Delivery Network) beziehen.
Mit dieser Zeile bindest du jQuery ein.

Wenn du Eigenen Webspac haben solltes so nimm das jjquery einbindenQuery von deinem eigenen Server und passe den Pfad im script tag an. bitte sei dir bewusst das jedes mal wenn deine html Seite aufgerufen wird das DCN einen aufruf bekommt mit der Aufforderung jQuery auszuliefern.

<code>
		<!DOCTYPE HTML>
		<html>
		  <head>
			<meta http-equiv="content-type" content="text/html; charset=utf-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
			<title>Jquery Tutorial</title>
			<script src="code.jquery.com/jquery-1.11.3.min.js"></script>
		  </head>
		  <body>
			<h1>Jquery einbinden</h1>
			<script >
				$(document).ready(function()
				{
					alert("jQuery eingebunden");
				});
			</script>
		  </body>
		</html>
	</code>

Vielen Dank fürs lesen!

Hallo und Willkommen zu meinem kleinen Tutorials zur Benutzung des localstorage.
Zuerst einmal möchte ich kurz klären was der localstorage eigentlich ist.

Mit dem neuen localstorage könnt ihr auf einfache Art und weise Daten im Browser auf Clientseite speichern.
So gibt es nun eine weiter Möglichkeit außer über Cookies Daten im Browser zu hinterlegen und beim nächsten Zugriff wieder anzuzeigen.
Wichtig! Der Localstorage ist bei den meisten Browsern auf 4MB begrenzt.

chrome4+
ff  3.5+
Safari  4+
Opera 10.5+
IE 8+
IOS 3.2+
Android  2.1+

Eine gute Referenz zum Localstorage befindet sich unter https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

Hier mein Beispiel für eine wrapper Klasse.
Mit diesem Beispiel ist es möglich ganze Objecte in den Localstorage zu speichern und wieder auszulesen

/**
 * Created by Matthias Herzog on 10.06.2014.
 * Speicher belibige werte im Localstorage des Browsers serialisiert ab.
 * @type {Storage}
 */
Storage = new function()
{

   if( !window.localStorage  )
   {
      console.warn("No local storage Support!");
      return false;
   }
   var Store = window.localStorage;

   /**
    * gibt einen vorhandenen wert aus dem localstorage zurück
    * @param Key
    * @returns {{}|boolean}
    */
   this.get = function(Key)
   {
      var Temp = Store.getItem( Key ) || false;
      if(Temp == false)
      {
         var Result = {} ;
      }
      else
      {
         try
         {
            var Result = JSON.parse( Temp );
         } catch( Ex )
         {
            var Result = Temp;
         }
      }
      return Result;
   };

   /**
    * setzt uns serialisiert einen wert
    * @param Key
    * @param Value
    */
   this.set = function( Key, Value )
   {
      if(!Value || !Key) return;

      var Temp = {};
      if(typeof Value == "object")
      {
         Value =  JSON.stringify( Value );
      }
      Store.setItem( Key, Value );
   };

   /**
    * entfernt alle daten aus dem Localstorage
    */
   this.clearAll = function()
   {
      var Keys = Object.keys(localStorage);
      for(var i = 0; i < Keys.length ; i++)
      {
         this.clear( Keys[i] );
      }
      return true;
   };

   /**
    * entfernt den angegeben schlüssel aus dem localstorage
    * @param Key
    */
   this.clear = function(Key)
   {
          if( !Store.getItem( Key ) ) return false;
          Store.removeItem( Key );
          return true;
   };
};

benutzen könnt ihr die Klasse wie folgt.

// legt ein Object mit dem Schlüssel in den Storage ab.
var storage = new Storage();
storage.set( „User“, {Name : „Horst“, LastName: „Werner“} );

// um auf den wert wieder zuzugreifen benötigt ihr die get fkt
var User = storage.get( „User“ );

Vielen Dank fürs lesen!

Verbindet nun dein Android Gerät mit dem Windows Rechner. Nun müssen wir dem Nexus noch sagen das der Debuging-Modus aktivert werden soll. Klickt auf eurem Android-Device auf „Einstellungen“ -> „Infos zu Gerät“, Scrollt ganz herunter und klickt 10 Mal auf die „Build nummer“.

Nun sollte das Debugging Optionsfeld Aktiviert sein.

begebt euch nun zu „Einstellungen“ -> „Entwickler-Optionen“ und aktiviert das USB Debugging.

Danach benötigen wir die adb (Android Debug Bridge) Standard Treiber.
Ladet diese herunter und installiert sie.

UniversalAdbDriverSetup6.msi

Nach der Installation, der ADB Treiber können wir mit „STRG + R“ cmd + Enter eine Eingabeaufforderung starten. Gebt nun in der Konsole „adb devices“ ein.

Du solltest nun dein Nexus aufgelistet bekommen.

Öffne nun deinen Aktuellen Chrome.

Klicke auf Optionen (Rechts oben) und dann auf „Einstellungen“.
Klicke danach auf „Erweiterungen“ und suche nach „Mehr Erweiterungen herunterladen“.
Suche nach ADB und installiere die Erweiterung ADB von https://developers.google.com/chrome-developer-tools

Öffne nun auf deinem Android gerät mit dem Chrome eine Webseite.
Rechts oben im Chrome an deinem Windows PC sollte nun ein kleines Android Männchen aufgetaucht sein, Klicke darauf.
Du solltest nun den Tab sehen können den du auf deinem Android Chrome geöffnet hast.
Klicke nun auf „Inspect“ und es öffnet sich die Chrome Entwickler Konsole.

Eine Webseite ist Responsive wenn Sie sich der Auflösung des Endgerätes anpasst. Das heist eine Webseite besitzt unterscheidliche Darstellungen für unterschiedliche Auflösung oder Seitenverhältnisse. Die Motivation für Responsive desings besteht darin auch Display mit kleinen Auflösungen ein gutes Erlebniss beim surfen zu verschaffen.

Oftmals ist es so das bei nicht responsive Webseiten, die mit einer zu niedrigen oder zu großen Auflösung betrachtet werden, Inhalte verloren gehen.

CSS Media Query’s

Media Query’s sind ab CSS 3 Verfügbar. Mit Ihnen ist es möglich Webseiten Layouts für verschiedene Endgeräte zu erstellen. Dabei gibt es mehrere Möglichkeiten Media Query’s in das HTML Dokument einzubinden.

Als erstes benötigen wir dieses snipet welches den Tablets und Smartphones sagt das sie die Webseite mit ihrer nativen Auflösung darstellen sollen.

<meta name="viewport" content="width=device-width">

Geben wir diese Zeile nicht an versuchen die Browser mit kleinerer Auflösung die Seite so zu Skalieren das die Desktop CSS angezeigt wird.

Die erste Möglichkeit wäre im Head des HTML Dokuments folgende CSS Datein zu deklarieren.

<link rel='stylesheet' media='screen and (min-width: 901px)' href='css/desktop.css' />
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/tablet.css' />
<link rel='stylesheet' media='screen and (max-width: 700px) ' href='css/phone.css' />

mit folgenden befehlen laden wir für unterschiedliche Auflösungen unterschiedliche CSS Dateien.

Die Zweite möglichkeit ist innerhalb einer CSS Datei mehrere Bereiche zu definieren

@media all and (max-width: 700px) 
{
/* Smartphone */
}

@media all and (max-width: 1000px) and (min-width: 701px)
{
/* Tablet */
}
@media all and (min-width: 1001px) 
{
/* Desktop */
}

Mit den Media Query’s kann man auch noch mehr machen. Man kann z.B. auch Layouts zum Drucken bestimmen oder für die Ausgabe auf Projektoren und andere Endgeräte anpassen.

eine Ausführliche Beschreibung findet ihr hier http://www.w3.org/TR/css3-mediaqueries/

Auflösungen

Smartphone Auflösung Betriebssystem

• 240 x 320 Android
• 320 x 240 Blackberry
• 320 x 480 iOS
• 640 x 940 iOS
• 480 x 854 Android
• 480 x 800 Android
• 960 x 540 Android
• 1280 x 720 Android
• 360 x 640 Symbian
• 800 x 480 Windows Phone OS

TabletsTablet Auflösung Betriebssystem

• 600 x 1024 Android
• 1024 x 600 Android
• 1280 x 768 Android
• 1280 x 800 Android
• 1920 x 1080 Windows 8
• 2048 x 1536 iOS

Beispiel

pic-upload.eu

Frameworks

Bootstrap

ein von Twitter erstelltes HTML/ CSS Framework mit responsive aspekt

Pure CSS

Ein CSS/b HTML Framwork von Yahoo.

Tools

http://seo-textgenerator.de/index.php?Section=SEO&Action=Responsive

1. Zu jeder Prozedur, Funktion, Objekt und Klasse sind Header, die die Funktionalität beschreiben, anzufertigen.

Bsp.:
/*Programm: final-end.net
*Description: in diesem Objekt werden alle Daten zum User zugreifbar und änderbar gemacht, jede Eigenschaft
*(Useralter) ist somit im Programm verfügbar.
*Author: Max Mustermann
*Datum: 01.01.2013
*E-Mail: M.Mustermann@final-end.de
*/

Die Dokumentation des Quellcodes sollte kurz und prägnant gehalten sein.

Bsp.: if ($User->getAlter() > 18 ) $Status = „erwachsen“ //Useralter prüfen und Status festlegen

2. Bei jeder Änderung an Prozeduren oder Funktionen eine Beschreibung am Header hinzufügen

Bsp.:

// änderung: Max Mustermann – Objekt um Variable x erweitert

3.Grundsätzlich werden keine Umlaute verwendet. ö => oe , ä => ae, ü => ue

schreibt einfach in der Englischen Sprache euren Programmcode und ihr werdet feststellen das ich keinerlei Probleme mit umlauten haben werdet

4. Namensgebung:

Bsp.:

• Variablenname: UserVorname (Höckerschreibweise)
• Konstanten: KONSTANTEN_NAME
• Formular: frm_Map_UserData (frm_Modul_Beschreibung) bei kleineren Projekt kann das Modul auch weggelassen werden aber Vorsicht! jedes Projekt fängt einmal klein an
• DB-Tabelle: tbl_User
• Steuerelement: tb_Map_UserData_SureName>
• Funktionen: openFrmMapUserData() (Höckerschreibweise)

Hierbei ist die Höckerschreibweise genauso, wie der Aufbau der Bezeichnungen als Grundlage zu betrachten. Die Namensgebung ist so zu wählen, dass der Name eine Aussage zur Funktionalität und zum Einsatzort gibt.

Konstantennamen werden immer groß geschrieben und durch „_“ (Underline) getrennt.

Die Benennung von Funktionen erfolgt mittels Höckerschreibweise und muss beschreibende Attribute im Namen beinhalten.

Bsp.: calculateMapUnitPosition() // der Name der Funktion muss den sinn und den Zweck ihres selbst wieder geben. Ich habe in meiner mehrjährigen Tätigkeit als Entwickler schon sehr viel gesehen und kann aus Erfahrung sagen funktion a() – z() die nur einen Buchstaben haben sind ja gut und schön aber niemand wird nach einem halben Jahr noch wissen was diese Fkt. tun. Haltet euch an den Leitspruch „Keep It Simple“. Gerade bei diesem Thema komme ich nicht umhin die Autocomplet Funktion der Meisten IDE’s (Integrated development environment) anzusprechen
. wenn Ihr zum Beispiel ein Eclipse oder Visuallstudio benutzt versucht doch mal STRG + Leertaste. mit dem Richtigen Codingstyle und dieser Funktion werdet ihr die Programmierung im neuen Maße kennenlernen.

5 Datenbank:

Eine Sehr wichtige Konvention ist es die Datenbank sauber und übersichtlich zu halten. Viele werden jetzt bestimmt Abbnicken und sagen jetzt Übertreibt er es aber ganz schön, ich sage nein tut er nicht. Stellt euch eine Datenbank mit knapp 200 Tabellen vor, Dazu noch ein paar Hundert Views und las uns sagen noch ein paar hundert Trigger und Stored Procedures und schon seit ihr ohne Codingstyle am Rande der HÖLLE angekommen. Bitte immer im Hinterkopf behalten das die nachkommenden Konventionen dazu dienen die Datenbank aufzulockern und übersichtlicher zu gestalten. Ja mir ist bewusst das es mehr Arbeit ist kleine Buchstaben an die Datenbanken, Tabellen, und einzelnen Spalten zu schreiben, diese helfen aber nach im laufe des Projektes Zeit einzusparen.

Kommen wir dazu wie wir Ordnung in die Datenbank bekommen.

Datenbank

(db) db_FinalEnd // der Name der Datenbank
Solltest du später in deinem Projekt mehrere Datenbanken mit dem selben Namen brauchen nimm einfach

(db) db_FinalEnd1 // der Name der Datenbank
(db)db_FinalEnd2 // der Name der Datenbank

Tabellen

(tbl) tbl_Modul_Inhalt

Bsp.: tbl_Global_User // hier mit Angabe des Modules

tbl_User // dies wäre sich Tabelle für die User

tbl_UserAttribut // wäre Sozusagen die M zu N Beziehungtabelle

alternativ könnte man hier auch schreiben

tbl_AttributUser // das Äquivalent zu tbl_UserAttribut

Es ist kein muss den Modul Namen mit in den Tabellennamen mit aufzuführen. Stellt aber bitte sicher das wenn ihr einmal mit einer Richtlinie begonnen habt diese im Projekt auch konsequent Durchzieht.

View’s

(v) v_UserAttribut

Trigger und Stored Procedures

Ich fasse Diesen Punkt zusammen da ich der Meinung bin: „bitte benutzt Trigger und Stored Procedures“ nur wenn ihr und bedingt müsst“. Ein Grund Stored Procedures zu benutzen wäre der Performance Gewinn gegenüber normalen SQL bzw. einem ORM. Das es keinen Sinn macht Große Datenmengen aus der Datenbank zu laden diese zu verarbeiten und wieder in die Datenbank abzulegen. Also wenn ihr Zeitkritische Prozeduren unter großem Datenaufwand entwickeln müsst nehmt Stored Procedures es gibt keine besser lösung. Aber seit euch bewusst das ihr zwangsläufig Anwendungslogik innerhalb der Datenbank abbildet und ihr zum Schluss an 2 punkten im system Bugfixing betreiben müsst sollte es zu Fehlern im Programm kommen. So komme ich zu fragen wie Debuggt man einen Stored Procedures ^^. Falls Ihr unit Testing im Einsatz habt baut ihr euch noch ein Testsystem für die Datenbank? Noch ein Negativbeispiel für Übertriebenes Datenbank Funktionalität. Stellt euch ein System vor in dem fast 60% der Anwendungslogik in der Datenbank Liegt. so zum beispiel auch die Fkt. insertUser(Name,PassHash, …. Macht eine Solche Funktion Sinn. Zum einen kann man in einer solchen Datenbank fkt. die Prüfung der eingaben tätigen und im Fehlerfall eine exception werfen. Zum andern würde das ein Normales SQl insert Statement auch tun, Das Problem dabei ist, sollte sich etwas am user ändern, ändert man an 2 stellen in der DB + an der st elle im Programm selbst. Ich würde in einem Solchen fall raten benutz doch einen der Zahlreichen ORM’S z.b. Linq, oder Hibernate und fackelt die Komplette Fehlerbehandlung in der Applikation ab.

Sind Trigger Gut oder Böse, ich sage beides. In den Richtigen Händen sind Trigger eine sehr gute Erfindung. Falls jetzt irgend jemand auf die Idee kommt seine 50 Tabellen Datenbank mit 1000 Triggern so zu optimieren das sie alles von alleine macht tut es nicht. Trigger steigern die komplezität eurer Datenbankprojekte ins unermessliche. Stellt euch vor ihr fügt einen neuen User in die Datenbank und zusätzlich werden in 5 weiteren Tabellen Daten für den User voll automatisch vorbereitet. Sowas ist Voll cool da muss ich jedem rechtgeben bis auf wenn sich was ändert. Mir ist durchaus bewusst das man mit einer Guten Projektplanung die Datenbank so aufbauen kann das Änderung die Ausnahme sind. Ausnahmen bestätigen die Regel. Zu mal es ist garnicht so einfach ist nachzuvollziehen wann ein Trigger abgearbeitet wird und was er getan hat. So kommen wir wieder zu dem Problem eines Bug’s, ist der Fehler nun in der Datenbank aufgetretten oder im Programmcode. Ich würde empfehlen nutzt Trigger behutsam um die Datenbank sauber zu halten. bedenken lost könnt ihr trigger einsetzen um zum beispiel im Fall das ein User aus der Db entfernt wird zusätzliche Userdaten aus der DB zu entfernen.

Spalten

Datentyp_Beschreibung

Bsp.: s_Name // gibt an das in der Spalte Name ein string hinterlegt ist

Datentypen:

• i Integer
• s String (bis 50 Zeichen)
• d DateTime
• t Text (Feld in den XML eingefügt werden kann)
• f Float, Double
• b Boolean
• dz Decimal (6,2)

so ergeben Sich z.B. folgende Konstrukte

db_FinalEnd

tbl_User

i_Id, s_Name, s_PassHash, d_Registerdate, d_Lastogin,t_Description,b_IsPremium ……

Der Vorteil habt ihr wenn ihr einen ORM im Programm benutzt im normalfalls erzeug ihr euer DB Objekt ich machen das jetzt kurz in PHP mit dem Kohana Orm

$User=ORM::factory(„User“, 1); // ich Lade mir den User mit der Id 1 aus der db

$User->s_name=“Matthias“; // es wird im Porgrammcode sofort ersichtlich es muss ein string sein

$User->d_Registerdate=time(); // es wird im Porgrammcode sofort ersichtlich hier muss ein datum rein in diesem beispiel ein timestamp

$User->save();

6 Steuerelemente

Steuerelement _Template_Beschreibung

RadioButton (rb) – rb _Praesentation_UserRank

Label (lbl) – lbl _UserData_SureName

Button (btn) – btn _Income_Calculate

CheckBox (cb) – cb _UserData_HasPremium

ListBox (lb) – lb _UserData_Id

TextBox (tb) – tb _UserData_Description

ComboBox (cob) – cob _UserData_Titel

GroupBox (gb) – gb _UserData_Example

DateTimePicker (dtp) – dtp _UserData_BirthDate

DataGridView (dgv) – dgv_UserData_Survey

7 Schleifen:

für Zählschleifen werden Grundsätzlich Zählvariablen genommen:

Zähler = i, 2. = j, 3. =k und 4. Zähler = m

8. Arbeitsweise:

1. Header erstellen
2. Einhalten der Namenskonvention (ordentliche Wahl des Namens)
3. Einhalten der Ordnerstruktur
4. Zerlegen der Funktion in kleinst mögliche Schritte

9. Ordnerstruktur:

Ein Programm kann wie Folgt aufgebaut.

Der Ordner „System „ stellt den Stammordner der Software dar.

In Ihm wird die Unterteilung nach vorgenommen.

1. Class
   1. DatabaseObjects // classen des ORMs
   2. Objects // Praogramm spezifische klasse
   3. Controler oder Logic // die Controler schicht + Programm logic
   4. Database // der Datenbank Connector falls eine datenbank im system benutzt werden soll
2. Cfg // der Platz für die Configurationsdatein
   
3. Img // der Platz für deine Bild Ressourcen
   
4. Js // eventuelle javascripts
   
5. CSS // der platz für deine Css datein
6. Plugins // falls es möglich ist für dein Programm plugins zu erstellen oder du plugins von 3 anbierten benutzt die kommen hier rein
   
7. View // alle Templates die erstellt werden kommen in den View ordner unr nirgends wo anders
   

Das sind meine vorstellungen von einem Codingstyle.

Natürlich ist das nur vorlagen die man nicht zwingend benutzen muss aber jeder der wschon einmal in einem größeren Katastrophen Programm mitgearbeitet hat weis was es bedeuten einen Codingstyle zu haben.

Vielen Dank fürs lesen

Ich stand wieder einmal vor dem Problem Formulareingaben vor der Verarbeitung durch ein PHP Script prüfen zu lassen.
Also habe ich mir kurz Gedanken gemacht wie ich diese Problem lösen kann.

Einige Zeit später und Hilfe von Jquery und Bootstrap habe ich eine allround Lösung Programmiert. jfv Es wird nur Jquery in der aktuellen Version und deine Bootstrap css Datei benötigt.

sehen wir und doch einmal ein normales HTML Formular an.

<form method=“post“ action=“index.php“>
<input tzype=“text“ value=““ name=“tb_Name“>
<input type=“submit“ value=“abschicken“ />
</form>

sobald man auf den Abschicken Butten klickt wird das Formular versendet.
Nun gibt es das Problem das auch wenn das Inputfeld tb_Name leer ist das Formular dennoch versendet wird.

Mein kleines Jquery Plugin bringt Abhilfe.
fügen Sie in die zu prüfenden input Felder folgende Attribute.

jfvType=“string“ // diese Attribut gibt den Type des Feldes an mögliche Type sind string, number, mail
jfvLength=“4″ // diese Attribut ist nur gültig wenn das Input Feld vom Type string ist, es gibt an das der Inhalt eine Mindestlänge 4 Zeichen haben muss.
jfvError=“Fehlermeldung“ // wenn das Formularfeld nicht richtig ausgefüllt worden ist wird diese Meldung als Fehlerausgabe angezeigt

Beispiel

<link rel="stylesheet" type="text/css" href="css/jfv.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.complete.css">
<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="js/jFormValid.js"></script>
<script type="text/javascript" >
$(function()
{
// Handler for .ready() called.
$("#UserForm").jFormValid(
{
ErrorClass: "MyError"
});
});
</script>

<!-- head ende -->

<form method="post" action="index.php" id="UserForm">
<input tzype="text" value="" name="tb_Name" jfvType="string" jfvLength="4" jfvError="bitte geben Sie einen Namen an!">
<input type="submit" value="abschicken" />
</form>

Beispiel Formular mit Verwendung von Bootstrap css Framework.

<form id="UserForm" method="post" action="./">
<div>
<label for="tb_Name">Loginname</label>
<div>
<input type="text" value="" jfvType="string" jfvLength="4" jfvError="Bitte geben Sie einen Loginnamen an welcher länger oder gleich 4 zeichen lang ist." name="tb_LoginName" id="LoginName" placeholder="MH2013" >
</div>
</div>
<div>
<label for="tb_Street">Benutzername</label>
<div>
<input type="text" value="" jfvType="string" jfvLength="4" jfvError="Bitte geben Sie einen Benutzername an welcher länger oder gleich 4 zeichen lang ist." name="tb_UserName" id="UserName" placeholder="Matthias Herzog" >
</div>
</div>
<div>
<label for="tb_Zip">Passwort</label>
<div>
<input type="text" value="" jfvType="string" jfvLength="4" jfvError="Bitte geben Sie ein Passwort an welches länger oder gleich 4 zeichen lang ist." name="tb_UserPass" id="UserPass" placeholder="QwErTz" >
</div>
</div>
<div>
<label for="tb_Town">Email</label>
<div>
<input type="text" value="" jfvType="mail" jfvError="Bitte geben Sie eine EmailAdresse an." name="tb_Email" id="tb_Email" placeholder="matthias.herzog@gmx.net" >
</div>
</div>

<div>
<button type="submit">Edits</button>
</div>
</div>
</form>

Lizenz MIT Lizenz