计算机java项目推荐 SpringBoot+VUE的服装销售商城管理系统

ゝ一纸荒年。 2024-02-17 13:24 24阅读 0赞

### 项目背景 ###

随着科学技术的飞速发展，社会的方方面面、各行各业都在努力与现代的先进技术接轨，通过科技手段来提高自身的优势，服装销售商城当然也不能排除在外。服装销售商城是以实际运用为开发背景，运用软件工程原理和开发方法，采用springboot框架构建的一个管理系统。整个开发过程首先对软件系统进行需求分析，得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统功能设计、系统总体结构设计、系统数据结构设计和系统安全设计等；详细设计主要包括系统数据库访问的实现，主要功能模块的具体实现，模块实现关键代码等。最后对系统进行功能测试，并对测试结果进行分析总结，得出系统中存在的不足及需要改进的地方，为以后的系统维护提供了方便，同时也为今后开发类似系统提供了借鉴和帮助。这种个性化的网上管理系统特别注重交互协调与管理的相互配合，激发了管理人员的创造性与主动性，对服装销售商城而言非常有利。  
本服装销售商城采用的数据库是Mysql，使用springboot框架开发。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。

### 功能设计 ###

##### 功能模块图 #####

服装销售商城的结构图  
![在这里插入图片描述][cb85d4bd23cd4834bc71fa360d8f15f0.png]  
登录系统结构图  
![在这里插入图片描述][e8743561770d437fa11c1ca48730bc0d.png]  
服装销售商城结构图  
![在这里插入图片描述][280ea1b1593e41398c4a60235a0a2d09.png]

### 功能截图 ###

##### 管理员模块 #####

管理员登录，通过填写用户名、密码、角色进行登录  
![在这里插入图片描述][235a2ae0a162462f954fd2019509a65b.png]  
管理员登录进入服装销售商城可以查看首页、个人中心、用户管理、商品分类管理、商品信息管理、订单评价管理、系统管理、订单管理等信息。  
个人中心，在个人中心页面中可以通过填写原密码、新密码、确认密码等信息进行添加、修改。还可以根据需要对个人信息进行添加，修改或删除等详细操作  
![在这里插入图片描述][14785205afb741e7aab81e5de18959c2.png]  
![在这里插入图片描述][6bc23b2eadfa44cfa1f70c54f4d05991.png]  
用户管理，在用户管理页面中可以查看用户名、姓名、性别、头像、联系电话等信息，并可根据需要对用户管理进行详情、修改或删除等操作  
![在这里插入图片描述][f381c5eb370d46df9a9fc68d405e52e6.png]  
商品分类管理，在商品分类管理页面中可以查看商品分类等信息，并可根据需要对商品分类管理进行详情、修改或删除等详细操作  
![在这里插入图片描述][9f13a06e96a14f5d812d18d5001dc8a8.png]  
商品信息管理，在商品信息管理页面中可以查看商品名称、商品分类、图片、品牌、规格、价格等内容，并且根据需要对商品信息管理进行详情，修改或删除等详细操作  
![在这里插入图片描述][5ceaaf40a6834a74bbe19a3c01870dd3.png]  
轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作  
![在这里插入图片描述][089a39209bae43e888d66eb21862411c.png]  
订单管理，在订单管理页面中可以查看订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等内容，并且根据需要对订单管理进行详情、修改或删除等详细操作  
![在这里插入图片描述][58e587ba920047359885eefa0c6e7faf.png]  
订单评价管理，在订单评价管理页面中可以查看订单编号、商品名称、商品分类、品牌、规格、评分、添加图片、评价内容、评价日期、用户名、审核回复、审核状态、审核等内容，并且根据需要对订单评价管理进行详情、修改或删除等详细操作  
![在这里插入图片描述][e51881a9fd6e4248b473ef823bf48a3f.png]

##### 用户模块 #####

用户登录进入服装销售商城可以查看首页、个人中心、订单评价管理、我的收藏管理、订单管理等内容。  
订单评价管理，在订单评价管理页面中通过查看订单编号、商品名称、商品分类、品牌、规格、评分、添加图片、评价内容、评价日期、用户名、审核回复、审核状态等信息还可以根据需要对订单评价管理进行修改  
![在这里插入图片描述][32f4e1ce91ba4514bdc1cf4ca997a85b.png]  
我的收藏管理，在我的收藏管理页面中可以查看收藏名称、收藏图片等信息内容，并且根据需要对我的收藏管理进行详情或删除等其他详细操作  
![在这里插入图片描述][4ea4e522b465492da7690cb2edd4acf7.png]  
订单管理，在订单管理页面中通过查看订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等内容进行详情  
![在这里插入图片描述][5bd57bafc2964a3cb65a720979f6c709.png]

##### 前台模块 #####

服装销售商城，在服装销售商城可以查看首页、商品信息、商品资讯、个人中心、后台管理、购物车、在线客服等内容  
![在这里插入图片描述][8d8a3c5d22884fb99bcab1e4928262fd.png]  
用户登录、用户注册，通过注册获取用户名、密码、姓名、联系电话等信息进行注册、登录  
![在这里插入图片描述][7275c38e0cdd446c9c93b140c3f57e23.png]  
![在这里插入图片描述][c7c205f1b48b4e228bab10a95351361c.png]  
商品信息，在商品信息页面可以查看商品名称、商品分类、图片、品牌、规格、价格等信息进行添加到购物车、立即购买  
![在这里插入图片描述][6ca6753ad66f4aa68deb037c1840ca15.png]  
个人中心，在个人中心页面可以查看用户名、姓名、性别、头像、联系电话等进行更新信息、退出登录  
![在这里插入图片描述][3d8e474657114937b30c189764db6938.png]

### 相关代码 ###

##### 数据库配置 #####

# Tomcat
    server:
        tomcat:
            uri-encoding: UTF-8
        port: 8080
        servlet:
            context-path: /springbootr1tjf
    
    spring:
        datasource:
            driverClassName: com.mysql.jdbc.Driver
            url: jdbc:mysql://127.0.0.1:3306/springbootr1tjf?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8
            username: root
            password: 123456
    
    #        driverClassName: com.microsoft.sqlserver.jdbc.SQLServerDriver
    #        url: jdbc:sqlserver://127.0.0.1:1433;DatabaseName=springbootr1tjf
    #        username: sa
    #        password: 123456
    
        servlet:
          multipart:
            max-file-size: 10MB
            max-request-size: 10MB
        resources:
          static-locations: classpath:static/,file:static/
    
    #mybatis
    mybatis-plus:
      mapper-locations: classpath*:mapper/*.xml
      #实体扫描，多个package用逗号或者分号分隔
      typeAliasesPackage: com.entity
      global-config:
        #主键类型  0:"数据库ID自增", 1:"用户输入ID",2:"全局唯一ID (数字类型唯一ID)", 3:"全局唯一ID UUID";
        id-type: 1
        #字段策略 0:"忽略判断",1:"非 NULL 判断"),2:"非空判断"
        field-strategy: 2
        #驼峰下划线转换
        db-column-underline: true
        #刷新mapper 调试神器
        refresh-mapper: true
        #逻辑删除配置
        logic-delete-value: -1
        logic-not-delete-value: 0
        #自定义SQL注入器
        sql-injector: com.baomidou.mybatisplus.mapper.LogicSqlInjector
      configuration:
        map-underscore-to-camel-case: true
        cache-enabled: false
        call-setters-on-nulls: true
        #springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other)
        jdbc-type-for-null: 'null'

##### 控制层（controller） #####

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.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);
            	UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
            	if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
        
            		return R.error("用户名已存在。");
            	}
                userService.updateById(user);//全部更新
                return R.ok();
            }
        
            /**
             * 删除
             */
            @RequestMapping("/delete")
            public R delete(@RequestBody Long[] ids){
        
                userService.deleteBatchIds(Arrays.asList(ids));
                return R.ok();
            }
        }

##### 业务层（Service） #####

package com.service;
        
        import java.util.List;
        import java.util.Map;
        
        import org.apache.ibatis.annotations.Param;
        
        import com.baomidou.mybatisplus.mapper.Wrapper;
        import com.baomidou.mybatisplus.service.IService;
        import com.entity.UserEntity;
        import com.utils.PageUtils;
    
    
        /**
         * 系统用户
         */
        public interface UserService extends IService<UserEntity> {
        
         	PageUtils queryPage(Map<String, Object> params);
            
           	List<UserEntity> selectListView(Wrapper<UserEntity> wrapper);
           	
           	PageUtils queryPage(Map<String, Object> params,Wrapper<UserEntity> wrapper);
        	   	
        }

##### 数据访问层（Dao） #####

package com.dao;
    
    import java.util.List;
    
    import org.apache.ibatis.annotations.Param;
    
    import com.baomidou.mybatisplus.mapper.BaseMapper;
    import com.baomidou.mybatisplus.mapper.Wrapper;
    import com.baomidou.mybatisplus.plugins.pagination.Pagination;
    import com.entity.UserEntity;
    
    /**
     * 用户
     */
    public interface UserDao extends BaseMapper<UserEntity> {
        
    	
    	List<UserEntity> selectListView(@Param("ew") Wrapper<UserEntity> wrapper);
    
    	List<UserEntity> selectListView(Pagination page,@Param("ew") Wrapper<UserEntity> wrapper);
    	
    }

## 项目获取: ##

[https://gitee.com/sinonfin/L-javaWebSha/tree/master][https_gitee.com_sinonfin_L-javaWebSha_tree_master]

[cb85d4bd23cd4834bc71fa360d8f15f0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/c5e0f2d621bd4e4cb35782a4e23c5924.png
[e8743561770d437fa11c1ca48730bc0d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/540d1b7deafc485c997cce980af2cae3.png
[280ea1b1593e41398c4a60235a0a2d09.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/7d1eb6d62baa44e8a2bf2b364ea5e261.png
[235a2ae0a162462f954fd2019509a65b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/e046a1c86cdb4664b3918e40e814a7f6.png
[14785205afb741e7aab81e5de18959c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/5b9f339b062a456babf4497b14cbbd0d.png
[6bc23b2eadfa44cfa1f70c54f4d05991.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/a0ba537c149440f8928bbeae4bca83db.png
[f381c5eb370d46df9a9fc68d405e52e6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/b7bafd490eba4fc18664b3ecaff3c2a6.png
[9f13a06e96a14f5d812d18d5001dc8a8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/c3ab1f7b231a4e2b84cb8b05063a84f2.png
[5ceaaf40a6834a74bbe19a3c01870dd3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/6b6920eb54f340608db6bb42b1e71d37.png
[089a39209bae43e888d66eb21862411c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/99098a0713a0463cafb02113046709d7.png
[58e587ba920047359885eefa0c6e7faf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/fdfd5548fe40463b9a8144a50ab9f18f.png
[e51881a9fd6e4248b473ef823bf48a3f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/9808ddbbcf8e4102bc7e8fd92817bb0c.png
[32f4e1ce91ba4514bdc1cf4ca997a85b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/2701dd1240704c0c9748efc770c185c6.png
[4ea4e522b465492da7690cb2edd4acf7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/9596d374c4724cc3a41bb64d62736aab.png
[5bd57bafc2964a3cb65a720979f6c709.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/ff0731b3e64b44c78058075f61374a38.png
[8d8a3c5d22884fb99bcab1e4928262fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/9e593a2519ec4370b39a9c9db09b20c7.png
[7275c38e0cdd446c9c93b140c3f57e23.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/4c33e4c2cfe64c0da949222555acd7f3.png
[c7c205f1b48b4e228bab10a95351361c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/e9a4278d7fb64a53b003b26323032c22.png
[6ca6753ad66f4aa68deb037c1840ca15.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/b83e89d09aa7446287ae5fedf7dfe408.png
[3d8e474657114937b30c189764db6938.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/be030e7253cc45de9eef6431674c57bd.png
[https_gitee.com_sinonfin_L-javaWebSha_tree_master]: https://gitee.com/sinonfin/L-javaWebSha/tree/master