aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Erstellen Sie eine Blog-Anwendungs-Homepage mit Angular und MongoDB
    Erstellen Sie eine Blog-Anwendungs-Homepage mit Angular und MongoDB
    Im ersten Teil dieser Tutorialreihe haben Sie gelernt, wie Sie mit der Erstellung einer Angular-Webanwendung beginnen. Sie haben gelernt, wie Sie die Anwendung einrichten und die Anmeldekomponente erstellen. In diesem Teil der Serie werden Sie weiter über die REST-APIs schreiben, die für die Interaktion mit der Bankseite von MongoDB erforderlich sind. Außerdem erstellen Sie die Home-Komponente, die angezeigt wird, nachdem sich der Benutzer erfolgreich angemeldet hat. Erste Schritte Beginnen wir mit dem Klonen des Quellcodes für den ersten Teil dieser Tutorialreihe. gitclone https://github.com/royagasthyan/AngularBlogApp-LoginAngularBlogApp-Home Navigieren Sie zum Projektverzeichnis und installieren Sie die erforderlichen Abhängigkeiten. CD
    js-Tutorial . express 1209 2023-09-03 23:49:01
  • Live-Chat: Implementiert mit Modulus und Node.js
    Live-Chat: Implementiert mit Modulus und Node.js
    In diesem Tutorial zeige ich Ihnen, wie Sie eine Echtzeit-Chat-Anwendung mit Node.js, Socket.IO und MongoDB implementieren, und dann stellen wir die Anwendung gemeinsam in Modulus bereit. Lassen Sie mich Ihnen zunächst das endgültige Aussehen der Anwendung zeigen, das wir am Ende des Artikels sehen werden. Node.js wird der Kern der Anwendung sein, Express als MVC, MongoDB als Datenbank und Socket. IO wird für die Echtzeitkommunikation verwendet. Sobald wir fertig sind, stellen wir die Anwendung auf Modulus bereit. Der MongoDB-Teil existiert tatsächlich innerhalb von Modulus. 1. Szenario John möchte unsere Anwendung nutzen und öffnet sie im Browser. auf der ersten Seite
    WordDrücken Sie . express 966 2023-09-03 23:25:13
  • Verbinden Sie React mit anderen weit verbreiteten Websprachen
    Verbinden Sie React mit anderen weit verbreiteten Websprachen
    React ist eine in JavaScript geschriebene Ansichtsbibliothek, daher unabhängig von jeder Stack-Konfiguration und kann in fast jeder Webanwendung angezeigt werden, die HTML und JavaScript als Präsentationsebene verwendet. Da React wie das „V“ in „MVC“ ist, können wir unseren eigenen Anwendungsstapel nach Belieben erstellen. Bisher haben wir in diesem Handbuch React in Kombination mit Express gesehen, einem NodeES6/JavaScript-basierten Framework. Weitere beliebte knotenbasierte Übereinstimmungen für React sind das Meteor-Framework und Facebooks Relay. Wenn Sie React in Ihrem bestehenden Projekt nutzen möchten
    PHP-Tutorial . express 850 2023-09-03 13:58:02
  • Erstellen Sie ein Content-Management-System: nodePress
    Erstellen Sie ein Content-Management-System: nodePress
    Sie haben mit Go erfolgreich ein Flatfile-Content-Management-System (CMS) erstellt. Der nächste Schritt besteht darin, dasselbe Konzept zu übernehmen und mithilfe von Node.js einen Webserver zu erstellen. Ich zeige Ihnen, wie Sie die Bibliothek laden, den Server erstellen und den Server ausführen. Dieses CMS verwendet die Site-Datenstruktur, die im ersten Tutorial „Erstellen eines CMS: Struktur und Stil“ eingeführt wurde. Laden Sie also diese Grundstruktur herunter und installieren Sie sie in einem neuen Verzeichnis. Node und die Node-Bibliotheken abrufen Der einfachste Weg, Node.js auf einem Mac zu installieren, ist die Verwendung von Homebrew. Wenn Sie Homebrew noch nicht installiert haben, zeigt Ihnen das Tutorial „Homebrew Revealed: The Ultimate Package Manager for OSX“, wie Sie es installieren. So installieren Sie Node mit Homebrew.
    js-Tutorial . express 1467 2023-09-03 13:53:05
  • Reagieren: Gewährleistung persistenter Daten und nahtloser Sitzungen
    Reagieren: Gewährleistung persistenter Daten und nahtloser Sitzungen
    Die Funktion „An mich erinnern“ ist eine sehr nützliche Funktion und lässt sich mit React und Express relativ einfach implementieren. Wir setzen unseren vorherigen Teil der Einrichtung einer WebRTC-Chat-Anwendung fort und fügen nun zur Sicherheit Mongo-gestützte dauerhafte Sitzungen und eine datenbankgestützte Liste von Online-Benutzern hinzu. Sitzung? Kurz gesagt: Wenn Sie Sitzungen noch nie verwendet haben, sind sie Cookies sehr ähnlich, da Sitzungen es Ihnen ermöglichen, aktive Benutzer Ihrer Anwendung in Echtzeit zu verfolgen. Sitzungen funktionieren tatsächlich über ein Sitzungscookie, das in den Anforderungs-/Antwort-Headern Ihrer Anwendung gesendet wird. Daher sind Cookies und Sitzungen von Natur aus miteinander verknüpft. Wenn wir bereits Cookies haben, z
    js-Tutorial . express 840 2023-09-01 21:49:05
  • Wählen Sie zwischen Node.js und PHP für die Backend-Entwicklung
    Wählen Sie zwischen Node.js und PHP für die Backend-Entwicklung
    In diesem Artikel besprechen wir PHP und Node.js: zwei beliebte Backend-Technologien für Webanwendungen. Wir besprechen die wichtigsten Unterschiede zwischen ihnen, um Ihnen bei der Auswahl der richtigen Backend-Technologie für Ihr nächstes Projekt zu helfen. Einführung Lassen Sie uns zunächst verstehen, was diese beiden Backend-Technologien sind und wofür sie verwendet werden. PHPPHP ist die rekursive Abkürzung für PHP: Hypertext Preprocessor. Es handelt sich um eine rekursive Abkürzung, das erste „P“ steht also tatsächlich für PHP! Ursprünglich bezog es sich jedoch auf das persönliche Homepage-Tool. Es wurde 1994 von Rasmus Lerdorf erstellt. Laut der offiziellen PHP-Dokumentation: PHP ist eine weit verbreitete Open-Source-Skriptsprache für allgemeine Zwecke, die sich besonders für die Webentwicklung eignet und in HTML eingebettet werden kann. PHP
    PHP-Tutorial . express 1754 2023-09-01 06:00:01
  • Schreiben Sie Ihre erste API mit Node.js und Express: Stellen Sie eine Verbindung zur Datenbank her
    Schreiben Sie Ihre erste API mit Node.js und Express: Stellen Sie eine Verbindung zur Datenbank her
    Erstellen einer REST-API mit Node.js und Express: Herstellen einer Verbindung zu einer Datenbank. Im ersten Tutorial „Grundlegendes zu RESTful API“ haben wir gelernt, was REST-Architektur ist, was HTTP-Anforderungsmethoden und -Antworten sind und wie man RESTful-API-Endpunkte versteht. Im zweiten Tutorial „So richten Sie einen ExpressAPI-Server ein“ haben wir gelernt, wie man mit dem integrierten http-Modul von Node und dem Express-Framework einen Server erstellt und wie man die von uns erstellte Anwendung an verschiedene URL-Endpunkte weiterleitet. Derzeit verwenden wir statische Daten, um Benutzerinformationen in Form einer JSON-Quelle anzuzeigen, wenn der API-Endpunkt mit einer GET-Anfrage erreicht wird. In diesem Tutorial werden wir eine einrichten
    WordDrücken Sie . express 1117 2023-08-30 13:33:19
  • Live-Chat mit NodeJS, Socket.io und ExpressJS
    Live-Chat mit NodeJS, Socket.io und ExpressJS
    Mit NodeJS kann ich Backend-Code in einer meiner Lieblingssprachen schreiben: JavaScript. Es ist die perfekte Technologie zum Erstellen von Echtzeitanwendungen. In diesem Tutorial zeige ich Ihnen, wie Sie mit ExpressJS und Socket.io eine Web-Chat-Anwendung erstellen. Einrichten der Umgebung Als Erstes müssen Sie natürlich NodeJS auf Ihrem System installieren. Wenn Sie ein Windows- oder Mac-Benutzer sind, können Sie nodejs.org besuchen und das Installationsprogramm herunterladen. Wenn Sie Linux bevorzugen, empfehle ich Ihnen, auf diesen Link zu verweisen. Ich werde hierauf zwar nicht näher eingehen, aber wenn Sie auf Installationsprobleme stoßen, helfe ich Ihnen gerne weiter; hinterlassen Sie einfach einen Kommentar unter diesem Artikel. Nach der Installation von NodeJS,
    WordDrücken Sie . express 1089 2023-08-29 12:49:14
  • GraphQL verstehen: Einführung in GraphQL
    GraphQL verstehen: Einführung in GraphQL
    Überblick GraphQL ist eine aufregende neue API für Ad-hoc-Abfragen und -Vorgänge. Es ist sehr flexibel und bietet viele Vorteile. Es eignet sich besonders für die Darstellung von Daten, die in Diagramm- und Baumform organisiert sind. Facebook entwickelte GraphQL im Jahr 2012 und stellte es 2015 als Open Source zur Verfügung. Es wuchs schnell und wurde zu einer der heißesten Technologien. Viele innovative Unternehmen haben GraphQL übernommen und in der Produktion eingesetzt. In diesem Tutorial erfahren Sie: Die Prinzipien von GraphQL Wie es mit REST verglichen wird Wie man die Architektur entwirft Wie man einen GraphQL-Server einrichtet Wie man Abfragen und Änderungen implementiert und einige andere fortgeschrittene Themen Wo glänzt GraphQL? Wenn Ihre Daten hierarchisch oder grafisch organisiert sind und das Frontend auf diese Ebene zugreifen möchte
    js-Tutorial . express 1459 2023-08-28 22:05:12
  • Der Unterschied zwischen MySQL und SQL Server
    Der Unterschied zwischen MySQL und SQL Server
    MySQL und SQLServer sind beide relationale Datenbankverwaltungssysteme oder RDBMS. MySQL ist Open Source und kann kostenlos verwendet werden, während SQLServer ein lizenziertes Produkt von Microsoft ist. Im Folgenden sind die wichtigen Unterschiede zwischen MySQL und SQLServer aufgeführt. Herren. Nr. Schlüssel MySQLSQLServer1 im Besitz/entwickelt MySQL ist Eigentum von Oracle. SQLServer-Entwickler Microsoft. 2 Sprachunterstützung MySql unterstützt C++, Java und andere Programmiersprachen und bietet Laufunterstützung für Perl, TCL und Haskel. SQLServer unterstützt C++, Java, Ruby und andere Programmiersprachen, Visual Basic
    MySQL-Tutorial . express 2992 2023-08-28 17:05:02
  • Nutzen Sie die WebMan-Technologie, um eine hochwertige Online-Lernplattform zu erstellen
    Nutzen Sie die WebMan-Technologie, um eine hochwertige Online-Lernplattform zu erstellen
    Nutzen Sie die WebMan-Technologie, um eine hochwertige Online-Lernplattform zu erstellen. Mit der rasanten Entwicklung des Internets werden Online-Lernmethoden immer beliebter. Allerdings sind die Online-Lernplattformen auf dem Markt sehr unterschiedlich und Unterschiede in der Benutzererfahrung und Funktionalität bereiten oft Schwierigkeiten. Um dieses Problem zu lösen, können wir die WebMan-Technologie nutzen, um eine bessere Online-Lernplattform zu schaffen. WebMan ist eine auf Web-Technologie basierende Anwendungsentwicklungsmethode, mit der wir schnell leistungsstarke Webanwendungen erstellen können. Im Folgenden wird die Verwendung der WebMan-Technologie vorgestellt
    Workerman . express 1218 2023-08-27 13:07:44
  • Implementierung eines Online-Audiokonferenzsystems mit WebMan-Technologie
    Implementierung eines Online-Audiokonferenzsystems mit WebMan-Technologie
    Titel: Implementierung eines Online-Audiokonferenzsystems mithilfe der WebRTC-Technologie Einführung: Mit der Entwicklung der Globalisierung und der Beliebtheit der Remote-Arbeit sind Online-Audiokonferenzsysteme zu einem wichtigen Werkzeug für die moderne Unternehmenskommunikation und -zusammenarbeit geworden. In diesem Artikel wird die Verwendung der WebRTC-Technologie zum Aufbau eines webbasierten Audiokonferenzsystems vorgestellt und die Implementierungsdetails anhand von Codebeispielen gezeigt. Teil eins: Überblick über die WebRTC-Technologie WebRTC (WebReal-TimeCommunication) ist eine Technologie, die in Browsern verwendet werden kann
    Workerman . express 1159 2023-08-26 15:10:45
  • VMware und NVIDIA läuten das Zeitalter der generativen KI für Unternehmen ein
    VMware und NVIDIA läuten das Zeitalter der generativen KI für Unternehmen ein
    VMware und NVIDIA gaben heute die Erweiterung ihrer strategischen Partnerschaft bekannt, um Tausenden von Unternehmen, die die VMware-Cloud-Infrastruktur nutzen, bei der Vorbereitung auf das KI-Zeitalter zu helfen. VMware Private AI Foundation mit NVIDIA wird es Unternehmen ermöglichen, Modelle anzupassen und eine Vielzahl generativer KI-Anwendungen auszuführen, wie zum Beispiel intelligente Chatbots, Assistenten, Suche und Zusammenfassung usw. Die Plattform wird als vollständig integrierte Lösung dienen, die generative KI-Software und beschleunigtes Computing von NVIDIA nutzt, auf VMware Cloud Foundation aufbaut und für KI optimiert ist. sagte VMware-CEO Raghu Raghuram
    KI . express 1242 2023-08-25 08:45:07
  • Mercedes' neuer EQC Mk2: Enthüllung der rein elektrischen Revolution im Jahr 2025
    Mercedes' neuer EQC Mk2: Enthüllung der rein elektrischen Revolution im Jahr 2025
    Laut Nachrichten vom 23. August hat AutoExpress, ein bekanntes ausländisches Automobilmedium, kürzlich einen auffälligen Bericht veröffentlicht, der Testfotos und Details des neuen reinen Elektrofahrzeugs EQCMk2 von Mercedes enthüllt. Berichten zufolge wird dieser EQC 2025 den Schritt von Mercedes hin zu fortschrittlicherer Elektrofahrzeugtechnologie und der Einführung einer neuen MMA-Plattform markieren. Im Vergleich zur zuvor verwendeten EVA-Plattform verfügt die MMA-Plattform über eine höhere Batteriekapazität und eine fortschrittlichere Elektromotorentechnologie. Das Modell bietet die Wahl zwischen Einzelmotor- und Doppelmotor-Antriebssystemen, wodurch die Bedürfnisse der Verbraucher nach unterschiedlichen Leistungskonfigurationen noch besser erfüllt werden. Als erstes rein elektrisches Serienmodell von Mercedes konzentriert sich der EQC darauf, ein Gleichgewicht zwischen Reichweite und Effizienz zu finden. Laut AutoExpre
    IT Industrie . express 672 2023-08-24 10:33:07
  • Adobes KI-Bildbearbeitungstool Express ist online
    Adobes KI-Bildbearbeitungstool Express ist online
    Adobe gab am 17. August bekannt, dass sein KI-Bilddesign- und Bearbeitungstool Express den Test abgeschlossen hat und offiziell für alle Benutzer zugänglich ist. Die offizielle Version von Express führt viele neue Funktionen ein, darunter die Verwendung der von Adobe Firefly bereitgestellten KI-Generierungsfunktion zum Erstellen eines Sie können verschiedene Texteffekte und Bilder verwenden und verschiedene Inhalte bearbeiten. Darüber hinaus kann die offizielle Version von Express auch Videos, Bilder und Musik zusammenführen, um die Videoproduktion problemlos abzuschließen. Die Desktop-Version von Adobe Express wurde offiziell gestartet, und die mobile Anwendung wird in Kürze auch von DoNews aktualisiert
    KI . express 1396 2023-08-17 19:37:08

Werkzeugempfehlungen

Kontaktcode für das jQuery-Enterprise-Nachrichtenformular

Der Kontaktcode für das jQuery-Unternehmensnachrichtenformular ist ein einfacher und praktischer Unternehmensnachrichtenformular- und Kontaktcode für die Einführungsseite.

Wiedergabeeffekte für HTML5-MP3-Spieluhren

Der Spezialeffekt „HTML5 MP3-Musikbox-Wiedergabe“ ist ein MP3-Musikplayer, der auf HTML5+CSS3 basiert, um niedliche Musikbox-Emoticons zu erstellen und auf die Schaltfläche „Umschalten“ zu klicken.

HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte

Der Spezialeffekt „HTML5 Cool Particle Animation“ für das Navigationsmenü ist ein Spezialeffekt, der seine Farbe ändert, wenn die Maus über das Navigationsmenü bewegt wird.
Menünavigation
2024-02-29

Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare

Der Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare ist eine visuelle Form, die auf jQuery und dem Bootstrap-Framework basiert.

Webvorlage für Bio-Obst- und Gemüselieferanten Bootstrap5

Eine Webvorlage für Bio-Obst- und Gemüselieferanten – Bootstrap5
Bootstrap-Vorlage
2023-02-03

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Backend-Vorlage
2023-02-02

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Bootstrap-Vorlage
2023-02-02

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Bootstrap-Vorlage
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG material
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
Banner image
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-02-27

Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen

Die Website-Vorlage für Reinigungs- und Wartungsdienste für Heimdekoration ist ein Website-Vorlagen-Download, der sich für Werbewebsites eignet, die Heimdekorations-, Reinigungs-, Wartungs- und andere Dienstleistungsorganisationen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-05-09

Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben

Die Vorlage „Fresh Color Matching“ für die Lebenslauf-Leitfadenseite für persönliche Bewerbungen ist eine persönliche Webvorlage zum Herunterladen von Lebensläufen für die Jobsuche, die für einen frischen Farbabstimmungsstil geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-29

Web-Vorlage für kreativen Job-Lebenslauf für Designer

Die Webvorlage „Designer Creative Job Resume“ ist eine herunterladbare Webvorlage für die Anzeige persönlicher Lebensläufe, die für verschiedene Designerpositionen geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28

Website-Vorlage eines modernen Ingenieurbauunternehmens

Die Website-Vorlage für moderne Ingenieur- und Bauunternehmen ist eine herunterladbare Website-Vorlage, die sich zur Förderung der Ingenieur- und Baudienstleistungsbranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28