WarmSearch PC
1.0.0
Springboot+vue+uni-app をベースにしたキャンパス遺失物プラットフォームには、プラットフォームのメイン PC 側、WeChat アプレット、および Web バックエンド データ管理プラットフォームが含まれます。
Vue 2.0 + Vue-router + Vuex + Element-ui + Axiosこのプロジェクトでは、フロントエンドとバックエンドの分離開発モデルを採用しています。PC 側は Vue + Element-ui を使用し、ミニ プログラムは Uni-app を使用して開発され、バックエンド データ API は Java と Spring を使用して開発されます。ブート。
PCコードアドレス：https://github.com/lijinghailjh/WarmSearch-PC
ミニプログラムコードアドレス: https://github.com/lijinghailjh/WarmSearch-uniapp
バックエンドコードアドレス: https://github.com/lijinghailjh/WarmSearch
Web管理端末コードアドレス：https://github.com/lijinghailjh/WarmSearch-Web
プロジェクトはまだ改善中であるため、まだオンラインになっていません。
主な理由は私が貧乏でサーバーを買う余裕がないからです
デモビデオ：オンラインデモビデオ
私は現在 (2021 年 5 月 8 日) 大学 2 年生です。昨年 (2020 年) の 5 月から Java を独学で勉強する準備をしています。暇な時間を利用して、JavaWeb、SSM から始めます。 SpringBoot へ、次にフロントエンドの Ht へ。 ml5、CSS3、JS、Vue.js、そして最後に Node.js の研究を終えて、このキャンパス遺失物 Web サイトを作成し始めました。現在、これがフロントに基づいています。 -エンドとバックエンドの分離プロジェクト。現在、私は空いた時間を利用してプロジェクトを継続的に改善しています。初心者なので、間違い等ございましたらアドバイスを頂ければ幸いです。各部分のソースコードはGithub上で継続的に更新されます。
このプロジェクトでは、フロントエンドとバックエンドの分離テクノロジー Springboot + vue + uniapp + Mysql を使用します。
1. このプロジェクトには、バックエンド管理システム WarmSearch-Web が含まれています。 2. フロントエンド システム WarmSearch-PC 3. WeChat アプレット パーツ WarmSearch-uniapp
このプロジェクトが良いと思ったら、右上の
Star応援してください。ありがとうございます。 ！ ！
このプロジェクトはフロントエンドとバックエンドが分離されており、フロントエンドはVue + Vue-router + Vuex + Element-ui + Axiosをベースにしており、Hammer Mall を参考に実装されています。バックエンドは SpringBoot (フレームワーク) + JSON WEB TOKEN (トークンメカニズム) + MybatisPlus + Mysql に基づいて実装されています。
全体的なアーキテクチャ
システム設計は、「フロントエンドとバックエンド/SOA の分離」という全体的な考え方に準拠しており、フロントエンドは主要なフレームワーク テクノロジとして Vue/ElementUI を使用し、静的ページ アクセス サービスを提供する HTTP サーバーとして Nginx を使用します。リバースプロキシ機能、バックエンドはSpringbootの主流フレームワーク技術を使用 主にMySQLのオープンソースデータベースを使用し、フロントエンドとバックエンドはRestful仕様を使用してデータを交換します。
JWTトークン認証方式を採用することで、サーバーの運用消費量を削減し、システムの拡張性と拡張性を向上させています。
全体的なアーキテクチャ
全体的な設計は、「フロントエンドとバックエンドの分離」方式に基づいており、ブラウザーがページまたは静的リソースを要求すると、HTTP サーバーは直接応答し、その要求は引き続き HTTP サーバーに送信されます。最初に、サーバー経由で Web APP サーバーに転送されます。 Web APP Server の業務処理後、結果データは HTTP Server に返され、最終的にブラウザに返されます。このプロセスでは、Web APP サーバーは表示 (ビュー) に関する情報を含まないデータ (json 形式) のみを返し、フロントエンドとバックエンドの完全な分離を実現します。フロントエンドはページと表示を担当し、バックエンドはバックエンドを担当します。 -end はビジネス処理とデータを担当します。
Vue + Vue-router + Vuex + Element-ui + Axiosミニプログラム更新版 v2.0（2022 2 17）
ミニ プログラムの更新は 2 回目であり、今後も継続して更新されます。
発見物ページの一部表示
3.バックエンド管理システム（WarmSearch-web）
ログインページの表示
ホームページ表示
一部の機能ページの表示
その後の予定
私のプロジェクトが悪くないと思うなら、少し褒めてください。私は現在 2 年生で、このプロジェクトを改善し続けるつもりです。そのため、サーバーを購入してオープンソースをデプロイするのは簡単ではありません。私のプロジェクトのように、苦労している大学生の私のサーバー資金に投資していただけませんか。ありがとうございます! ！ ！ ！
これが表示された場合は、私のプロジェクトに間違いなく興味があることを意味します。私のブログにアクセスしてください。ブログには、私のプロジェクトに関するより詳細な情報が更新されます。
または、私の Github ホームページ [email protected] にある電子メールを通じて私に連絡することもできます。
これは私の WeChat です。何か必要なことがあれば、私に連絡してください。 ੭ ᐕ)੭*⁾⁾ ╰( ´︶` )╯ 私のメールアドレスは [email protected] です。どんなアドバイスでも歓迎です。
