uniNote

uniNote

Laissez uniNote changer la façon dont vous organisez vos projets personnels et professionnels.

Anglais |简体中文

• Introduction
• Motivation
• Caractéristiques
  • Bons éditeurs
  • Belle page de connexion et d’inscription
  • Fonctions utiles
  • Partagez vos idées
• Installation
  • Exigences
  • Mesures
  • Remarques
• Équipe
  • Membres
  • Aperçu des contributeurs
  • Chronologie
• Communauté
• Résumé
  • À propos du travail d'équipe
  • À propos de la technologie
• Crédits

Introduction

uniNote est un bloc-notes basé sur le Web pour vous aider à gérer facilement vos mémos quotidiens. Parce que vous pouvez :

• Écrivez, collectez et capturez des idées sous forme de notes consultables, de cahiers, de mémos, de listes de notes et de tâches à faire. C'est le seul planificateur dont vous avez besoin.
• Utilisez uniNote comme bloc-notes numérique et traitement de texte facile à formater pour toutes vos pensées et mémos au fur et à mesure qu'ils arrivent.
• Apprenez beaucoup des codes grâce à son 100% open source.

Motivation

uniNote est né avec les raisons suivantes :

• Ce projet est une formation complète de génie logiciel, le thème est la mise en place d'une note web. Le projet prend un mois pour compléter les fonctions de base.
• Ce projet est utilisé pour développer les compétences de travail en équipe. Nous avons utilisé le système de contrôle de version -- git pour intégrer le code lors de la mise en œuvre du projet.

Caractéristiques

Bons éditeurs

• ajustement du format : gras, italique, hyperliens, références, etc. le bouton de la barre d'outils de la liste
• téléchargement d'images : prise en charge du téléchargement d'images ordinaires
• Emoji : la plupart des supports traditionnels pour l'expression Emoji
• insertion de code : prise en charge de l'insertion de code et de son identification

Belle page de connexion et d’inscription

• Inspiré d'une démo dans codePen
• Couleur et animation parfaites

Fonctions utiles

UniNote est configuré comme un cahier pour amener le classeur physique familier à l'ère numérique. Utilisez facilement des sections et des pages pour séparer les pensées par thème à l'école, à la maison ou au travail.

Vous ne savez pas où vous avez classé quelque chose ? Utilisez notre puissante recherche pour parcourir toutes vos notes.

Vous pouvez utiliser des balises pour étiqueter des listes de tâches, suivre des éléments, marquer ce qui est important ou créer des étiquettes personnalisées. Utilisez uniNote comme cahier, journal ou bloc-notes. Organisez-vous au même endroit, depuis n'importe où.

Partagez vos idées

uniNote vous offre les outils nécessaires pour partager et collaborer de manière productive avec les autres :

• Créez, partagez et discutez avec les personnes qui vous aident à accomplir votre travail, le tout dans une seule application
• Inspirez-vous et réfléchissez à des idées créatives en travaillant en collaboration

Installation

Si vous souhaitez apprendre du code, lisez attentivement cette section.

Exigences

• JDK8+
• MySQL5.5+
• Jetty9 ou Tomcat9
• Google Chrome est meilleur

Mesures

1. Cloner le code source
2. pour modifier la base de données après avoir extrait la configuration src/resources/c3p0-config.xml , et créer une base de données nommée uniNote
3. il faudra peut- être modifier le port du conteneur
4. utilisez uniNote.sql pour générer automatiquement la table
5. pour déployer le package war sur le conteneur, les packages requis sont répertoriés ci-dessous :

Remarques

• Tomcat avec plus de 9 versions, il est préférable d'utiliser la dernière version
• Si vous rencontrez des problèmes, vous pouvez vous référer à la communauté pour me contacter

Équipe

Membres

sérieuxzyx	StathamWYJ	Se perdreWGY

Responsabilités de l'équipe

Conception et mise en œuvre de l'ensemble de la page de connexion et d'inscription Interaction des données entre le front-end et le back-end Encapsulation de base de données Intégrer les codes des membres dans `index.jsp` Architecture back-end Appeler l'API pour implémenter l'éditeur Une partie de l'animation de la page principale Utilisation de l'algorithme MD5 pour le cryptage des mots de passe Fonction de vérification des e-mails

Concevoir la mise en page principale Conception et mise en œuvre de la barre de navigation gauche Optimiser les animations Appelez l'API pour implémenter la fonction Partager Utilisez Font Awesome pour aménager les icônes

Conception et mise en place d'un espace éditeur Validation des données du formulaire Corriger le bug Implémentation de fenêtres pop-up

Aperçu des contributeurs

Chronologie

Communauté

Tout le monde peut discuter du projet à travers les manières suivantes pour aider au développement du projet :

• Signaler un problème
• Rejoignez le support de développement UniNote QQ 674965440

Nous attendons avec impatience votre conseil sur le projet. Qu'il s'agisse d'utiliser des commentaires ou des correctifs de code, c'est un plein d'amour pour UniNote ❤️

Résumé

À propos du travail d'équipe

Dans ce projet, j'ai servi en tant que chef d'équipe et j'étais responsable de l'avancement et de la standardisation de l'ensemble du projet. Résumez les problèmes suivants dans le processus de gestion :

• L'avancement du projet n'a pas été bien contrôlé et le calendrier initial du projet a été presque entièrement reporté, ce qui a entraîné une baisse de qualité.

• Il est important d' avoir un bon style de code , surtout dans le travail d'équipe. Lorsque j'ai intégré le code front-end, j'ai constaté que beaucoup de code n'était pas standardisé, comme le style CSS, l'identifiant et le nom de la classe. Et c’est vraiment difficile à organiser.

• Github est utilisé pour héberger des projets et contrôler les versions pendant le projet. Cependant, les membres de l'équipe ne sont pas familiers avec l'utilisation de github, ce qui rend le code local précipité lors du push et du pull initial du projet. Je dois donc définir la branche principale protected .

• En tant que chef d'équipe, voyant que l'avancement du projet est plus lent, je suis tellement inquiet que les exigences envers les membres de l'équipe soient plus strictes et que l'attitude ne soit pas particulièrement bonne. Cela a été rapidement réalisé et amélioré avec le temps. À l'avenir, il est très important de garder l'esprit tranquille et de croire pleinement en vos compagnons de travail en équipe.

À propos de la technologie

Dans ce projet, j'ai utilisé le jsp+servlet pour construire le back-end sans utiliser le framework. En même temps, j'ai constaté que je ne maîtrisais pas les connaissances que j'avais acquises et que j'écrivais du code compliqué, en particulier le code de la page index.jsp dépassait 1 000 lignes.

Ceci est lié aux caractéristiques de jsp, mais surtout parce que je n'avais pas une idée claire lors de l'écriture du code au début.

J'ai donc décidé d'améliorer les aspects suivants en termes de technologie :

• Consolidez les bases de jsp et du servlet et j'enregistrerai le processus d'apprentissage ici.

• Apprenez le framework SSM et utilisez-le pour créer une application Web plus complète.

• Continuez à apprendre l'algorithme et la structure des données avec le cours CB61B (semaine 7 actuellement), j'espère terminer avant le semestre prochain, mon laboratoire, mon matériel, mes projets sont là.

Grâce à ce projet, le plus grand impact pour moi est que je suis plus clair sur ma propre orientation, que je comprends comment apprendre, que je peux discerner un large éventail de technologies dans le domaine du Web et que je peux choisir les bons cours et livres.

Plus important encore, ce projet m'a rendu plus passionné par la programmation, github et la communauté open source.

Crédits

La naissance d'uniNote ne peut être séparée des projets open source suivants :

• jQuery : bibliothèque d'outils JavaScript front-end
• wangEditor : éditeur de texte enrichi populaire
• Font Awesome : la boîte à outils emblématique SVG, polices et CSS
• IntelliJ IDEA : un merveilleux IDE
• Visual Studio Code : merveilleux éditeur de code

---

Prochain projet open source, construire pour l'avenir