uniNote

uniNote

Lassen Sie uniNote die Art und Weise verändern, wie Sie Ihre persönlichen und beruflichen Projekte organisieren.

Englisch |简体中文

• Einführung
• Motivation
• Merkmale
  • Gute Redakteure
  • Schöne Anmelde- und Registrierungsseite
  • Nützliche Funktionen
  • Teilen Sie Ihre Ideen
• Installation
  • Anforderungen
  • Schritte
  • Notizen
• Team
  • Mitglieder
  • Einblicke der Mitwirkenden
  • Zeitleiste
• Gemeinschaft
• Zusammenfassung
  • Über Teamarbeit
  • Über Technologie
• Credits

Einführung

uniNote ist ein webbasiertes Notizbuch, mit dem Sie Ihre täglichen Notizen einfach verwalten können. Weil Sie:

• Schreiben, sammeln und erfassen Sie Ideen als durchsuchbare Notizen, Notizbücher, Memos, Markierungs- und Aufgabenlisten. Es ist der einzige Planer, den Sie brauchen.
• Nutzen Sie uniNote als digitalen Notizblock und einfach zu formatierendes Textverarbeitungsprogramm für alle Ihre Gedanken und Notizen, sobald sie auftauchen.
• Durch die 100% Open Source können Sie viel aus den Codes lernen.

Motivation

uniNote wurde aus folgenden Gründen geboren:

• Bei diesem Projekt handelt es sich um eine umfassende Schulung zum Software-Engineering. Das Thema besteht darin, eine webbasierte Notiz einzurichten. Das Projekt benötigt einen Monat, um die Grundfunktionen abzuschließen.
• Dieses Projekt dient der Entwicklung von Teamfähigkeiten. Wir haben das Versionskontrollsystem git verwendet, um den Code während der Projektimplementierung zu integrieren.

Merkmale

Gute Redakteure

• Formatanpassung: Fett, Kursiv, Hyperlinks, Referenzen usw. Die Schaltfläche „Liste“ in der Symbolleiste
• Bild-Upload: Unterstützung für das Hochladen normaler Bilder
• Emoji: Die meiste Mainstream-Unterstützung für den Emoji-Ausdruck
• Code-Einfügung: Unterstützung für das Einfügen von Code und dessen Identifizierung

Schöne Anmelde- und Registrierungsseite

• Inspiriert von einer Demo in codePen
• Perfekte Farbe und Animation

Nützliche Funktionen

uniNote ist wie ein Notizbuch aufgebaut, um den bekannten physischen Ordner in das digitale Zeitalter zu übertragen. Verwenden Sie ganz einfach Abschnitte und Seiten, um Gedanken in der Schule, zu Hause oder bei der Arbeit nach Themen zu unterteilen.

Sie sind sich nicht sicher, wo Sie etwas kategorisiert haben? Nutzen Sie unsere leistungsstarke Suche, um alle Ihre Notizen zu durchsuchen.

Sie können Tags verwenden, um To-Do-Listen zu kennzeichnen, Elemente nachzuverfolgen, Wichtiges zu markieren oder benutzerdefinierte Etiketten zu erstellen. Verwenden Sie uniNote als Notizbuch, Tagebuch oder Notizblock. Organisieren Sie an einem Ort, von überall aus.

Teilen Sie Ihre Ideen

uniNote bietet Ihnen die Tools, mit denen Sie produktiv mit anderen teilen und zusammenarbeiten können:

• Erstellen, teilen und diskutieren Sie mit den Menschen, die Ihnen bei der Erledigung Ihrer Arbeit helfen – alles in einer App
• Lassen Sie sich inspirieren und entwickeln Sie gemeinsam kreative Ideen

Installation

Wenn Sie aus dem Code lernen möchten, lesen Sie diesen Abschnitt sorgfältig durch.

Anforderungen

• JDK8+
• MySQL5.5+
• Jetty9 oder Tomcat9
• Google Chrome ist besser

Schritte

1. Quellcode klonen
2. um die Datenbank nach dem Extrahieren der Konfiguration src/resources/c3p0-config.xml zu ändern und eine Datenbank mit dem Namen uniNote zu erstellen
3. Möglicherweise muss der Container-Port geändert werden
4. Verwenden Sie uniNote.sql um eine Tabelle automatisch zu generieren
5. Um das Kriegspaket im Container bereitzustellen, sind die erforderlichen Pakete unten aufgeführt:

Notizen

• Tomcat verfügt über mehr als 9 Versionen. Verwenden Sie am besten die neueste Version
• Wenn Sie auf Probleme stoßen, können Sie sich an die Community wenden, um Kontakt mit mir aufzunehmen

Team

Mitglieder

ernstzyx	StathamWYJ	GetlostWGY

Verantwortlichkeiten des Teams

Design und Umsetzung der gesamten Login- und Registrierungsseite Dateninteraktion zwischen Front-End und Back-End Datenbankkapselung Integrieren Sie die Codes der Mitglieder in „index.jsp“. Back-End-Architektur Rufen Sie die API auf, um den Editor zu implementieren Ein Teil der Animation der Hauptseite Verwendung des MD5-Algorithmus zur Passwortverschlüsselung E-Mail-Verifizierungsfunktion

Entwerfen Sie das Layout der Hauptseite Design und Implementierung der linken Navigationsleiste Animation optimieren Rufen Sie die API auf, um die Share-Funktion zu implementieren Verwenden Sie Font Awesome, um Symbole im Querformat zu erstellen

Gestaltung und Umsetzung des Editorbereichs Formulardatenvalidierung Beheben Sie den Fehler Implementierung von Popup-Fenstern

Einblicke der Mitwirkenden

Zeitleiste

Gemeinschaft

Jeder kann das Projekt auf folgende Weise besprechen, um die Projektentwicklung zu unterstützen:

• Problem melden
• Treten Sie dem uniNote-Entwicklungssupport QQ 674965440 bei

Wir freuen uns sehr darauf, dass Sie uns bei dem Projekt beratend zur Seite stehen. Ob Feedback oder Code-Patches, es ist voller Liebe zu uniNote ❤️

Zusammenfassung

Über Teamarbeit

In diesem Projekt fungierte ich als Teamleiter und war für den Fortschritt und die Standardisierung des gesamten Projekts verantwortlich. Fassen Sie die folgenden Probleme im Managementprozess zusammen:

• Der Projektfortschritt wurde nicht gut kontrolliert und der ursprüngliche Zeitplan des Projekts wurde fast vollständig verschoben, was zu einer geringeren Qualität führte.

• Es ist wichtig , einen guten Codestil zu haben , insbesondere bei der Teamarbeit. Als ich den Front-End-Code integriert habe, stellte ich fest, dass viele Codes nicht standardisiert sind, z. B. CSS-Stil, ID und Klassenname. Und es ist wirklich schwierig zu organisieren.

• Github wird zum Hosten von Projekten und zur Versionskontrolle während des Projekts verwendet. Allerdings sind die Teammitglieder nicht mit der Verwendung von Github vertraut, was dazu führt, dass der lokale Code beim ersten Push- und Pull-Vorgang des Projekts überstürzt wird. Daher muss ich den Hauptzweig auf protected setzen .

• Da ich als Teamleiter sehe, dass der Fortschritt des Projekts langsamer ist, bin ich so besorgt, dass die Anforderungen an die Teammitglieder strenger sind und die Einstellung nicht besonders gut ist. Dies wurde umgehend erkannt und rechtzeitig verbessert. In Zukunft ist es am wichtigsten, inneren Frieden zu bewahren und voll und ganz an die Zusammenarbeit mit Ihren Teamkollegen zu glauben .

Über Technologie

In diesem Projekt habe ich das JSP+Servlet verwendet, um das Back-End zu erstellen, ohne das Framework zu verwenden. Gleichzeitig stellte ich fest, dass ich das erlernte Wissen nicht beherrsche und komplizierten Code schrieb, insbesondere der Seitencode index.jsp der mehr als 1000 Zeilen umfasste.

Dies hängt mit den Eigenschaften von JSP zusammen, ist aber noch wichtiger, weil ich beim Schreiben des Codes zu Beginn keine klare Vorstellung hatte .

Deshalb habe ich beschlossen, folgende technische Aspekte zu verbessern:

• Konsolidieren Sie die Grundlagen von JSP und Servlet und ich werde den Lernprozess hier aufzeichnen.

• Lernen Sie das SSM-Framework kennen und verwenden Sie es, um eine umfassendere Webanwendung zu erstellen.

• Lernen Sie weiterhin den Algorithmus und die Datenstruktur mit dem CB61B-Kurs (derzeit Woche 7), ich hoffe, dass ich vor dem nächsten Semester fertig bin. Mein Labor, meine Hardware und mein Projekt sind hier.

Die größte Auswirkung dieses Projekts besteht für mich darin, dass mir meine eigene Richtung klarer wird, ich verstehe, wie man lernt, eine breite Palette von Technologien im Webbereich erkennen und die richtigen Kurse und Bücher auswählen kann.

Am wichtigsten ist, dass dieses Projekt meine Leidenschaft für Programmierung, Github und die Open-Source-Community gestärkt hat.

Credits

Die Geburt von uniNote kann nicht von den folgenden Open-Source-Projekten getrennt werden:

• jQuery: Frontend-JavaScript-Toolbibliothek
• wangEditor: beliebter Rich-Text-Editor
• Font Awesome: Das ikonische SVG-, Schriftarten- und CSS-Toolkit
• IntelliJ-IDEE: wunderbare IDE
• Visual Studio Code: wunderbarer Code-Editor

---

Nächstes Open-Source-Projekt, bauen Sie für die Zukunft