当前位置: 首页 > article >正文

【全栈】SprintBoot+vue3迷你商城(1)

【全栈】SprintBoot+vue3迷你商城(1)

1.功能

开发之前,首先我们需要大致想好商城有哪些功能。

这里我先想出几点,以后增加功能时再补充。

  • 拥有用户与商品两个对象
  • 用户可以修改昵称与密码、上传与修改头像、购物、将商品加入购物车等等
  • 用户又分为普通用户和商家。普通用户无法添加商品,而商家可以添加自己的商品。
  • 主页为商品列表,有搜索功能与分页

2.使用工具

这只是大致能想到的,后面如果需要用到其他工具再加上去

  • 语言:Java,html,css,JavaScript,sql
  • 框架:SpingBoot,vue3
  • IDE:vscode,IDEA

3.起步

创建项目

在这里插入图片描述

加入所需要的依赖

先引入一些基本的依赖

<parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>3.3.4</version>
    <relativePath/> 
</parent>
<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <dependency>
        <groupId>org.mybatis.spring.boot</groupId>
        <artifactId>mybatis-spring-boot-starter</artifactId>
        <version>3.0.3</version>
    </dependency>

    <dependency>
        <groupId>com.mysql</groupId>
        <artifactId>mysql-connector-j</artifactId>
        <scope>runtime</scope>
    </dependency>
    <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
    </dependency>
    <dependency>
        <groupId>org.mybatis.spring.boot</groupId>
        <artifactId>mybatis-spring-boot-starter-test</artifactId>
        <version>3.0.3</version>
        <scope>test</scope>
    </dependency>

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
    </dependency>
    <dependency>
        <groupId>com.github.pagehelper</groupId>
        <artifactId>pagehelper-spring-boot-starter</artifactId>
        <version>1.4.7</version>
    </dependency>


</dependencies>

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
            <configuration>
                <excludes>
                    <exclude>
                        <groupId>org.projectlombok</groupId>
                        <artifactId>lombok</artifactId>
                    </exclude>
                </excludes>
            </configuration>
        </plugin>
    </plugins>
</build>
解释

pom.xml 设置了项目的依赖管理和构建配置,确保了项目能够正确地使用 Spring Boot、MyBatis、MySQL、Lombok 和分页插件等功能。此外,它还配置了 Spring Boot Maven 插件以优化构建过程,并合理管理了各种依赖的作用域,确保了开发和测试环境下的依赖一致性。

搭框架

在这里插入图片描述

4.总结

万事开头难,既然想好做这件事,那么就立马行动。

本人在这方面也是尝试阶段,有很多不懂的地方,希望边做边记录边进步。对于不足的地方,我会虚心接受大家的建议。


http://www.kler.cn/a/468308.html

相关文章:

  • (六)优化 ChatGPT 交互:任务式 Prompt 的力量
  • 神经网络第一课
  • 网络安全抓包
  • 数学建模入门——描述性统计分析
  • 轻量级通信协议 JSON-RPC 2.0 详解
  • JavaWeb开发(六)XML介绍
  • http源码分析
  • Visual Studio 2022+Qt6.5.3安装教程+环境配置+创建Qt项目+乱码插件+运行很完美(16岁孩子也能看懂)
  • 计算机的错误计算(二百零一)
  • 计算机网络--路由器问题
  • [python3]Excel解析库-xlutils
  • AIA - APLIC之三(附APLIC处理流程图)
  • [读书日志]8051软核处理器设计实战(基于FPGA)第四篇:verilog语法特性
  • 任务执行模式全解析:并发、并行、串行与同步、异步的对比
  • Sentinel-5P遥感数据下载及预处理教程【20250105】
  • 每天学一点强化学习(二)
  • 树莓派 Pico RP2040 多核心运行模式 多核编程
  • 圆周率π为何是无穷无尽的
  • Rust中的Option枚举快速入门
  • LookingGlass使用
  • [react+ts] useRef获取自定义组件dom或方法声明
  • Windows 11 上配置VSCode 使用 Git 和 SSH 完整步骤
  • Go语言的 的反射(Reflection)核心知识
  • springboot远程链接Hadoop
  • launch.json传递True值
  • CSS3 框大小