毕业设计Day3--前后端分离设计

创建springboot项目

pom中可以看到依赖，例如mybatis

web项目可以从maven的远程仓库中下载相关依赖，存储在libraries的jar包中

pom里配置阿里云仓库

在pom.xml的project标签下添加如下代码

<repositories>
        <repository>
            <id>nexus-aliyun</id>
            <name>nexus-aliyun</name>
            <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
            <releases>
                <enabled>true</enabled>
            </releases>
            <snapshots>
                <enabled>false</enabled>
            </snapshots>
        </repository>
    </repositories>

    <pluginRepositories>
        <pluginRepository>
            <id>public</id>
            <name>aliyun nexus</name>
            <url>http://maven.aliyun.com.nexus/content/groups/public/</url>
            <releases>
                <enabled>true</enabled>
            </releases>
            <snapshots>
                <enabled>false</enabled>
            </snapshots>
        </pluginRepository>
    </pluginRepositories>

随后右上角出现重新刷新maven依赖的图标，点击更新

尝试启动项目

（启动键灰色的话，在项目中单击右键，选择debug）

报错url：找不到数据库url

在applications.properties中添加数据库相关配置

（数据库名称为car）

即可连接数据库成功
在application中书写如下代码进行测试

这时在8080端口可以看到ok字样

由于前端后端的端口发生冲突，均为8080，将后台端口更改为9090

可以将前期做的vue项目直接拖到后端文件夹中，如下

启动方式①

系统将自动匹配json

此时点启动即可启动vue项目

再启动springboot项目

此时，两项目都有绿点显示，即两项目都已启动，其中vue端口为8080，springboot接口为9090

启动方式②

在控制台中cd到vue文件夹，在npm run serve即可