, de totstandbrenging van een passend systeem van de redactie: een stap,,,,,,,,,, deelt, delen, delen,,,,,, het netwerk van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, een paar maanden geleden, heb je geleerd hoe te komen tot een goede redacteur.Vandaag zullen we verdere stappen te ondernemen, omdat we de achterkant van het creëren van een eenvoudige, waardoor onze website, weet je, we hebben een verandering, en van de auteur, een woord, en alle zoemen rond netwerk - 2, is nu belangrijker dan ooit.Wat inhoud kunnen bewerken en hoeft niet naar een andere pagina 's, is dat veel van de gebruikers verlangen naar het echte spul.Veel grote namen zijn van gebruik van dit model voor de zeer goede resultaten.Als je met flickr, kan je in actie zien.Vandaag zullen we in de eerste versie van de verwijdering van een fout in de: verhoging van sommige functies en, wat nog belangrijker is, zullen alle gegevens worden opgeslagen in een databank voor het behoud van de in de praktijk.Geïnteresseerd?Laten we meteen beginnen.In de eerste plaats, klaar voor de database, we hebben een database te trekken in de informatie - en, indien nodig, de bijwerking van de gegevens.Voor het oefenen, laten we de oprichting van een formulier en een willekeurige data, ik heb een databank, een naam, ik heet gegevens, ontwikkeling van de server.Als we gebruiken, zullen we nog een andere tafel.,, meestal wil ik gebruiken die ik vraag richten.Klik op de SQL rekening en pasta in de volgende vraag: het creëren van tafel als niet bestaat, `inplace` (`field` varchar (120) niet nietig, `value` tekst niet nietig, de belangrijkste (`field`)) ENGINE=MyISAM; verwacht wordt inplace` (% quot% `field`, `value`) waarden (naam,'am Siddharth'), ('passion', die met de'love web'), ('profession','am a freelancer'), (work'write voor het Tuts'), ('url','can worden gevonden op www.ssiddharth.com'), ('punch','will laat je nooit te geven. Of je ") (:),'design','Get - goedkeuring van Yusuf'), ('invoice','Send een factuur. Drew'), ('research','Start onderzoek op Pallav\\'s project'), ('discuss','Speak met Harnish over nieuwe ideas'), ('dEbug "," onderzoek van de website van aditya weergave fout "), (met", "zie clintson over nieuwe projecten); en, als alles zoals het moet het volgende beeld:,, een kijkje, sinds ik duidelijk: om de presentatie van eenvoudige mensen, moet worden toegevoegd aan de achterkant van de vraag ik heb de structuur van de tabel, is heel eenvoudig.Tot wijziging en verlenging van het alsjeblieft in je project, nu is gecreëerd en voorgevulde enkele gegevens, kunnen we naar de achterkant van een databank van de werkelijke., profiel, omdat we toegang tot de database is meestal van gegevens of de bijwerking van de gegevens die het bevat, is het verstandig om een profiel van, in het bezit zijn van relevante gegevens.Het creëren van een dossier dat DB.php en paste de volgende, <?PHP definitie ('db_user "," de "); de definitie ('db_password", "somerandompassword"); de definitie ('db_host,'localhost'); de definitie ('db_name, in plaats van met mysql_connect); - = (db_host, db_user, db_password) of de dood ("in verband met de vereiste gegevens niet kan worden vastgesteld mysql_select_db); (db_name) of de dood ('specified database niet kiezen);?>, niets bijzonders.De definitie van alle relevante gegevens, in verband met de gastheer van het gebruik van de combinatie van een gebruikersnaam en wachtwoord, en de keuze van de database die langs de weg.Redacteur moet aandacht worden besteed aan de database te lezen, en de productie van de gegevens voor een specifieke vorm, zo makkelijk laat de boodschap doorgeven aan de kennisgeving van de verlenging van de server op de server.We zullen praten.De code veranderd, niet duidelijk uit de statische: //europa.eu.int /comm /code van de eerdere versie.Maar we doen de dynamische gegevens nodig.Dus in de oorspronkelijke: //europa.eu.int /comm /code, op deze manier, < li = "editable" > ben Siddharth< /li> < li = "editable" > de liefde die met de web< /li> < li = "editable" > ben a freelancer< /li> < li = "editable" > schrijven voor de Tuts< /li> < li = "editable" > kan worden gevonden op < a: /http://www.ssiddharth.com "> www.ssiddharth.com< /a> < /li> < li =" editable "> zal nooit laat je neer of geven je.:) < /li>, <; li =" editable "> goedkeuring van een ontwerp Deacon< /li> < li =" editable "> stuur een factuur naar Albert < /li> < li =" editable "> beginnen werken op Dwight's project< /li> < li =" editable "> over praten met Sarah. /li&ideas<GT; < li = "bewerken" > controle van de website die seth fout < /Lee > < li = "bewerken" > voldoen aan de clintson over het project < /Lee > vervangen door: <?PHP $vraag = "select * van, de grenswaarde van 0, 6"; de dollar (USD = mysql_query vraag) of de dood ('query niet uitvoering "); en ($rij = mysql_fetch_assoc ($)) (ECHO" < li = "bewerken" = "dollar. ['field]." > de waarde van de dollar op de lijn ". [...]." < /Lee > ";}?>, <?PHP $vraag = "van een select *, beperking van 6, 6"; de dollar (USD = mysql_query vraag) of de dood ('query niet uitvoering "); en ($rij = mysql_fetch_assoc ($)) (ECHO" < li = "bewerken" = "dollar. ['field]." > de waarde van de dollar op de lijn ". [...]." < /Lee > ";}?>, omdat de tafel zo klein, we kiezen uit de tabel naast de eisen van zes elementen voor het alleen terug.Dan, ik ben door en printen, Lee, elementen.Schrijf elk een feit, Lee, het logo van de elementen, de naam van het veld, eigendom, het zijn waarde.Dat zal worden gebruikt in de gegevens naar de server heeft opgenomen, en ik weet dat de blootstelling moet worden bijgewerkt. De naam van het gebied als deze, die een bedreiging kunnen vormen voor de bescherming van het milieu, maar goed, ik denk niet dat dit zal geen problemen veroorzaken.Je kan ook een alias gebruikt voor het opzoeken in de server.Laat je het scheppen van SAP stromen binnen.Een heel directe demonstratie, lijkt een beetje overdreven, niet vergeten dat we in het bijzijn van de DB.php creëren, uitgegeven documenten.Deze lijn zal zorgen aan de lijn.PHP ("dB. Php");?> na opmaak, weet je nog, de bewaring van de documenten. Php uitbreiding, de procedure, de procedure is op bladzijde in de details.Dit moet worden gecontroleerd of de gegevens zijn toegezonden aan de website, als dat het geval is, de ontsmetting van de toegezonden gegevens en de actualisering van de relevante waarden.De naam, het creëren van een dossier, handler.php, pasta in de volgende:, <?PHP ("dB. Php"); als lid is ($_post ['field]) & & is ($_post] [waarde)) {% = mysql_real_escape_string ($_post] [waarde); $= mysql_real_escape_string ($_post "] ['field vraag =" de nieuwe generatie); Vaststelling van de waarde van de waarde voor de dollar =% =% "; de resultaten op het gebied van de dollar (USD = mysql_query vraag) of de dood ('query niet kan worden uitgevoerd ($); als resultaat) (ECHO 1;}}?> een heel eenvoudige dingen.Dat ik een gedetailleerde verklaring van elke stap, want we moeten ons in de eerste plaats voor de werking van de databank, met inbegrip van onze eerdere, DB.php, bestanden, de volgende stap, we controleren of we moeten de waarden van de variabelen, gebied, dat we op het gebied van de waarde van vernieuwing en voor de Actualisering van de waarde van de programma 's, is na de behandeling sturen. De variabele.Als dat zo is, kunnen we verder gaan met het echte werk.Zo niet, is er niets gebeurd.Een keer, we hebben gecontroleerd, de variabelen te sturen, en we kunnen de gegevens in de database van de ontsmetting.Om het zo eenvoudig mogelijk te houden, zullen wij gebruik maken van onze functie, mysql_real_escape_string, van de gegevens.Deze functie zal in een string in het speciale karakter van ontsnapt.Als in ongepasteuriseerde afgelopen, we hebben een code is voor SQL aanvallen.En nu hebben we ervoor gezorgd dat de veiligheid van de gegevens is, kunnen we de actualisering van de relevante gegevens.Ik stel dit deel niet nodig om het uit te leggen, want het is heel eenvoudige SQL.Zeg op, in plaats van,, wijzigingen in de tabel van de waarde die overeenkomt met de waarde van het gebied, als alles volgens plan verloopt, weer een waarde 1, het wordt ons script voor het bepalen van de resultaten van de desbetreffende transacties kan worden uitgevoerd.Ik zal later de details.Let op, in dit geval, heb ik alleen maar een succes of een mislukking of het verslag proberen.Op je post, wil je misschien een fout in het geval van terugkeer van meer gedetailleerde informatie.Je was niet alleen mijn heel eenvoudig te verwezenlijken, de achterkant van javascript, nu is voltooid, is het tijd om redacteur van het voorste deel van het project, dat de communicatie met de server.We zullen ook een weg in de uitvoering van een nieuwe functie, het opruimen van oude code, de oude versie van de klacht is de gegevens beschadigd, bepaalde maatregelen in een bepaalde orde is.Dit is als gevolg van de extreme moet ik kort en bondig uiteindelijk negeerde ik specifieke scenario.We zullen nooit minder, te corrigeren, vandaag.Dat ben je al oud, in de buurt van de javascript vergeleken en bewerken van de variabelen, uit de eerste versie van de variabelen die in sommige gevallen voor het behoud van de oorspronkelijke gegevens, onverwachte resultaten.We zullen in de eerste plaats om het probleem op te lossen, de meest eenvoudige methode is de oorspronkelijke inbreng in de toevoeging van een verborgen ingang en het als buffer gebruikt.Nee het is gecreëerd en vernietigd op het vliegen en is op die elementen is alleen, we kunnen edit/save/discard als veel elementen als mogelijk als veel tijd als mogelijk zonder een hiccups., de oude, replaceHTML - functie wordt bijgewerkt, functie, replaceHTML () {var de buffer =% (dit). (").Replace (//G", "");.AddClass% (dit) ("noPad"). (""). ("lt; de vorm class=\\" editor\\ "> < - type =" text\\ "name=\\" value\\ "class=\\" editBox\\ "value=\\" + - + "en" /> - type=\\ < "hidden\\" name=\\ "buffer\\" class=\\ "buffer\\" value=\\ "+ - +" en "/> < /form> < a href=\\" #\\ "class=\\" btnSave\\ "> de SAVE changes< /a> < a href=\\" #\\ "class=\\" btnDiscard\\ disc ">De ARD - instellingen veranderen < /> "). De annulering van bindende ('dblclick", replacehtml);}, geen redacteur hier.Ten eerste, creëren we een interne factoren noemen, buffer, voor het behoud van de oorspronkelijke waarde.We verwijderen de vader elementen: //europa.eu.int /comm /inhoud van onze eigen.Naast de oorspronkelijke fragment, dat we nog een verborgen tekst, het behoud van de oorspronkelijke waarde.Hier verandert nooit iets.En het creëren van een uniforme behandeling van vroege herhalingen van programma 's, met soortgelijke, maar voor elke onafhankelijke functionele banden.We zullen hier de functie van uniforme, begeleider () {VAR -; als (% (dit). Hasclass ("btnsave") {keuze = "bewerken") of (- = "buffer"}% (dit). De moedermaatschappij (de). Html (% (dit), broers en zussen (". (" "). De kinderen" + -). Val ()). RemoveClass ("nopad edithover" ("'). Bindende", replacehtml); terugkeer valse;}, in plaats van gebruik te maken van anonieme functies, zoals de laatste keer, we gebruiken een normaal functioneren.We zullen alleen een klein deel van de redactie van de functie van de behandeling, zodat het redden en laat het verzoek. Wij in de eerste plaats verklaren van een variabele - de - wanneer vernieuwing gebruiken, terwijl de update.Klas, bewerken, is de zichtbare tekstvak, buffer, de verdeling van de waarde van de oorspronkelijke tekst te verbergen, want onze klas, de harmonisatie van de procedures voor de behandeling van de gebeurtenissen die we moeten onderzoeken welke link klikt.In de eerste plaats zien we een soort klik op de link, btnsave,.Als dat zo is, dan is de redacteur wil redden, zodat we de doos, de toewijzing van waarden, de selectie, de variabele.Als het niet bepaald een buffer, de verwerking van de rest van het programma en de oude versie van dezelfde, behalve de keuzehendel dynamisch is, op basis van de operatie en niet moeilijk is gecodeerd.Als je lijkt verloren hier, kijk naar het eerste deel van de serie, om te begrijpen wat het laatste stuk is.Eigenlijk, we zullen de geselecteerde tekstvak waarde voor de moeder, LI en binden de oorspronkelijke gebeurtenis, en niet te vergeten de bijwerking van elke schakel van de gebeurtenis.De volgende reeks, zorg voor: $(". Btnsave,. Btndiscard"). ("klik", de procedure); als je wil weten waarom ik met leven, hier, functionele, gelieve artikel toegevoegd vóór, Ajax, alle insecten door de code universele strakker, kunnen we beginnen met de tenuitvoerlegging van de eigenlijke functie van voor: //europa.eu.int /comm /, kan de gegevens worden verzonden naar de server, we moeten een manier vinden om de informatie met betrekking tot de server.In dit geval hebben we twee details, zodat de redacteur van een succes.De waarde zelf, van de naam van het veld worden bijgewerkt. Het eerste deel is heel eenvoudig, want we hebben een werkelijke waarde van de tekst te worden gestuurd naar de server.Het tweede deel heeft wat werk nodig.Bij het creëren van een redacteur, onthoud, we gebruiken de tabel van de heer identiteitskaart, identiteitskaart, eigendom is van elk element, Lee?We zullen hier gebruiken.Ze creëren een doos verborgen tekst. Which'll houden de waarde die kan worden dan terug naar de server. Een Facebook, replaceHTML () {var de buffer =% (dit). ().Replace (/"g", "");.AddClass% (dit) ("noPad"). (""). ("lt; de vorm class=\\" editor\\ "> < - type=\\" text\\ "name=\\" value\\ "class=\\" editBox\\ "value=\\" + - + "en" /> < - type=\\ "hidden\\" name=\\ "buffer\\" class=\\ "buffer\\" value=\\ "+ - +" en "/> < - type=\\" hidden\\ "name=\\" field\\ "class=\\" record\\ "value=\\" +% (dit).Attr ("'') +" en "/> < /form> < a href=\\" #\\ "class=\\" btnSave\\ "> de SAVE changes< /a> < a href=\\" #\\ "De klas van 'btndiscard "> afzien van wijziging < />"). De annulering van bindende ('dblclick ", replacehtml);}, replacehtml, functie, zijn bijgewerkt.Het enige verschil is dat de toevoeging van verborgen tekst, de naam van de velden.We gebruiken) functies en eigenschappen, de toegang tot en de id li element van eigendom, en als de waarde van de tekst, na de Ajax, Ajax.We gebruiken dit Ajax functionele normen, hier, de begeleider () {///////de functie van de vroegere code als (% (dit). Hasclass ("btnsave") {VAR - = "bewerken"; var STR = $(dit), broers en zussen ("vorm van problemen ()). Ajax; dollar. ((soorten:" na "time - out: - asynchrone:,, 100, website:" het proces van gegevens: Str. Php ", de functie van succes: (1) (code = mononatriumglutamaat;}}); als (code = 1) (signalering (" succes ");} anders (signalering (" falen "); de rest van de code} {} ///////, want we moeten de gegevens worden verzonden naar de server, de gebruikers klik, zullen we alle blok van de code, als we eerder te link klikt het oogIk gebruik, jax, omdat ik van mening ben dat het de functie van de machtigste.Ten eerste, ik zal de vorm van ouders kunnen publiceren van de gegevens op de server.Ik heet Ajax, functies, in verband met de vaststelling van de gegevens noodzakelijk zijn, met inbegrip van het soort verzoek en na, URL 's.We hebben voordat we de gespecificeerde gegevens bijgehouden moeten worden toegezonden aan de server, normaal zou je gebruik maken van de ingebouwde, succesvolle, fout, call - back - verdere wijzigingen maar ik koos ervoor om het niet te doen.In tegendeel, ik ben van de tekst om de server.Als de terugkeer van 1, een waarde die we onze procedures voor de behandeling van de toewijzing van terug, als alles gebeurt juist is, dat we aan de gebruikers, dat hij het weet.De verwezenlijking van de staat BAR, alarm is een heel eenvoudige manier om de status van de gebruikers optreden.Met dit idee, we geven het alarm systeem, en niet om een eenvoudige status van de bodem, rekening te houden met deze veranderingen, die we niet iets speciaal nodig hier.We moeten gewoon een eenvoudige elementen, we kunnen manipuleren.We moeten toevoegen, rechtstreeks in de redacteur, < div = "identiteit" > < /div > om de identiteit van de eigendom, let op.We gebruiken. En ondersteunende functies in de herbruikbaarheid van belang zijn, creëren we een ondersteunende functie een status update nodig. En functionele interfaces (staat) {VAR staat = {}; status.ready = "klaar"; status.post = 'red je gegevens.Wacht even... "; status.success = succes!Je redacteur heeft behouden. "; status.failure = gegevens niet" probeert te redden.Probeer opnieuw. "; var achtergrond = {}; background.ready ="&#e8f3ff "; background.post ="&#fad054 "; background.success ="&#b6ff6c "; background.failure ="&#ff5353 "; en"&#staat "). De animatie ((0): 200, transparantie, niet de functie () {% ("&#staat ") (staat [staat]. Http: //europa.eu.int). ({achtergrond: achtergrond [staat] ({}) Transparantie: 1} niet. Animatie, 200)});}, functie, we noemen, BU op staat de BAR staat parameters.De functie van binnen, we hebben twee dingen: de staat, een verband met de tekst en de achtergrond van de achtergrond van de staat, die in het bezit is van de kleur van de BAR.En we kunnen een status update van de tekst van kleur en licht van kleur, maar in het netwerk van training, dit is niet hoe we het delen.:), we gebruiken is animatie, functie, de status van Grace.Ten eerste, we zullen de opaciteit van nul.We werken de tekst en de achtergrond van de kleur, dan zal het voor de zichtbaarheid van de animatie volledig, met bijzondere aandacht voor het bijwerken van de waarde is de logica is gesloten in een anoniem functioneren, en de overdracht aan de oorspronkelijke animatie.Deze BAR van de opaciteit van de animatie tot nul, en alles is geactualiseerd.Als de animatie van banden, tekst en de achtergrond kleur zal in eerste instantie de film begint, heeft geleid tot een zeer tegenstrijdig effect na de bijwerking, toe te voegen aan de gebruikersinterface, toe te voegen aan de bu en een status update is nu een stuk taart.We moeten gebruik maken van de bu, de functie.Het succes van de blokken, vroeg de Ajax noemen nu kan veranderen in: als (code = 1) {BU ("succes");} {BU (of "falen");}, ook niet vergeten toe te voegen aan de gebruikersinterface ("klaar"); als een pagina 's, de gebruiker kent het systeem die is voorbereid, BU (""); dat, wanneer gegevens worden geupload naar de server, als je je eigen land aan de missie, met bijzondere aandacht voor ons als functie van de parameter, die rechtstreeks gekoppeld aan het doel van de eigendom, de juiste gegevens persistente, moeten we kijken naar de laatste stukje wat is dat, als de gegevens niet te redden, bijwerking van de inhoud blijft.Dit lijkt een contra - intuïtief.Indien de gegevens niet te redden, moeten we ervoor zorgen dat de oorspronkelijke tekst terug, zodat de gebruikers weten dat gegevens niet worden bewaard, om dit recht te zetten, we moeten veranderen, - variabele omstandigheden, we hebben een fout als (code = 1) {BU ("succes"); de keuze van = "Edit";} {BU (of "falen"); de keuze van = "buffer";}, indien de waarde is de redacteur succes, we veranderen de relevante variabelen, bewerken,.Maar als de poging mislukt, moeten we de waarde van de waarde die de uitwisseling van nieuwe.Dus we opdracht, buffer, naar de waarden van de variabelen, die zal terugkeren naar het oorspronkelijke waarde.Hoe de projecten toe te voegen gebruikersvriendelijke in functie.Hoop dat u dit interessant voor je les, het is nuttig.Als je in de problemen op het gebruik van deze code in uw project en andere lokale klokken hier, let op, de opzet van het systeem en het onderwijs in verband met het doel van de technologie, en niet als een daling van de productie in het huidige systeem is gericht op het systeem.Dit is mijn mensen aan te moedigen om en de verbetering van de infrastructuur.Mooie dingen zeggen?De kritiek?Sloeg de opmerkingen, wil ik een opmerking maken.Gelukkig code.,, op Twitter ons volgen, of abonnementen voor de beste ontwikkeling van de website online lessen Nettuts+ RSS.Klaar, schrijf een plus les, je 600 dollar kan verdienen voor ons te schrijven met een opleiding en /of video?We zijn op zoek naar, in de diepte en goede schriftelijke cursushttp: //europa.eu.int CSS, PHP javascript.Als je vermogen, neem contact op met Jeffrey in NETTUTS @ tutsplus. COM, vaststellen dat de werkelijke salaris hangt af van de kwaliteit van de opleiding en video 's.,,