IDEA创建SpringBoot项目,前后端分离

1、创建项目

在这里插入图片描述

2、点击next,进入选择springboot组件阶段

在这里插入图片描述
选择如图的springboot组件 Developer Tools->Spring Boot DevTools
->LomBook

在这里插入图片描述

Web–>Spring Web在这里插入图片描述

SQL–>MySQL Driver 数据库驱动在这里插入图片描述

4、点击finish即可完成创建springboot项目

在这里插入图片描述

5、启动项目:创建成功后进入启动类,启动application类有如下输出即代表创建成功,

6、下面是.yml配置文件中有关数据库和redis,shiro的一些配置

# DataSource Config
spring:
  datasource:
    driver-class-name: com.mysql.jdbc.Driver # mysql8.0+
    url: jdbc:mysql://localhost:3306/pxforestpolice?useUnicode=true&useSSL=false&characterEncoding=utf8&serverTimezone=Asia/Shanghai
    username: root
    password: 123456
  servlet:
    multipart:
      max-file-size: 5MB
      max-request-size: 30MB
  mvc:
    static-path-pattern: /**
  resources:
    static-locations: file:E:\MyAllProject\IDEAPro4\PxForestpPlice
mybatis-plus:
  mapper-locations: classpath*:/mapper/**Mapper.xml
server:
  port: 8081

shiro-reids:
  enabled: true
  redis-manager:
    host: 127.0.0.1:6379

markerhub:
  jwt:
    # 加密秘钥
    secret: f4e2e52034348f86b67cde581c0f9eb5
    # token有效时长,7天,单位秒
    expire: 604800
    header: Authorization

  # java.io.FileNotFoundException: class path resource [templates/]
  # cannot be resolved to absolute file path because it does not reside in the file system:
  # jar:file:/tmp/vueblog-0.0.1-SNAPSHOT.jar!/BOOT-INF/lib/mybatis-plus-generator-3.2.0.jar!/templates/
  # debug: true

  #  对于spring-boot starter maven依赖为2.0以下时使用:
  #  在application.properties/yml中配置以下属性
  #单文件上传最大大小,默认1Mb
#  spring.http.multipart.maxFileSize=5Mb
  #多文件上传时最大大小,默认10Mb
#  spring.http.multipart.maxRequestSize=30Mb

#  spring-boot starter maven依赖为2.0及以上时,属性变更为:
#spring.servlet.multipart.max-file-size=5Mb
#spring.servlet.multipart.max-request-size=30Mb


7、以下是pom.xml中需要添加的依赖,springmvc,mysql等等

`<?xml version="1.0" encoding="UTF-8"?>

4.0.0

org.springframework.boot
spring-boot-starter-parent
2.2.6.RELEASE


com.dxk.pxforestpolice
pxforestpolice
0.0.1-SNAPSHOT
pxforestpolice
jar
Demo project for Spring Boot

<properties>
    <java.version>1.8</java.version>
</properties>

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-devtools</artifactId>
        <scope>runtime</scope>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</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>
        <exclusions>
            <exclusion>
                <groupId>org.junit.vintage</groupId>
                <artifactId>junit-vintage-engine</artifactId>
            </exclusion>
        </exclusions>
    </dependency>

    <!--locadate/locadatetime的时间依赖-->
    <dependency>
        <groupId>org.mybatis</groupId>
        <artifactId>mybatis-typehandlers-jsr310</artifactId>
        <version>1.0.2</version>
    </dependency>

    <!--mp-->
    <dependency>
        <groupId>com.baomidou</groupId>
        <artifactId>mybatis-plus-boot-starter</artifactId>
        <version>3.2.0</version>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-freemarker</artifactId>
    </dependency>
    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <version>5.1.8</version>
        <scope>runtime</scope>
    </dependency>
    <!--mp代码生成器-->
    <dependency>
        <groupId>com.baomidou</groupId>
        <artifactId>mybatis-plus-generator</artifactId>
        <version>3.2.0</version>
    </dependency>

    <!-- hutool -->
    <dependency>
        <groupId>cn.hutool</groupId>
        <artifactId>hutool-all</artifactId>
        <version>5.3.3</version>
    </dependency>
    <!-- jwt -->
    <dependency>
        <groupId>io.jsonwebtoken</groupId>
        <artifactId>jjwt</artifactId>
        <version>0.9.1</version>
    </dependency>
    <!-- shiro-redis -->
    <dependency>
        <groupId>org.crazycake</groupId>
        <artifactId>shiro-redis-spring-boot-starter</artifactId>
        <version>3.2.1</version>
    </dependency>

    <!--gson-->
    <dependency>
        <groupId>at.stefangeyer.challonge.serializer</groupId>
        <artifactId>gson</artifactId>
        <version>2.1.0</version>
        <type>pom</type>
    </dependency>

    <!--文件上传-->
    <dependency>
        <groupId>commons-fileupload</groupId>
        <artifactId>commons-fileupload</artifactId>
        <version>1.3.3</version>
    </dependency>

</dependencies>

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-jar-plugin</artifactId>
            <version>3.0.2</version>
            <configuration>
                <archive>
                    <manifest>
                        <addClasspath>true</addClasspath>
                        <mainClass>com.dxk.pxforestpolice.PxforestpoliceApplication</mainClass> <!-- 此处为主入口-->
                    </manifest>
                </archive>
            </configuration>
        </plugin>

    </plugins>
</build>

`

8、接着开始用官网下载的map代码生成器生成mapper层,model层,service层,controller层的代码,运行main方法后直接输入数据库中的表名回车即可生成

在这里插入图片描述

10、接下来就可以在controller层编写接口了

在这里插入图片描述

  • 4
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前后端分离项目是指将前端和后端的开发分离,前端使用Vue等框架进行开发,后端使用SpringBoot等框架进行开发。在这种架构下,前端和后端通过接口进行数据交互,实现前后端的解耦和独立开发。\[1\]\[2\]\[3\] 在一个SpringBoot Vue前后端分离项目中,可以按照以下步骤进行开发: 1. 创建一个SpringBoot项目,可以使用IDEA等开发工具进行创建。\[1\]\[2\]\[3\] 2. 在SpringBoot项目中添加接口,用于前端与后端的数据交互。可以使用SpringBoot的注解来定义接口,并实现相应的业务逻辑。\[1\]\[3\] 3. 创建一个Vue项目,可以使用Vue CLI等工具进行创建。\[1\]\[2\] 4. 在Vue项目中配置跨域,以便能够访问后端的接口。可以使用Vue的配置文件或者代理来实现跨域。\[1\] 5. 在Vue项目中编写前端页面和组件,实现用户界面的展示和交互。可以使用Vue的组件化开发方式来提高代码的复用性和可维护性。\[1\]\[2\] 6. 在Vue项目中通过axios等工具发送请求,与后端的接口进行数据交互。可以使用RESTful API的方式来进行接口设计和调用。\[1\]\[2\] 7. 在SpringBoot项目中处理前端发送的请求,进行相应的业务逻辑处理,并返回数据给前端。可以使用SpringBoot的注解来处理请求和返回数据。\[1\]\[3\] 8. 运行前端和后端项目,进行测试和调试。可以使用浏览器的开发者工具来查看网络请求和响应,以及调试代码。\[1\]\[2\]\[3\] 通过以上步骤,就可以实现一个基于SpringBoot和Vue的前后端分离项目。前端和后端可以独立开发和部署,通过接口进行数据交互,实现灵活的前端界面和后端业务逻辑的开发。 #### 引用[.reference_title] - *1* *2* [SpringBoot+Vue前后端分离](https://blog.csdn.net/weixin_47006863/article/details/123553092)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [springboot+vue前后端分离项目(后台管理系统)](https://blog.csdn.net/qq_52050769/article/details/119685283)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值