【“领养宠物”小程序 —— 前后端分离】

  系列文章目录

目录

  系列文章目录

前言

一、项目需求分析

二、使用技术

三、配置项目步骤

1.配置application.yml

2.项目结构

3.数据库建表（MyBatis-Plus）

三四、前端

前言

1.在项目的根目录创建目录结构如下

1.1封装完之后也要抛出：还是在request.js文件夹里面

2.为了利于方法的复用，在main.js中做引入，并且挂载到vue的原型对象身上，这样就可以在项目的任意单文件中使用：

3.调用后端接口（需求：获取所有的宠物）

4.导航栏（终于有一个简单，新手都能随便控制的导航栏了）

5.ui页面设计（仅供参考）

前端总结：

前言

随着生活水平的不断提高，赡养宠物的家庭也在不断地变多，但是很多人都想有一个宠物陪伴自己，但是一直没有领养的渠道。 领养宠物小程序 的出现，在一定程度上解决了这个难题。

一、项目需求分析

1.分页查看所有宠物   2.删除转让宠物   3. 根据品种查看宠物   4.修改宠物信息....

二、使用技术

spring boot  + uniapp

三、配置项目步骤

1.配置application.yml

使用的是mybatis-play

代码如下（示例）：

spring:

mvc:

pathmatch:

matching-strategy: ant_path_matcher

datasource:

driver-class-name: com.mysql.cj.jdbc.Driver

url: jdbc:mysql:

username: root

password: 123456

mybatis-plus:

mapper-locations: classpath*:com/wfm/mapper/xml

mapper文件

2.项目结构

不想手打，可以使用这位博主的方法，复制代码就能生成结构https://blog.csdn.net/jianchileiliang/article/details/115081074 

3.数据库建表（MyBatis-Plus）

三四、前端

方便调接口，封装post,get,delete,put等函数，后续直接调用