蛋糕商城系统毕业设计和实现----ava+Springboot+Vue+elememt

908925859力

4079人浏览 · 2024-05-12 09:53:32

908925859力 · 2024-05-12 09:53:32 发布

一、开发背景和技术：

1.1 开发背景

1.2 B/S体系结构

1.3 Java语言简介

1.4 SpringBoot框架

1.5 MySQL简介

二、系统设计：

2.1 系统整体架构：

2.2 购物流程设计：

2.3 主要研究方法：

2.4 登录模块设计：

三、功能截图：

3.1 登录注册：

3.2 前端首页模块：

3.3 商家查看模块：

3.4 甜品信息模块：

3.5 甜品详情模块：

3.6 商品详情和评论：

3.7 购物车模块：

3.8 购买详情页面：

3.9 订单支付模块：

3.10 甜品资讯模块：

3.11 个人中心模块：

四、后台管理模块

五、部分代码：

六、项目总结：

提供技术支持与论文编写指导：加w908925859

一、开发背景和技术：

1.1 开发背景

随着人们生活水平的提高和生活节奏的加快，蛋糕作为一种甜点，已经不再是奢侈品，而是越来越多人在庆祝生日、结婚、纪念日等特殊场合时的必备选择。然而，传统的购买蛋糕的方式，如到实体店购买或通过电话预订，存在一些问题，如交通不便、时间成本高、品种单一等。这些问题限制了消费者购买蛋糕的便利性和多样性。

与此同时，电子商务的快速发展为蛋糕行业提供了新的发展机遇。通过电子商务平台，消费者可以随时随地浏览和购买各种蛋糕，不再受地域和时间的限制。此外，电子商务平台还可以提供更为丰富的蛋糕品种和个性化定制服务，满足消费者多样化的需求。

因此，网上蛋糕商场项目应运而生。该项目的目标是成为一个综合性的在线购物平台，为消费者提供便捷、快速、多样化的蛋糕购物服务。通过整合各个蛋糕品牌和商家，提供全球范围内的蛋糕选择，让消费者可以随时随地购买到自己喜欢的蛋糕。同时，该项目还将注重用户体验和安全性，确保消费者能够享受到安全、可靠的购物环境。

1.2 B/S体系结构
B/S的系统是通过能上网的电脑就可以使用，它最大的优点是不需要安装专门的软件，首先浏览器向服务器发出请求，然后服务器处理请求把信息再返回给浏览器。不需要再次对数据进行存取与计算数据，只要负责显示数据来降低要求，如果说客户端像个“瘦子”，而服务器会越来越“胖”。B/S体系结构与C/S体系结构相比，最大的不同是：B/S体系的应用软件使用网络浏览器作为与用户交互的平台，而C/S则需要开发专用的应用程序。

1.3 Java语言简介
Java是由SUN公司推出，该公司于2010年被oracle公司收购。Java本是印度尼西亚的一个叫做爪洼岛的英文名称，也因此得来java是一杯正冒着热气咖啡的标识。Java语言在移动互联网的大背景下具备了显著的优势和广阔的前景，它是面向对象的，分布式的，动态的，具有平台无关性、安全性、健壮性。Java语言的基本语句语法和C++一样，但是它面向对象的技术更加彻底，因为Java要求将所有的内容都必须封装成类，把类作为程序的基本单位。由于不允许类外有变量、方法。 Java语言的分布式体现在数据分布和操作分布，它是面向网络的语言，可以处理TCP/IP协议，它也支持客户机/服务器的计算模式。Java语言的动态性是指类在运行时是动态安装的，使得Java可以动态的维护程序。Java不支持指针，对内存访问的所有操作都是通过对象实例化实现的，这样就避免了指针操作中易产生的错误，同时也预防了病毒对系统的破坏和威胁。

1.4 SpringBoot框架
SpringBoot是一个全新开源的轻量级框架。基于Spring4.0设计，其不仅继承了Spring框架原来有的优秀特性，而且还通过简化配置文件来进一步简化了Spring应用的整个搭建以及开发过程。另外在原本的Spring中由于随着项目的扩大导入的jar包数量越来越大，随之出现了jar包版本之间的兼容性问题，而此时SpringBoot通过集成大量的框架使得依赖包的版本冲突，以及引用的不稳定性问题得到了很好的解决。

SpringBoot可以看做是Spring的加强版本，但实质上都是Spring的相关技术，有了这些优秀的开源框架，程序员在开发过程中将事半功倍。

1.5 MySQL简介
MySQL数据库使用的语言是SQL语言。MySQL在保存数据时是根据数据的类型和特征分开保存在不同的表中，这样当用户在需要调用的数据时，就不再需要花费大量时间去寻找数据了，只要找到对应的表，就可以找到需要的数据了。MySQL可以完美的实现对于数据库的基本操作。因为 MySQL 数据库的占用的内存少，运行快，成本低，源代码开放，可移植性强，所以越来越多的数据来源简单的项目的开发都会选择 MySQL作为数据库，而MySQL也变得越来越流行。

二、系统设计：
2.1 系统整体架构：

2.2 购物流程设计：

2.3 主要研究方法：
本系统采用基于Java语言B/S架构模式实现的，即Java启动运行的客户端与服务器的结构，基于 J2EE的基本标准，Tomcat7.0及以上作为运行服务器支持，基于、java、springboot、vue等主要技术设计，idea作为开发环境，数据库采用Mysql 5.0以上。

（1）项目调查法：参考基于java蛋糕甜品商城系统相关的系统设计和实现、结合这次毕业设计的自己的系统需求调研，设计出本系统的主要功能设计和架构。

（2）文献参考法：通过查阅阅读最近三年基于java蛋糕甜品商城系统平台有关的优质文献参考和相关书籍、了解基于java蛋糕甜品商城系统平台的现状和涉及的技术情况

（3）经验总结法：经过网络搜索查看、老师的指导、自己的学习开发经验结合、对系统开发整理、具体情况，进行归纳、分析总结，满足系统的各项可行性分析，使系统设计和实现的合理化、标准化。

（4）实证测试法：通过自己对前面资料的查询、阅读、以及利用自己所学习的计算机相关技术来完成编码实现、进行系统功能测试、代码编写、完成功能模块开发。最后进行测试

2.4 登录设计用户图：

三、功能截图：

3.1 登录注册：

3.2 前端首页模块：

3.3 商家查看模块：

3.4 甜品信息模块：

3.5 甜品详情模块：

3.6 商品详情和评论：

3.7 购物车模块：

3.8 购买详情页面：

3.9 订单支付模块：

3.10 甜品资讯模块：

3.11 个人中心模块：

四、后台管理模块

五、部分代码：

 
/**
 * 登录相关
 */
@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("/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();
    }
}

# Tomcat
server:
    tomcat:
        uri-encoding: UTF-8
    port: 8080
    servlet:
        context-path: /springboot4f4p4
spring:
    datasource:
        driverClassName: com.mysql.jdbc.Driver
        url: jdbc:mysql://127.0.0.1:3306/springboot4f4p5_2?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=springboot4f4p4
#        username: sa
#        password: 123456
 
    servlet:
      multipart:
        max-file-size: 10MB
        max-request-size: 10MB
    resources:
      static-locations: classpath:/testStatic/,classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/
#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'

六、项目总结：
四个多月的毕业设计，最终完成了XXX蛋糕甜品商城系统。网站的功能勉强达到了最初设想的结果，完成了最简单的需求。系统界面虽然看起来有些多，但都是简单的功能页面，用户操作容易上手能完成。感觉第一次独自设计一个网站是从头再学习的过程，在此期间也巩固了所学的书本知识。

在界面上运用了自己熟练的软件设计首页的图片，颜色采用统一的色调让整体看起来更加整洁，后台采用了三种活泼的亮色调，CSS简单统一背景及字体颜色。

在这次XXX蛋糕甜品商城系统的设计过程中有一些还没有解决的地方。首先要设计网站就要明确目标，理清大体的思路。对于我而言还是较有难度的，俗话说万事开头难。第一步总是最关键的，花了一个月的时间在图书馆里寻找相关的书籍、在网上浏览一些蛋糕甜品商城系统的网站。有些功能还不完善。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

Vue

echarts堆叠柱状图

Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

Vue

所有评论(0)

查看更多评论

908925859力

@mr_lili_111

已为社区贡献14条内容