フロントエンド:ブートストラップ
開発ツール。アイデア
データベース:mysql
データの視覚化:echarts
バックエンドフレームワーク:Spring + SpringMVC + MyBatis
セキュリティフレームワーク:シロ
PDFコンバーター:アセッスン
PDFプレビュー:pdf.js
グローバル検索:ルーセン
SMSサービス:Alibaba Cloud
コメント:バリン
ソーシャル共有:ジャティス
全体的なフローチャート:

ユーザーホームページ:

注意検索:

メモ共有:

メッセージセンター:

パーソナルネットワークディスク:

管理者ホームページ:

レビューを共有:

Alibaba Cloud SMSサービスについては、自分で登録してから、
system.propertiesファイルのMOULD_ID、ACCESS_KEY_ID、ACCESS_KEY_SECRETプロパティを編集してください。
(1)最初に、データベースを作成してください。
CREATE DATABASE IF NOT EXISTS ` cloud_note ` /* !40100 DEFAULT CHARACTER SET utf8 */ (2)プロジェクトSQLフォルダーの下にcloud_note.sqlファイルをインポートします。
(3)プロジェクトでsrc/main/resources/db.propertiesファイルを編集し、データベース接続情報を変更します。
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 # 密码
コンピューターにIdea Ultimateバージョンをインストールし、 TomcatとMavenをインストールした後(省略できます。アイデアを直接使用することもできます)。
(1)アイデアを実行し、 Import Projectボタンをクリックしてプロジェクトをインポートします。

(2) File -> Settings -> Build,Execution... -> Application Serversをクリックして、Tomcatにパスを追加します。
追加したら、 Add Configuation...をクリックして、メインウィンドウで[構成の追加]をクリックして、図に示すようにTomcatスタートアップアイテムを追加します。

(3)追加した後、図に示すように、アイテムをTomcatに追加します。

(5)図に示すように、URLが正しいことを確認してください

(6)構成が完了したら、 Apply 、 OKボタン]をクリックしてから、 Tomcatの横にあるグリーントライアングルボタンをクリックします。

loginテーブルレコードを確認し、ログイン名はtel列のレコードで、パスワードは123です。ユーザーの役割はrole_id列です。自分で変更してください。

質問の要件によれば、全体的なビジネスロジックはフローチャートなどの形で表示され、システムER図が記載されています。
テクノロジーを選択し、関連するテクノロジーを提供します
フロントエンド通信プロトコルを確立し、フロントエンド通信インターフェイスドキュメントを作成する
携帯電話番号とサードパーティのアプリを使用してログインして登録します(登録情報には、アバター、ニックネーム、電子メール、性別、地域などが含まれます)
ユーザーアクセスリソースの認証と承認
ログイン後にオンラインでメモを作成および変更できます
メモには、タグ、タイトル、コンテンツ、添付ファイルなどの基本的な属性が含まれます。ノート編集領域には、基本的なリッチテキスト編集機能があります。
メモには、変更と削除の機能があります
メモが編集された後、メモを手動で同期するか、別のインターフェイスにジャンプするときにメモを自動的に同期することができます。
メモが編集された後、メモを分類してアーカイブします。
メモフォルダーは、作成、変更、削除できます
迅速な検索のためのタイトル、タグ、コンテンツのインデックスノート
所有者のみが、表示および編集する許可を持っています。メモを共有するときは、WeChat、QQ、Weibo、および友人へのノートリンクを共有できます。
Word、Execel、PPT、PDFなどのリッチテキストファイルをアップロードして、リッチなテキストノートを作成します。
オンラインプレビューが必要です
メッセージプッシュ
バックエンド管理(ユーザー、メモ、メッセージ、ネットワークディスク)
メモとコメント
パーソナルネットワークディスク
データの視覚化
見てください(サイト内の表示と共有)