Front-end: bootstrap
Outils de développement; IDÉE
Base de données: mysql
Visualisation des données: Echarts
Cadre backend: Spring + SpringMvc + Mybatis
Cadre de sécurité: Shiro
Convertisseur PDF: Aspose
Aperçu PDF: PDF.js
Recherche globale: Lucene
Service SMS: Cloud Alibaba
Commentaire: Valine
Partage social: Jiathis
Tableau de débit global:

Page d'accueil utilisateur:

Recherche de notes:

Partage de notes:

Centre de messages:

Disque de réseau personnel:

Page d'accueil de l'administrateur:

Revue de partage:

Pour le service Alibaba Cloud SMS, veuillez vous inscrire par vous-même, puis modifier
MOULD_ID,ACCESS_KEY_IDetACCESS_KEY_SECRETdu fichiersystem.properties.
(1) Tout d'abord, veuillez créer une base de données:
CREATE DATABASE IF NOT EXISTS ` cloud_note ` /* !40100 DEFAULT CHARACTER SET utf8 */ (2) Importez le fichier cloud_note.sql dans le dossier SQL Project.
(3) Modifiez le fichier src/main/resources/db.properties dans le projet et modifiez les informations de connexion de la base de données:
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/cloud_note?useUnicode=true&characterEncoding=utf-8
jdbc.username=root # 用户名
jdbc.password=root # 密码
Après avoir installé Idea Ultimate Version sur l'ordinateur et installé Tomcat et Maven (vous pouvez l'omettre, vous pouvez également utiliser l'idée en personne).
(1) Exécutez l'idée, cliquez sur le bouton Import Project pour importer le projet.

(2) Cliquez sur File -> Settings -> Build,Execution... -> Application Servers pour ajouter le chemin d'accès à Tomcat.
Après l'ajout, cliquez sur Add Configuation... dans la fenêtre principale pour ajouter l'élément de démarrage Tomcat, comme indiqué sur la figure.

(3) Après avoir ajouté, ajoutez l'élément à Tomcat, comme indiqué sur la figure.

(5) Assurez-vous que l'URL est correcte, comme indiqué sur la figure

(6) Une fois la configuration terminée, cliquez sur les boutons Apply , OK , puis cliquez sur le bouton Triangle vert à côté de Tomcat .

Vérifiez l'enregistrement de la table login , le nom de connexion est tel et le mot de passe est 123 . Le rôle de l'utilisateur est la colonne role_id , veuillez la changer vous-même:

Selon les exigences de la question, la logique professionnelle globale est affichée sous forme de cartes d'écoulement, etc., et le diagramme du système ER est donné.
Sélectionnez la technologie et donnez des technologies pertinentes
Établir des protocoles de communication frontale et rédiger des documents d'interface de communication frontale
Utilisez votre numéro de téléphone mobile et votre application tierce pour vous connecter et vous inscrire (les informations d'enregistrement comprennent l'avatar, le surnom, le courrier électronique, le sexe, la région, etc.)
Authentification et autorisation des ressources d'accès aux utilisateurs
Vous pouvez créer et modifier des notes en ligne après vous être connecté
Les notes incluent des attributs de base tels que des balises, des titres, des contenus, des pièces jointes, etc. La zone d'édition de notes a des fonctions d'édition de texte riche de base.
Les notes ont des fonctions de modification et de suppression
Une fois les notes modifiées, vous pouvez synchroniser manuellement les notes ou synchroniser automatiquement les notes lorsque vous passez à une autre interface.
Une fois les notes modifiées, classez et archisez les notes.
Des dossiers de notes peuvent être créés, renommés et supprimés
Index note les titres, les balises et le contenu pour les recherches rapides
Seul le propriétaire a la permission de voir et de modifier. Lorsque vous partagez des notes, vous pouvez partager le lien de notes vers WeChat, QQ, Weibo et Friends.
Créez des notes de texte riches en téléchargeant des fichiers texte riches tels que Word, Exécul, PPT et PDF.
Nécessite un aperçu en ligne
Poussée de message
Gestion backend (utilisateurs, notes, messages, disques réseau)
Notes et commentaires
Disque de réseau personnel
Visualisation des données
Jetez un œil (voir et partager dans le site)