Web technologijos. Hostingas JavaScript PHP

Transcription

1 jquery & PHP

2 Web technologijos Hostingas JavaScript PHP

3 Kelios hostingo kompanijos serveriai.lt hostex.lt hostinger.lt Nemokamas hostingas su PHP/mysql

4 Hostingo paslaugų apžvalga Prisijungimas Teksto redagavimas MySQL duomenų bazė

5 JavaScript Programavimo kalba savo sintakse primenanti Java/C Interpretuojama naršyklėje <script type="text/javascript"> document.write("hello World!"); </script>

6

7 Kintamieji Trys kintamųjų tipai: String Number Boolean

8 Funkcijos <script type="text/javascript"> if (isprime(7)) { document.write(testnum + " <b>is</b> a prime number."); else { document.write(testnum + " <b>is not</b> a prime number."); </script> function isprime(n) { if (n < 2) { return false; else if (n == 2) { return true; else { for (var i = 2; i <= Math.sqrt(n); i++) { if (n % i == 0) { return false; return true;

9 Objektai function Die(sides) { this.numsides = sides; this.numrolls = 0; this.roll = roll; // define a pointer to a function function roll() { this.numrolls++; return Math.floor(Math.random()*this.numSides) + 1;

10 Panaudojimas die6 = new Die(6); roll6 = die6.roll();

11 jquery <div id= divid class= divclass >... </div> $( #divid ).html( <b>text</b> ); $(.divclass ).html( <i>tekstas</i> ); $("#p1").css("color","red").slideup(2000).slidedown(2000);

12 Įvykiai - Document ready, www $( document ).ready(function() { ); console.log( "ready!" );

13 jquery Mobile, pageinit <script type="text/javascript"> $( document ).on( "pageinit", "#aboutpage", function(event) { alert( "jquery Mobile!" ); ); </script>

14 jquery Mobile, įvykiai hashchange Enables bookmarkable #hash history. Navigate A wrapper event for both hashchange and popstate orientationchange event Device portrait/landscape orientation event Pagebeforechange Triggered twice during the page change cyle: First prior to any page loading or transition and next after page loading completes successfully, but before the browser history has been modified by the navigation process. Pagebeforecreate Triggered on the page being initialized, before most plugin autoinitialization occurs. Pagebeforehide Triggered on the frompage we are transitioning away from, before the actual transition animation is kicked off. Pagebeforeload Triggered before any load request is made. Pagebeforeshow Triggered on the topage we are transitioning to, before the actual transition animation is kicked off. Pagechange This event is triggered after the changepage() request has finished loading the page into the DOM and all page transition animations have completed. Pagechangefailed This event is triggered when the changepage() request fails to load the page. Callbacks for this particular event will be passed a data object as the 2nd arg. Pagecreate Triggered when the page has been created in the DOM (via ajax or other) but before all widgets have had an opportunity to enhance the contained markup. Pagehide Triggered on the frompage after the transition animation has completed. Pageinit Triggered on the page being initialized, after initialization occurs. Pageload Triggered after the page is successfully loaded and inserted into the DOM. Pageloadfailed Triggered if the page load request failed.

15 jquery Mobile, įvykiai (2) Pageremove Triggered just before the framework attempts to remove an external page from the DOM. Pageshow Triggered on the topage after the transition animation has completed. Scrollstart Triggers when a scroll begins. Scrollstop Triggers when a scroll finishes. Swipe Triggered when a horizontal drag of 30px or more (and less than 75px vertically) occurs within 1 second duration. Tap Triggered after a quick, complete touch event. Taphold Triggered after a sustained complete touch event. Throttledresize Enables bookmarkable #hash history. Updatelayout Triggered by components within the framework that dynamically show/hide content. Swipeleft Triggered when a swipe event occurs moving in the left direction. Swiperight Triggered when a swipe event occurs moving in the right direction.

16 Click $( "#target" ).click(function() { ); alert( "Handler for.click() called." );

17 JSON pakrovimas <div id="change">hello world</div> <script> $( document ).on( "pageinit", "#aboutpage", function( event ) { $.getjson( "json.php", function( data ) { $('#change').html( data.description ); ); ); </script>

18 JSON masyvas $.getjson("json.php", function(data){ for (var i=0, len=data.length; i < len; i++) { console.log(data[i].description); );

19 PHP PHP Personal Home Page Sintaksė primena C ir Perl kalbą Failo išplėtimas.php PHP sakiniai įstatomi kaip <?php...?> PHP kodas yra interpretuojamas <p> <?php $myvar = "Hello World!"; echo $myvar;?> </p>

20 PHP Hello world <html> <head> <title>php Test</title> </head> <body> <?php echo '<p>hello World</p>';?> </body> </html>

21 PHP kintamieji Prasideda su $ $kinamasis = "value"; $kintamasis = 1; Tipas yra nustatomas pagal pirmą priskirimą $apjungtos_eilues = " pirma ". " antra " ;

22 Kintamųjų tipai Integer Double Boolean NULL String Array Object Resource

23 PHP valdymo struktūros if, else, elseif while, do-while for, foreach break, continue, switch require, include, require_once, include_once

24 switch switch ($i) { case 0: echo "i equals 0"; break; case 1: echo "i equals 1"; break; case 2: echo "i equals 2"; break;

25 Failų prijungimas require(), include(), include_once(), require_once() naudojami prijungti išorinius failus

26 Masyvai $mano_masyvas = array(1, 2, 3, 4, 5); $aukstai = "aukstas1 aukstas2 aukstas3 aukstas4"; $namas = explode(" ", $aukstai); Kiekvienas masyvo elementas gali būti tiek kintamasis, tiek kitas masyvas, tiek objektas Masyvai nėra tipizuojami

27 foreach $colors = array('red', 'blue', 'green', 'yellow'); foreach ($colors as $color) { echo "Do you like $color?\n";

28 PHP klasės ir JSON <?php class SimpleClass { public $var = 'a default value'; public $description = 'product description'; public function displayvar() { echo $this->var. ' '. $this->description ; $instance = new SimpleClass(); echo(json_encode($instance));?>

29 GET ir POST parametrai $link = $_GET['link']; $post_param = $_POST['param'];

30 Pavyzdys <form action="form.php" method="post"> Name: <input type="text" name="yourname"><br /> Phone: <input type="text" name="phone"><br /> <input type="text" name=" "><br /> <input type="submit" value="submit"> </form> <?php echo('name: '. $_POST['yourname']);?>

31 MySql select $con=mysqli_connect("mysql.hostinger.lt","u _test","passpass","u _te st"); if (mysqli_connect_errno()) { echo "Failed to connect to MySQL: ". mysqli_connect_error(); $result = mysqli_query($con,"select * FROM AllData"); while($row = mysqli_fetch_array($result)) { echo $row['name']. " ". $row['surename']; echo "<br>"; mysqli_close($con);

32 <?php $mysqli = new mysqli('localhost', 'my_user', 'my_password', 'world'); if (mysqli_connect_errno()) { printf("connect failed: %s\n", mysqli_connect_error()); exit(); $stmt = $mysqli->prepare("insert INTO CountryLanguage VALUES (?,?,?,?)"); $stmt->bind_param('sssd', $code, $language, $official, $percent); $code = 'DEU'; $language = 'Bavarian'; $official = "F"; $percent = 11.2; $stmt->execute();

33 printf("%d Row inserted.\n", $stmt->affected_rows); $stmt->close(); $mysqli->query("delete FROM CountryLanguage WHERE Language='Bavarian'"); printf("%d Row deleted.\n", $mysqli->affected_rows); $mysqli->close();?>