ブロガーの紹介: ✌プログラマーの Xu 兄弟。大規模な工場でプログラマーとして 7 年の経験があります。ネットワーク全体に 300,000 人以上のファン、CSDN ブログの専門家、Nuggets/Huawei Cloud/Alibaba Cloud/InfoQ およびその他のプラットフォームに関する質の高い著者であり、Java、Python の技術分野と卒業プロジェクトの実践に重点を置いています✌
記事ディレクトリ
1 はじめに
WeChat アプレットをベースにしたキャンパス中古品取引システム (ssm) アプレット
2 テクノロジースタック
| 説明する | テクノロジースタック | 述べる |
|---|---|---|
| バックステージ | ジャワ | |
| フロントエンド | アプレット | |
| データベース | MYSql | |
| 建築 | B/S構造 |
3.要件分析
3.1 機能要件
このWebサイトの最大の特徴は、充実した機能、シンプルな構造、明確な役割機能です。それぞれの役割により、以下の基本機能が実現されます。
サーバ
バックエンド ホームページ: バックエンド ホームページに直接ジャンプできます。
ユーザー情報管理：申請に成功したすべてのユーザーを管理します。
製品情報管理：キャンパス中古品のすべての製品情報を詳細に管理します。
違反苦情管理: 一部の違反苦情を管理します。
注文管理: プラットフォーム上で注文を管理します。
個人情報管理：パーソナルセンターは主に自分自身の情報の照会と管理を目的としており、主な内容には間違いなく個人情報の変更操作が含まれており、当社の管理者はパスワードの変更と私のコレクションをよく一緒に運営しています。
フロントエンド
ホームページ: ホームページでは中古品の全カテゴリーをご覧いただけます。
すべて: 電化製品、衣料品など、さまざまなカテゴリの製品情報が表示されます。
公開：自分の中古品を公開できます
My: パーソナル センターは主に自分自身の情報の照会と管理を目的としており、主な内容には間違いなく個人情報の変更操作が含まれますが、管理者はパスワードの変更と私のコレクションをよく組み合わせます。
3.2 システム全体の構築
すべてのシステムには、設計の開始時にすでに独自の使命があります。作業中にいくつかの問題が発生したため、プログラムを使用して解決しました。したがって、私たちが開発するプログラムが望ましい目標を達成できるようにするために、設計されたシステムの全体的な構築目標は次のように整理されます。
(1) まず第一に、私たちが構築したい目標の 1 つは、システムが美しく、シンプルであることです。情報系システムには情報系の外観が必要であり、優れた製品の第一の使命は、ユーザーインターフェイスを通じてユーザーを深く惹きつけることです。そうすることで初めて、ユーザーは使用中に新たな体験を感じ、使い続けることができるのです。
(2) 美しいインターフェースを完成させる前提で、やるべきことは機能の充実です。システムの品質は、その美しいデザインだけでなく、完璧な機能にも反映されます。ユーザーが必要とする機能がすべて揃っていて初めて使えるシステムと言えますが、そうでないとユーザーは「見た目だけ」と言ってしまいます。
(3) 上記 2 点はユーザーが実感できる構築目標ですので、3 点目についてはプログラム開発の観点からお話します。ビジネス設計の段階では、すべてのビジネスデータを明確に整理し、すべてをデータベースに具体的に反映できるようにする必要があります。これを、データ言語の詳細設計とよく呼びます。同時に、その設計思想が正常であることも確認する必要があり、これによってのみ、メンテナンス プロセスで便利になります。
3.3 システムの論理構造
システムの論理構造は何ですか? システムの論理構造は、システム内のデータの内と外を簡単な説明で明確に表現できます。言い換えれば、ユーザーのリクエストデータから最終的な結果に至るまでの過程を示すことができます。システム設計プロセス中に、データがどのように流れ、ゲートウェイに到達した後にデータがどのように変換されるかについて人々が話すのをよく聞きます。実際には、ユーザーからの操作要求はデータ要求としてゲートウェイに送信され、ゲートウェイで配信された後、ネットワークを介して設定された指定サーバーに到達します。サーバーでは、プログラムの各機能が関連性を持たせる必要があります。そして最後に、処理されたデータをフロントエンド インターフェイスに返すことができます。
4. システム実現可能性調査
4.1 技術的な実現可能性
私たちが大学での学習中に最も多く触れるのは間違いなく JSP 言語ですが、同時に大学の授業で使用される JAVA 言語も大学でのキャリアを通じて常に付きまといます。もちろん、この専攻を学ぶ過程で、学校はHTML言語、XML、その他の言語のコースも提供します。このシステムは主にJSP言語を使用しているため、技術的には実現可能です。また、大学時代にデータベース学習の経験も豊富なので、非常にマッチングしやすいです。
4.2 経済的実現可能性
情報化の発展は人類社会にとって大きく重要な貢献であり、人々の生活や仕事においても、情報化は私たちの周りでますます普及しています。インターネットの発展は、人々の生活習慣を含め、人々の生活のあらゆる側面を変えました。他の業界と比較すると、ソフトウェア開発に必要な経済コストは最小限である可能性があります。このシステムの開発・構築過程では、コードプログラミングが行われるだけで、その他必要な経済的支援作業は必要ありません。コード開発プロセス中に必要なのは、コンピューターとネットワーク ケーブルだけです。したがって、経済性の観点からも実現可能性は高い。
5. システム全体の設計
このWebサイトの最大の特徴は、充実した機能、シンプルな構造、明確な役割機能です。それぞれの役割により、以下の基本機能が実現されます。
サーバ
バックエンド ホームページ: バックエンド ホームページに直接ジャンプできます。
ユーザー情報管理：申請に成功したすべてのユーザーを管理します。
製品情報管理：キャンパス中古品のすべての製品情報を詳細に管理します。
違反苦情管理: 一部の違反苦情を管理します。
注文管理: プラットフォーム上で注文を管理します。
個人情報管理：パーソナルセンターは主に自分自身の情報の照会と管理を目的としており、主な内容には間違いなく個人情報の変更操作が含まれており、当社の管理者はパスワードの変更と私のコレクションをよく一緒に運営しています。
フロントエンド
ホームページ: ホームページでは中古品の全カテゴリーをご覧いただけます。
すべて: 電化製品、衣料品など、さまざまなカテゴリの製品情報が表示されます。
公開：自分の中古品を公開できます
My: パーソナル センターは主に自分自身の情報の照会と管理を目的としており、主な内容には間違いなく個人情報の変更操作が含まれますが、管理者はパスワードの変更と私のコレクションをよく組み合わせます。
その機能構造を次の図に示します。
6. データベース設計
6.1ER図
(1) システム管理者情報
(2) 一般利用者
6.2 データベース設計
システムに関与する必要があるテーブルはわずか数個だけです。1 つ目はいわゆる管理者情報テーブルでなければならず、2 つ目はハウス ストレージ情報テーブルです。次に、システムで使用されるアナウンス情報テーブルとメッセージ情報テーブルがあります。データベーステーブルの図を図に示します。
表1 品目情報表(wupingxinxi)
| フィールド名 | 説明する | タイプ | 長さ | 空いてますか？ | 主キーですか? |
|---|---|---|---|---|---|
| ID | ID | 整数 | 11 | いいえ | はい |
| 方武辺豪 | シリアルナンバー | 内部 | 50 | はい | いいえ |
| ファングウビアオティ | タイトル | バーチャー | 50 | はい | いいえ |
| トゥピアン | 写真 | バーチャー | 50 | はい | いいえ |
| フェンレイ | 分類 | バーチャー | 50 | はい | いいえ |
フォーム 2 苦情情報フォーム (liuyanban)
| フィールド名 | 説明する | タイプ | 長さ | 空いてますか？ | 主キーですか? |
|---|---|---|---|---|---|
| ID | ID | 整数 | 11 | いいえ | はい |
| 興明 | 名前 | バーチャー | 50 | はい | いいえ |
| 連西点華 | 連絡先番号 | バーチャー | 50 | はい | いいえ |
| リヤンネイロン | コンテンツ | バーチャー | 50 | はい | いいえ |
| 柳延仁 | 人々 | バーチャー | 50 | はい | いいえ |
| フイフネロン | 返信内容 | バーチャー | 50 | はい | いいえ |
| 追加時間 | 時間を追加する | バーチャー | 50 | はい | いいえ |
7. システム導入
ユーザーにとってシステムの重要性は、非常に優れたページが表示されることです。想像してみてください。システムのフロント ページが非常に乱雑で、システム フロント デスクの機能に適切な調整がされていない場合、ユーザーはログイン時に非常に機嫌が悪くなるでしょう。これは制度導入にとって致命傷と言える。優れたシステムで最も重要なことは、ページが美しくエレガントであることであり、これによってのみユーザーをより引き付けることができます。そのため、システム設計の初期段階では、多くのことを考え、現在の成熟したシステムのフロントページも多く参照し、私が想像していたフロントページがこのシステムにほぼ反映されるようにしました。同時に、合理的なシステムとなるよう、指導教員にも設計上の意見を求めました。先生の意見を聞いた後、私も多くの生徒たちにシステムの素晴らしさについて質問してみました。ユーザーのログイン インターフェースは次のとおりです。
ウェブサイトの機能はデザイナーにとって多くの実践的な操作を必要とし、背景デザインのプロセスでは、管理者やユーザーが各機能が存在する場所を非常に便利に見つけられるようにしたいと考えています。では、デザインされたと考えられるこれらの場所はどのように機能するのか、つまり合理的なデザインを通じて、人間の視覚は常に左から始まり、右に進むという美学を示しているので、デザインを作成しました。最初はすべてを配置することを考えていました左側のメニュー。バックエンド管理システムに関連する機能管理業務。以下に示すように:
管理システムが適切に機能するために必要な機能の 1 つは、システム内のユーザーのパスワードを変更することですが、実際の使用プロセスでは、必然的に不注意なユーザーが発生し、パスワードを忘れた場合は管理者に連絡して操作する必要があります。背景 データベース上で確認できますが、システムの堅牢性を確保するには、やはり簡単なパスワード変更機能を設計する必要があります。一部のユーザーや管理者がパスワードを忘れることを防ぐために、開発段階でパスワードを変更できる機能が特別に設計されており、このような機能を使用すると、一部のユーザーがパスワードを忘れてしまうと機能の入り口が見つからなくなる可能性があります。パスワードを変更したい場合は、次のように管理者やユーザー自身にとっても便利です。
情報付加は、このシステムにおける重要な機能表示であり、システムの最後の機能は、情報機能を追加できるようにすることであり、情報機能を追加することでシステムを充実させることができる。単に情報を追加する機能だけでなく、さまざまな情報の追加にも対応しており、データの種類ごとに関連する操作情報もリストアップするなど、機能的な整理もしながら進めていきました。住宅情報を一元管理することで、下図のように管理者の業務効率が大幅に向上します。
私たちのシステムのリストの表示段階では、フォームとデータを組み合わせた方法を使用しています。この表示方法の方がすっきりと美しく見えるからです。他に言うことはありませんが、システムに 100 個のフィールドがあり、10,000 行を超えるデータがある場合を想像してください。ページ上には大量のデータが存在し、その場合はテーブルの形式を使用します。表示された後の方が良いです。左側のツリー状の機能メニュー バーと右側の機能操作領域は、すべてのシステム管理バックエンド ページでほぼ同じスタイルになっていますが、これは単なる見た目の美しさだけではありません。システムの機能を十分に反映させるためでもあります。以下に示すように:
では、データが大量にあるためにデータが見つからないという頭の痛い不快な問題を解決するには、どのような技術的方法を使用すればよいでしょうか? ここでは、作成した SQL クエリを使用します。SQL クエリを実行するときに、クエリ言語を条件として渡すこともできます。この方法では、全面的な制限があり、多くの問題を心配する必要がなくなります。 。以下のページのように、クエリ条件にすべてをリストします。以下に示すように:
