はじめに

💗著者紹介：✌CSDNで長年の経験を持つ技術専門家、ブログエキスパート。Javaとマイクロアプリケーション分野での実務経験豊富なフルスタック開発者。ブログスター、掘金/华为雲/アリババクラウド/InfoQなどプラットフォームの優秀なライター。Javaやマイクロアプリケーション分野、卒業プロジェクトの実装に特化。✌💗

👇🏻注目記事 👇🏻 2024年最も人気の微信小程序卒業設計テーマ一覧：100の人気テーマ ✅ 2023-2024年最も人気のJava卒業設計テーマ一覧：500の人気テーマ ✅ Java実践事例集《500セット》 微信小程序プロジェクト事例集《500セット》 🌟記事末尾からソースコードとデータベースを入手🌟 興味のある方はお気軽に保存しておいてください。また、卒業設計のテーマ選び、プロジェクト開発、論文作成に関する質問はコメント欄にてご相談いただけます。皆様のお役に立てれば幸いです。

詳細動画デモンストレーション

詳細なデモンストレーション動画はお問い合わせください

スクリーンショット

技術スタック

バックエンドフレームワーク SpringBoot

Spring Boot は Tomcat、Jetty、Undertow などのサーバーを内蔵しており、追加のインストールや設定なしに直接使用できます。主な利点は自動構成機能です。これは、プロジェクト内の依存関係に基づいてアプリケーションを自動的に構成します。これにより、各依存関係を手動で設定する必要がなくなり、構成が非常に簡単になります。Spring Boot は Spring Data、Spring Security、Spring Cloud などの多くの即時利用可能な機能やプラグインを提供します。これにより、開発者はアプリケーションを迅速に構築でき、他の技術との拡張・統合も容易になります。このフレームワークは非常に人気があり、自動構成、内蔵サーバー、プラグインなどの機能により、高品質なアプリケーションをより高速かつ簡単に出力できます。

フロントエンドフレームワーク Vue

Vue.js のコアは仮想DOM技術です。仮想DOMはメモリ内のデータ構造であり、Vue.jsが効率的なDOM操作を実現するために役立ちます。レスポンシブデータバインディング、仮想DOM、コンポーネント化などの現代的な技術を取り入れ、開発者に柔軟で効率的、保守しやすい開発モードを提供します。データ変更時にUIも自動更新されるため、開発者はUIの手動更新ではなくデータ処理に集中できます。これがVueが持つ簡潔さ、柔軟性、効率性を体現しています。

永続化層フレームワーク MyBatis Plus

MyBatis-Plus は MyBatis フレームワークの拡張ツールであり、開発を簡略化することを目的としています。これはオープンソースのJavaフレームワークで、MySQL、Oracle、SQL Server、PostgreSQL など複数のデータベースをサポートします。MyBatis-Plus は豊富なAPIとアノテーションを提供し、簡単な設定と使用でORM操作を実現できます。これにより、手動でのSQL記述が大幅に削減されます。さらに、MyBatis-Plus にはコードジェネレータが搭載されており、エンティティクラス、Mapperインターフェース、XMLマッピングファイルを自動生成できます。これにより開発プロセスが劇的に簡略化されます。 MyBatis-Plus はページングクエリ、動的クエリ、楽観的ロック、パフォーマンス分析などの便利な機能をサポートし、開発者が効率的なデータ操作を実現できます。MyBatis-Plus を使用することで、開発者は高品質なデータアクセス層コードを迅速に開発でき、開発効率が向上します。

システムテスト

システムに存在する問題を特定するのが本システムの主なテスト目的です。機能テストを通じてシステムの欠陥を見つけ、修正し、システムに欠陥がないことを保証します。テスト中には、システムが顧客のニーズを満たしていることを確認し、問題や不備があれば速やかに修正します。テスト終了後、テスト結果を導き出します。

システムテスト目的

システム開発サイクルにおいて、システムテストは不可欠であり、忍耐を要するプロセスです。その重要性は、システムの品質と堅牢性を確保する最後の段階であり、開発全体の最終チェックであることです。 システムテストは、ユーザーが使用中に問題が発生しないようにし、ユーザーエクスペリエンスを向上させるためのものです。ユーザーの使用に影響を与えないよう、多角的かつ多様な視点からシステムが遭遇する可能性のある問題を考慮し、異なるシナリオを模擬して欠陥を発見し、問題を解決します。テスト中にシステムの品質状況、機能の健全性、ロジックの流れを把握できます。合格したシステムテストプロセスは、システムの品質と使用感を大幅に向上させます。テストの目的は、システムが要件仕様書に従っているかどうかを検証し、要件仕様書と一致しないまたは矛盾する内容を見つけることです。テスト中は常にユーザーの立場に立ち、現実的でないシナリオを避け、テスト時間を無駄にせず、予測結果と実際結果の不一致を避ける必要があります。

システム機能テスト

システムの機能モジュールをテストし、クリック、境界値入力、必須項目および任意項目の検証などの方法を用いて一連のブラックボックステストを実施します。テストケースを記述し、その内容に基づいてテストを実行し、最終的にテスト結果を導きます。 ログイン機能テストプラン：システムにログインする際、アカウントパスワードなどの機能ポイントを検証します。ユーザーはデータベースに格納されたデータと一致する情報を入力する必要があります。いずれかの項目が誤ると、システムは入力エラーを示します。この画面ではロール権限にも検証があります。管理者ロールでログインする場合もエラーになります。ログイン機能テストケースは以下の通りです。

ユーザー管理機能テストプラン：ユーザー管理にはユーザーの追加、編集、削除、検索機能があります。ユーザーを追加する際、必須項目を入力しない場合、システムがNULLチェックを行うかどうかを検証します。既存のユーザー情報を追加した場合、ユーザー名が使用済みであることを示すメッセージが表示されるかを確認します。ユーザー情報を削除する際、システムが操作を確認するかを検証します。ユーザー情報を変更した後、ページに変更内容が表示されるかを確認します。ユーザー管理テストケースは以下の通りです。

システムテスト結果

本システムは主にブラックボックステストを使用し、ユーザーの使用シミュレーションを通じて各機能をテストケースを記述し、テストを実施します。これにより、システムのプロセスの正確性を保証します。システムテストは不可欠であり、システムをより完成度の高いものにし、使用性を高めます。 このシステムのテストは、機能モジュールが当初の設計理念を満たしているか、各機能モジュールのロジックが正しいかを検証することを目的としています。このシステムは複雑なロジック処理を必要とせず、ユーザーが操作しやすいように設計されています。テストの最終目的はユーザーの使用に焦点を当てています。テスト中のすべてのシナリオはユーザーのニーズに適合し、ニーズ目標から逸脱してはいけません。問題が発生した場合はユーザーの視点で考える必要があります。一連のテストプロセスを経て最終的なテスト結果を得ました。テスト結果から、実装されたシステムは機能とパフォーマンス面で設計要件を満たしていることがわかります。

なぜ私を選ぶのか

アップロードされたプロジェクトは、著者が収集・開発したものであり、品質は保証されています。プログラミングに少しでも知識がある方におすすめです！

成功事例

コード参考

@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
   UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
   if(user==null || !user.getPassword().equals(password)) {
      return R.error("アカウントまたはパスワードが間違っています");
   }
   String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
   return R.ok().put("token", token);
}

    @Override
    public String generateToken(Long userid,String username, String tableName, String role) {
        TokenEntity tokenEntity = this.selectOne(new EntityWrapper<TokenEntity>().eq("userid", userid).eq("role", role));
        String token = CommonUtil.getRandomString(32);
        Calendar cal = Calendar.getInstance();   
        cal.setTime(new Date());   
        cal.add(Calendar.HOUR_OF_DAY, 1);
        if(tokenEntity!=null) {
            tokenEntity.setToken(token);
            tokenEntity.setExpiratedtime(cal.getTime());
            this.updateById(tokenEntity);
        } else {
            this.insert(new TokenEntity(userid,username, tableName, role, token, cal.getTime()));
        }
        return token;
    }

/**
 * 権限（Token）検証
 */
@Component
public class AuthorizationInterceptor implements HandlerInterceptor {

    public static final String LOGIN_TOKEN_KEY = "Token";

    @Autowired
    private TokenService tokenService;
    
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

        // CORSリクエスト対応
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization");
        response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
    // OPTIONSリクエストを直接返す
    if (request.getMethod().equals(RequestMethod.OPTIONS.name())) {
            response.setStatus(HttpStatus.OK.value());
            return false;
        }
        
        IgnoreAuth annotation;
        if (handler instanceof HandlerMethod) {
            annotation = ((HandlerMethod) handler).getMethodAnnotation(IgnoreAuth.class);
        } else {
            return true;
        }

        // headerからtoken取得
        String token = request.getHeader(LOGIN_TOKEN_KEY);
        
        /**
         * 権限検証不要メソッドを通過
         */
        if(annotation!=null) {
            return true;
        }
        
        TokenEntity tokenEntity = null;
        if(StringUtils.isNotBlank(token)) {
            tokenEntity = tokenService.getTokenEntity(token);
        }
        
        if(tokenEntity != null) {
            request.getSession().setAttribute("userId", tokenEntity.getUserid());
            request.getSession().setAttribute("role", tokenEntity.getRole());
            request.getSession().setAttribute("tableName", tokenEntity.getTablename());
            request.getSession().setAttribute("username", tokenEntity.getUsername());
            return true;
        }
        
        PrintWriter writer = null;
        response.setCharacterEncoding("UTF-8");
        response.setContentType("application/json; charset=utf-8");
        try {
            writer = response.getWriter();
            writer.print(JSONObject.toJSONString(R.error(401, "ログインしてください")));
        } finally {
            if(writer != null){
                writer.close();
            }
        }
//                throw new EIException("ログインしてください", 401);
        return false;
    }
}

データベース参考

-- ----------------------------
-- tokenテーブル構造
-- ----------------------------
DROP TABLE IF EXISTS `token`;
CREATE TABLE `token` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '主キー',
  `userid` bigint(20) NOT NULL COMMENT 'ユーザーID',
  `username` varchar(100) NOT NULL COMMENT 'ユーザー名',
  `tablename` varchar(100) DEFAULT NULL COMMENT 'テーブル名',
  `role` varchar(100) DEFAULT NULL COMMENT 'ロール',
  `token` varchar(200) NOT NULL COMMENT 'トークン',
  `addtime` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '作成日時',
  `expiratedtime` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '有効期限',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=27 DEFAULT CHARSET=utf8 ROW_FORMAT=COMPACT COMMENT='tokenテーブル';

-- ----------------------------
-- tokenレコード
-- ----------------------------
INSERT INTO `token` VALUES ('9', '23', 'cd01', 'xuesheng', '学生', 'al6svx5qkei1wljry5o1npswhdpqcpcg', '2023-02-23 21:46:45', '2023-03-15 14:01:36');
INSERT INTO `token` VALUES ('10', '11', 'xh01', 'xuesheng', '学生', 'fahmrd9bkhqy04sq0fzrl4h9m86cu6kx', '2023-02-27 18:33:52', '2023-03-17 18:27:42');
INSERT INTO `token` VALUES ('11', '17', 'ch01', 'xuesheng', '学生', 'u5km44scxvzuv5yumdah2lhva0gp4393', '2023-02-27 18:46:19', '2023-02-27 19:48:58');
INSERT INTO `token` VALUES ('12', '1', 'admin', 'users', '管理者', 'h1pqzsb9bldh93m92j9m2sljy9bt1wdh', '2023-02-27 19:37:01', '2023-03-17 18:23:02');
INSERT INTO `token` VALUES ('13', '21', 'xiaohao', 'shezhang', '社長', 'zdm7j8h1wnfe27pkxyiuzvxxy27ykl2a', '2023-02-27 19:38:07', '2023-03-17 18:25:20');
INSERT INTO `token` VALUES ('14', '27', 'djy01', 'xuesheng', '学生', 'g3teq4335pe21nwuwj2sqkrpqoabqomm', '2023-03-15 12:56:17', '2023-03-15 14:00:16');
INSERT INTO `token` VALUES ('15', '29', 'dajiyue', 'shezhang', '社長', '0vb1x9xn7riewlp5ddma5ro7lp4u8m9j', '2023-03-15 12:58:08', '2023-03-15 14:03:48');

ソースコード入手

記事末尾の連絡先からお問い合わせください。 いいね、保存、フォロー、コメントをお願いします。連絡方法は下記をご確認ください。 注目記事：下記の記事をご覧ください👇🏻 Java実践事例集《500セット》 微信小程序プロジェクト事例集《500セット》