[JAVA] Gorigori SIer SE hat versucht, durch persönliche Entwicklung einen Webdienst zu erstellen

1. Über mich

Wie der Titel schon sagt, ist es die SE von Gorigori SIer. SIer lässt BP nicht programmieren, indem er alles wirft! Ich höre das, aber ich habe normal programmiert. Wie erwartet durfte ich das nicht das ganze Jahr über machen und musste am Projektmanagement und an der Verbesserung der organisatorischen Aktivitäten arbeiten, aber ich programmierte so wie es war.

Da ich jedoch Mitglied eines Großprojekts bin, war es schwierig, sich einen Überblick über das System zu verschaffen. Aus dem Grund, dass ich über das ganze Bild nachdenken und es später erklären möchte, werde ich versuchen, selbst ein System zu erstellen ... Also nach 22 Uhr, nachdem meine Tochter ins Bett gegangen war, ab 6 Uhr morgens, bevor meine Tochter aufwachte Ich habe versucht, einen Webdienst mit der Zeit bis 8 Uhr zu erstellen.

2. Webdienst erstellt

Servicename: "Kashikaji"

https://hwsharing.possumelon.com/

キャプチャ01.PNG

キャプチャ02.PNG

Ein Webdienst, der die Aufteilung und den Fortschritt von Haushaltsangelegenheiten visualisiert, verwaltet und teilt. Es ist nicht so neu, aber ... Visualisierung + Hausarbeit = Kashikaji

Ich habe noch nie Design studiert und mache es mit einem gewissen Sinn.

Details der Funktion werden später erklärt.

3. Der Grund für die Erstellung eines Webdienstes

Der Grund für die Einrichtung dieses Dienstes war ein paar Streitereien. Yome "Ich habe eine höhere Belastung durch Hausarbeit und Kinderbetreuung!" Ich "Ich fühle mich nicht so ..." Yome "Dann schreibe die ganze Hausarbeit und Kinderbetreuung voneinander auf!" ICH"…"

Ich habe es geschafft, dem Angriff auszuweichen, aber irgendwann kam mir die Idee: "Wie wäre es, ihn auf dem System zu visualisieren?" Wenn ich mit Yome spreche: "Ich mag es, ist es nicht klar?" Deshalb begann meine persönliche Entwicklung.

4. Produktionszeitraum

Ich habe ungefähr im April angefangen, also sind es ungefähr 5 Monate. Es dauerte so lange, weil es eine starke Bedeutung hatte, zu studieren. Ich habe viel Erfahrung mit C # und Java, wenn es ums Geschäft geht. Aus diesem Grund habe ich mich entschlossen, die Frontside-Technologie, die ich noch nie zuvor erlebt hatte, für das Studium zu verwenden. Ich war besorgt über React und Vue, aber ich dachte, dass Vue lockerer und einfacher zu handhaben ist (Voreingenommenheit), also entschied ich mich für Vue. Ich habe auch eine lange Erfahrung mit Java, deshalb habe ich mich für Spring Boot entschieden, was ich nicht viel getan habe. Als Referenz ist die Vorderseite Vue und die Rückseite Spring Boot als API.

5. Funktionseinführung

Seit ich es nach dem Studium geschafft habe, gibt es viele Funktionen, die nichts mit der Visualisierung von Haushaltsangelegenheiten zu tun haben.

Einloggen Ausloggen

キャプチャ03.PNG

Spring Boot macht die Authentifizierung gut.

Neue Benutzerregistrierung

キャプチャ04.PNG

Es ist eine normale Benutzerregistrierungsfunktion.

Passwort zurücksetzen für diejenigen, die ihr Passwort vergessen haben

キャプチャ05.PNG

Der Server verwendet AWS, aber AWS erleichtert das Senden von E-Mails.

Benutzersuche

キャプチャ07.PNG

Es ist eine Suchfunktion.

Profileinstellungen

キャプチャ06.PNG

Laden Sie Ihr eigenes Bild hoch oder schreiben Sie eine Selbsteinführung. Sie können die Informationen hier anzeigen, indem Sie in der vorherigen Benutzersuche suchen und auswählen.

Nachrichten senden und empfangen

キャプチャ09.PNG

Senden und Empfangen von Nachrichten an andere Benutzer.

Freund

キャプチャ08.PNG

Sie können kein "Freund" werden, wenn Sie sich nicht für einen Freund bewerben und die andere Partei dies genehmigt. Die folgenden "Chat" und "Teilen von Haushaltsangelegenheiten" können nur von "Freunden" verwendet werden.

Plaudern

キャプチャ10.PNG

Nun ... es ist ein Chat. WebSocket.

Hausarbeit teilen

キャプチャ11.PNG

Dies ist der Hauptkreis. Erstellen Sie zunächst eine Klassifizierung der Haushaltsangelegenheiten (Reinigen, Kochen usw.) und registrieren Sie die Arbeit, die zu dieser Klassifizierung passt (Reinigen, Reinigen des Bodens, Kochen, morgendliches Mittagessen, Abendessen usw.). Ordnen Sie die registrierte Arbeit der verantwortlichen Person zu. Da der Unterschied hier dargestellt wird, ist er scharf. Auch der Wiedergabeaspekt ist stark, aber der Bildschirm ist synchronisiert.

20200823_03.gif

Wenn Sie die Arbeit auf einem Bildschirm verschieben, wird auch die Arbeit auf dem anderen Bildschirm verschoben. Dies ist auch WebSocket.

Registrieren Sie nach Aufteilung der Verantwortlichkeiten die Prognosen und Fakten im Kalender.

キャプチャ12.PNG

Beende die Hausarbeit.

キャプチャ12-2.PNG

Fortschritt teilen

キャプチャ13.PNG

Melden Sie Ihren Arbeitsstatus. Irgendwie benutze ich unendliches Scrollen.

6. Versuchen Sie zu machen

Ehrlich gesagt hat es Spaß gemacht. Als ich genug Zeit hatte, sprang ich in mein Herz und sagte: "OK, ich kann mir Zeit für Design und Implementierung nehmen!" Ich habe es jedoch oft übertrieben und wurde oft von Yome gesagt: "Falten Sie den Wäschestapel, der dort visualisiert wird, bevor Sie die Haushaltsangelegenheiten visualisieren!" Wenn ich alleine gelebt hätte, hätte ich vielleicht mehr als 10 Stunden am Tag programmiert. Nur etwas ... einsam. Plötzlich wollte ich mich der Community anschließen. Ich habe es doch nicht eingegeben. Wenn Sie mir eine empfohlene Community nennen könnten, wäre ich möglicherweise unkompliziert.

7. Verwendete Technologie

Ich werde es zusammenfassen.

** ・ Vue (Frontend) ** ** ・ Java (Backend) ** ** ・ Spring Boot (Framework) ** ** ・ MariaDB (Datenbank) ** ** ・ Element (Komponentenbibliothek) ** ** ・ Axios (HTTP-Client) ** ** ・ GSAP (Animation) ** ** ・ VeeValidate (Fehlerprüfung) ** ** ・ Moment (Datumsverarbeitung) ** ** ・ Apache Tomcat (Web / AP-Server) ** ** ・ AWS (Server, Domänenerfassung, HTTPS-Konvertierung) **

8. Schließlich

Ich habe das Gefühl, dass dieser Webdienst mit Funktionen überladen ist. Es kann gut sein, es als lose Community-Site zu positionieren, die sich mit inneren Angelegenheiten befasst ... Ich denke, es ist besser, es zu spezialisieren, damit es verwendet werden kann. Für die Visualisierung von Haushaltsangelegenheiten halte ich einen Service für gut, der alle Analysen aus jedem Blickwinkel durchführt. Das ist also ein Anfang für mich. Es fühlt sich an, als ob der Motor gestartet ist. Daher möchte ich die Planung des nächsten Dienstes in Betracht ziehen.

■ Ergänzung Der Prozess, mit dem sich die SE von Gorigori SIer bis zur Veröffentlichung in seiner ersten persönlichen Entwicklung bemüht hat

Recommended Posts

Gorigori SIer SE hat versucht, durch persönliche Entwicklung einen Webdienst zu erstellen
Gorigori SIer SE bemühte sich bis zur Veröffentlichung in der ersten persönlichen Entwicklung
Ich habe versucht, mit Chocolatey eine Java8-Entwicklungsumgebung zu erstellen
Ich habe versucht, mit Docker eine Padrino-Entwicklungsumgebung zu erstellen
Ich habe versucht, eine Spring MVC-Entwicklungsumgebung auf einem Mac zu erstellen
Ich habe versucht, eine LINE-Klon-App zu erstellen
Der Weg zum Erstellen eines Webdienstes (Teil 1)
Wir haben "Code-sell" veröffentlicht, einen Service, mit dem Sie Codes verkaufen können! (Persönliche Entwicklung)
3. Erstellen Sie eine Datenbank für den Zugriff über das Webmodul
[Rails] Ich habe versucht, eine Mini-App mit FullCalendar zu erstellen
Ich habe versucht, eine Webanwendung voller Fehler mit Kotlin zu implementieren
So erstellen Sie ein Service Builder-Portlet in Liferay 7 / DXP
So erstellen Sie eine Methode
Ich habe das Spring Boot-Einführungshandbuch [Erstellen eines RESTful-Webdiensts] ausprobiert.
Ich habe versucht, eine einfache Karten-App in Android Studio zu erstellen
Eine Reise, um Spring's "GUIDES" zu entschlüsseln, die eine RESTful Web Service Edition verbrauchen.
[Java] Ich habe versucht, mit der Grabmethode ein Labyrinth zu erstellen ♪
Spring Boot Erste Schritte [Konsumieren eines RESTful-Webdienstes]
So erstellen Sie einen Webserver auf einer EC2-Instanz von AWS
Drei Gründe für Frustration vor der Veröffentlichung von Web Services