SSMをベースとした大型ショッピングモール会員管理システムの設計・導入

最後にソースコードを取得します
開発言語: Java
Java 開発ツール: JDK1.8
バックエンドフレームワーク: SSM
フロントエンド: JSP テクノロジーを使用して開発
データベース: MySQL5.7 と Navicat 管理ツールの組み合わせ
サーバー: Tomcat8.5
開発ソフトウェア: IDEA/Eclipse
Maven プロジェクトかどうか: はい

---

目次

1. プロジェクトの紹介

2. システム設計

レイアウト設計の原則

3. システムプロジェクトのスクリーンショット

従業員管理

会員情報の管理

製品管理

会員情報照会

新しい注文を追加

注文書の詳細を表示する

4. コアコード

4.1 ログイン関連

4.2 ファイルのアップロード

4.3 梱包

---

1. プロジェクトの紹介

情報化時代に入って以来、多くのデータは処理を支援するサポートソフトウェアを必要とし、これにより従来の方法によって引き起こされた管理上の問題を解決できます。たとえば、時間とコストがかかり、データの保守が難しく、データが失われやすくなります。データベースツールMySQLとプログラミングフレームワークSSMを用いて開発された大規模ショッピングモール会員管理システムで、会員情報管理、商品情報管理、発注管理、発注内容管理など、対象ユーザー層に必要な機能を実現します。機能。

つまり、大型ショッピングモールの会員管理システムは、コンピュータによるデータ処理をベースとしているため、基本的なデータ入力や、誤ったデータの変更、統計データなどの運用要件さえも、短時間で一括してデータ管理を完了することができます。システムを使用すると、退屈な作業負荷が大幅に軽減され、データ管理者の効率が向上し、データ処理に費やされるお金と時間を節約できます。同時に、大型ショッピングモールの会員管理システム自体も、システムのバックグラウンドデータを保存するためのサポートデータベースを備えており、データストレージの容量は従来モデルとは比較にならないほどであり、データセキュリティの面でも、対応する暗号化が行われています。したがって、データ侵害や盗難は簡単ではありません。

---

2. システム設計

設計の際、ユーザーのニーズを重視してシステムの機能やデータベースの設計を行うことが多いですが、システム設計の際にはユーザーエクスペリエンスを重視することも重要な設計内容となります。例えば、システムはユーザーが必要とする機能を実装しているものの、インターフェイスのレイアウトが比較的わかりにくく、インターフェイス内のさまざまな要素の組み合わせも無理があり、一度システムにアクセスすると、その後の操作ができなくなります。必要な情報を短時間で見つけることは視覚的な混乱を引き起こしやすく、疲労はユーザーのシステムの使用に直接影響します。したがって、システムを設計する際には、ユーザーエクスペリエンスにも注意を払う必要があります。ユーザー間の教育レベル、職業、地域などの違いにより、ユーザーの行動にも違いが生じるため、デザイナーはユーザー間の行動の違いと共通点の両方を考慮する必要があります。ユーザーの習慣を尊重してページをデザインし、レイアウトします。これにより、ユーザーはシステムに複数回アクセスできるようになります。

レイアウト設計の原則

ページをレイアウトするには、システムのさまざまなモジュールを分割し、その重要度に応じてモジュールを配置する必要があり、ユーザーが関心を持つ重要な情報にも注意を払い、合理的なレイアウト方法を使用する必要があります。システムが表現したい情報内容を伝えるとともに、ユーザーが必要な情報を迅速かつ効率的に取得できるようにします。レイアウトはページデザインの中核ですが、ページコンテンツの調整、統一性、バランスにも注意を払う必要があります。

レイアウト設計では、次のコンテンツで説明する基本原則も考慮する必要があります。

1つ目のポイント：システム要件を参照し、システムコンテンツを分割し、重要度の異なるレベルに応じてレイアウトし、同じ領域に類似または類似の情報コンテンツを表示して、訪問者が情報をよりスムーズに読むことができるようにします。

2 番目のポイント: ページ内のより重要な領域は上部と左の位置であるため、この領域にはシステム内のより重要なモジュールを配置する必要があります。結局のところ、この領域はユーザーの注意を引き付け、ユーザーがページにアクセスし、彼らのニーズを見つけてください。一部のマイナー モジュールについては、ページの下部と右側に配置できます。このデザイン配置によってのみ、ページ デザインの実用的な機能を発揮することができます。

3 番目のポイント: ユーザーの習慣に基づいてページをデザインする. ほとんどのユーザーは共通の操作特性を持っていますが、ユーザー間にはまだ違いがあります. ユーザーの操作習慣に影響を与える共通の要因には、年齢、学歴、職業、性別などが含まれます。したがって、デザイン時にユーザーの共通の特性を考慮するときは、ユーザーのさまざまな習慣を尊重するよう努める必要もあります。

---

3. システムプロジェクトのスクリーンショット

従業員管理

従業員の管理は管理者の役割です。その作用効果図は以下の通りです。管理者は、このページで従業員の追加、従業員のクエリ、従業員の削除、および従業員情報の変更を行うことができます。

会員情報の管理

会員情報の管理は管理者の仕事です。その作用効果図は以下の通りです。管理者は、会員のポイント、ポイントレベル、利用状況情報を確認したり、会員の追加、削除、会員情報の変更を行うことができます。

 

製品管理

製品の管理は管理者の役割です。その作用効果図は以下の通りです。管理者は、商品の単価、数量、種類情報の変更、商品の削除、商品情報の照会を行うことができます。

 

会員情報照会

会員情報の照会は従業員の役割です。その作用効果図は以下の通りです。従業員はメンバーを検索し、現在のページでメンバーの詳細を表示できます。

 

新しい注文を追加

新しい注文を追加するのは従業員の仕事です。その作用効果図は以下の通りです。従業員は、会員が購入する必要がある商品を追加し、最後に会員カードを選択して注文を送信し、チェックアウトします。

 

注文書の詳細を表示する

従業員は現在のモジュールで発注書の詳細を表示します。その操作効果は次のとおりです。従業員は発注書の詳細を照会し、オペレーター、購入した商品、数量などの発注書の詳細を表示します。

 

---

4. コアコード

4.1 ログイン関連

package com.controller;


import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UserEntity;
import com.service.TokenService;
import com.service.UserService;
import com.utils.CommonUtil;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
	
	@Autowired
	private UserService userService;
	
	@Autowired
	private TokenService tokenService;

	/**
	 * 登录
	 */
	@IgnoreAuth
	@PostMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().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);
	}
	
	/**
	 * 注册
	 */
	@IgnoreAuth
	@PostMapping(value = "/register")
	public R register(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@GetMapping(value = "logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }
	
	/**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
    	PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/list")
    public R list( UserEntity user){
       	EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
      	ew.allEq(MPUtil.allEQMapPre( user, "user")); 
        return R.ok().put("data", userService.selectListView(ew));
    }

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

4.2 ファイルのアップロード

package com.controller;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.util.Arrays;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Random;
import java.util.UUID;

import org.apache.commons.io.FileUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.util.ResourceUtils;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.ConfigEntity;
import com.entity.EIException;
import com.service.ConfigService;
import com.utils.R;

/**
 * 上传文件映射表
 */
@RestController
@RequestMapping("file")
@SuppressWarnings({"unchecked","rawtypes"})
public class FileController{
	@Autowired
    private ConfigService configService;
	/**
	 * 上传文件
	 */
	@RequestMapping("/upload")
	public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		File path = new File(ResourceUtils.getURL("classpath:static").getPath());
		if(!path.exists()) {
		    path = new File("");
		}
		File upload = new File(path.getAbsolutePath(),"/upload/");
		if(!upload.exists()) {
		    upload.mkdirs();
		}
		String fileName = new Date().getTime()+"."+fileExt;
		File dest = new File(upload.getAbsolutePath()+"/"+fileName);
		file.transferTo(dest);
		FileUtils.copyFile(dest, new File("C:\\Users\\Desktop\\jiadian\\springbootl7own\\src\\main\\resources\\static\\upload"+"/"+fileName));
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName("faceFile");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put("file", fileName);
	}
	
	/**
	 * 下载文件
	 */
	@IgnoreAuth
	@RequestMapping("/download")
	public ResponseEntity<byte[]> download(@RequestParam String fileName) {
		try {
			File path = new File(ResourceUtils.getURL("classpath:static").getPath());
			if(!path.exists()) {
			    path = new File("");
			}
			File upload = new File(path.getAbsolutePath(),"/upload/");
			if(!upload.exists()) {
			    upload.mkdirs();
			}
			File file = new File(upload.getAbsolutePath()+"/"+fileName);
			if(file.exists()){
				/*if(!fileService.canRead(file, SessionManager.getSessionUser())){
					getResponse().sendError(403);
				}*/
				HttpHeaders headers = new HttpHeaders();
			    headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);    
			    headers.setContentDispositionFormData("attachment", fileName);    
			    return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.CREATED);
			}
		} catch (IOException e) {
			e.printStackTrace();
		}
		return new ResponseEntity<byte[]>(HttpStatus.INTERNAL_SERVER_ERROR);
	}
	
}

4.3 梱包

package com.utils;

import java.util.HashMap;
import java.util.Map;

/**
 * 返回数据
 */
public class R extends HashMap<String, Object> {
	private static final long serialVersionUID = 1L;
	
	public R() {
		put("code", 0);
	}
	
	public static R error() {
		return error(500, "未知异常，请联系管理员");
	}
	
	public static R error(String msg) {
		return error(500, msg);
	}
	
	public static R error(int code, String msg) {
		R r = new R();
		r.put("code", code);
		r.put("msg", msg);
		return r;
	}

	public static R ok(String msg) {
		R r = new R();
		r.put("msg", msg);
		return r;
	}
	
	public static R ok(Map<String, Object> map) {
		R r = new R();
		r.putAll(map);
		return r;
	}
	
	public static R ok() {
		return new R();
	}

	public R put(String key, Object value) {
		super.put(key, value);
		return this;
	}
}