WeChat アプレットに基づくゴミ分類システムの設計と実装 (バージョン 2.0、フロントエンド コードとバックエンド コード付き)

ブロガーの紹介: ✌プログラマーの Xu 兄弟。大規模な工場でプログラマーとして 7 年の経験があります。ネットワーク全体に 30 人以上のファン、CSDN ブログの専門家、Nuggets/Huawei Cloud/Ali Cloud/InfoQ およびその他のプラットフォームに関する質の高い著者であり、Java テクノロジー分野と卒業プロジェクトの実践に重点を置いています✌

1 はじめに

ビデオデモのアドレス:

卒業プロジェクトとして使用できる、WeChat アプレットに基づくインテリジェントなゴミ分類およびリサイクル システム

ミニ プログラム ページと機能は次のように設計されています。

1. ユーザー登録とログイン。

  1. ゴミ検索機能では、該当するゴミ情報を検索し、該当する情報の下にゴミのグラフィックリサイクル表示、対応するリサイクルの種類、有害、無害、リサイクル可能などの情報、およびいくつかのゴミのリサイクル手順を表示できます。 。

  2. ミニプログラムの利用者は、ゴミの戸別収集を予約することができます。

  3. ゴミリサイクル分別情報管理により、各種ゴミリサイクル分別情報(写真、ゴミ紹介、リサイクル指示含む)の追加、追加、削除、修正、確認が可能です。

  4. ニュース管理機能、ゴミ分類に応じた一部のプロモーション情報の掲載、写真やテキストの表示、ミニ番組のホームページへの表示

  5. ユーザー管理、管理者は登録されたミニプログラムユーザーを管理でき、管理者は編集できます。

  6. バックエンド管理の予約リサイクル記録により、戸別訪問リサイクルが確認されます。

2 テクノロジースタック

説明する テクノロジースタック 述べる
バックステージ ジャワ
フロントエンド アプレット
データベース MYSql
建築 B/S構造

3 ミニプログラム機能の紹介

WeChat ミニ プログラムは開始されてから 1 年ちょっとで、新しいものとみなされていますが、使用されているテクノロジーはすべて既存のテクノロジーです。少し調べてみると、WeChat アプレットだけでなく、多くの同様のアプリケーションでも同様のアーキテクチャが使用されていることがわかります。

JSON テクノロジーを使用してアプリケーション構成情報を表現します。アプリケーションの基本情報、ページ構成とルーティング、アプリケーション全体の情報などが含まれます。

カスタマイズされた CSS+XML テクノロジーを使用して、ビュー層の記述を実現します。リスト、ボタン、テキスト ボックス、選択ボックスなどの画面要素は、XML 構文に従って XML 言語で記述され、ページの共通スタイルは CSS を使用して定義されます。

JavaScript 言語を使用して論理レイヤー構造を実装します。ユーザー操作の処理、システム API の呼び出しなどが含まれます [5]。

このアーキテクチャは、ビュー層とロジック層の間でデータおよびイベントの転送機能を提供するため、困難が最小限に抑えられます。同様のアプリはどれも軽いアプリなので、提供されている機能は比較的シンプルです。

4 注意事項

WeChat アプレットは現在非常に人気があり、WeChat エコシステムに基づいて開発されています。現在、多くのコンピューター卒業生が卒業プロジェクトとして WeChat アプレットを選択するでしょう

通常、小規模なプログラムはユーザーが参照できるようにデータを表示します。ほとんどの場合、これらのデータはハードコーディングされていませんが、フロントエンドはサーバー インターフェイスにデータの取得を要求します。

バックエンドは Java、PHP、Python などの多くのテクノロジを使用して実装できます。バックエンド インターフェイスは最終的にデータベース内のデータにアクセスします。これは、多くの小さなプログラムには、データベースに保存する必要がある大量のデータがあるためです。データベース (MySQL、Oracle、MongoDB) など。

ミニ プログラムとバックエンド インターフェイスに加えて、ミニ プログラムには通常バックエンド管理システムが装備されている必要があります。バックエンド管理システムは通常 Web ページであり、実装するには特定の Web 技術知識が必要です。ミニ プログラムが必要な場合WeChatクライアント上で起動する必要があり、バックエンドもサーバー上にデプロイする必要があり、ミニプログラムのコードはWeChatパブリックプラットフォームにアップロードされ、ドメイン名を申請する必要があり、これにも長期間が必要です。もちろん完成デモンストレーションだけであればオンラインである必要はなく、WeChat開発者ツール上でデモンストレーションを行うだけで大丈夫です。

2. 落とし穴を避けるには?

ことわざにあるように、最初は何事も困難であり、特に小さなコンピューター プログラムの完成は困難です。適切なトピックを選択すると、卒業シーズンがずっと楽になります。

1. 自分でテーマを選ぶなら、何もないところから想像するのではなく、やみくもにテーマを選んではいけない テーマを設定するということは、そのテーマに対応する機能を(制御可能な範囲で)実現するために全力を尽くすことを意味する)を将来に向けて、自分の現実を組み合わせてください。学校の現在の段階に合った難易度を選択してください。一見簡単そうに見える質問の中には、実際には現段階に適合していないものもあり、費用は飛躍的に増加しますが、トピックの選択やオープニングに関してわからないことがあれば、いつでも私に連絡することができますので、お気軽にお問い合わせください。

2. 教師が指定した場合は、一部の科学研究トピックを避けるようにしてください。教師があなたに使用できるように適切に取り組んでいない限り、自分の理解レベルを組み合わせて、学習コストが高すぎる場合は教師に直接連絡する必要があります。教師があなたを完全にサポートできない場合は、トピックを変更するように申請してください。

3. まずインターネットまたは Github で検索して、参照用の関連ソース コードがあるかどうかを確認し、何を期待するかを知ることができます。

5つの具体的な機能

5.1 登録およびログイン機能

ユーザーは、ミニ プログラムによって提供される登録およびログイン機能を通じて、他のコア機能を使用できます。アプリケーション ロジックでは、ユーザーがクリックしてアプリに入り、ログイン タイプを管理者または学生として選択します。これは、それぞれ管理者権限とユーザー権限に対応します。学生タイプを選択し、登録済みの方は携帯電話番号とパスワードを入力してログインし、新規の方は「登録」ボタンをクリックして登録し、登録後ユーザー名とパスワードでログインしてください。

登録モジュールは携帯電話番号をユーザーIDとして使用し、ユーザーは携帯電話番号、学生ID、名前、専攻、学年、クラスなどの情報を入力し、パスワードを編集して2回確認します。 2 つのパスワードが一致していれば、登録は成功し、ユーザーの登録情報がデータベースに書き込まれて保存されます。

ログインモジュールでは、ユーザーが電話番号とパスワードを入力すると、システムがデータベース内の関連情報を呼び出し、ユーザーが入力した情報と比較し、結果が一致していれば、そのユーザーは正規のユーザーであると識別され、ログインは成功しました。

画像

5.2 ガベージ分類クエリ

この機能は、該当するごみの分別方法や基準を音声やテキストなどで問い合わせることができ、家庭ごみの分別作業を迅速かつ正確に行うことができます。

画像

5.3 ガベージのスケジュールされたコレクション

ごみの予約・リサイクル機能を利用することで、家庭ごみの計画的なリサイクルを実現できます。ごみが多くて運搬が難しい場合に特に便利です。効果は次のとおりです。

画像

5.4 ゴミ分類機能

この機能を利用すると、ごみの分別例や要点の解説を閲覧することができ、以下のような効果が得られます。

画像

6.バックエンドモジュール

管理者がミニ プログラムのさまざまなコンテンツと登録担当者を確認および表示して、その後の管理とメンテナンスを容易にするための独立したバックエンド モジュールを設計します。

5.5 パーソナルセンター機能

パーソナル センターの設計は比較的シンプルで、ユーザーは個人情報、予約、住所などの情報を表示、管理、変更できます。パーソナルセンターの効果は次の図に示されています。

画像

5.5 バックエンド機能

バックエンドは管理者用のバックエンド管理インターフェイスであり、管理者がミニ プログラムを維持および管理するのを容易にします。管理者アカウントでバックエンドにログインすると、バックエンドからゴミの分別情報、リサイクル予定情報、ニュース情報などの照会、変更、削除などが行えます。効果は次の図に示されています。

画像

画像

6 ソースコードのダウンロード

おすすめ

転載: blog.csdn.net/albert_xjf/article/details/132409512