springboot+mongodb初体验

MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写,旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。
MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。

1、mongodb服务

mongodb的安装支持windows和linux等平台,具体在不同平台的下载安装请查看相关大佬博文。

2、创建springboot项目

此处通过idea工具创建,springboot选择2.7.0版本,具体不再描述。

3、添加mongodb依赖

Spring Data MongDB 是Spring Data的下的一个模块,在springboot中整合mongodb就需要添加Spring Data MongDB的依赖,添加Spring Data MongDB依赖的方式有两种:

  • 创建springboot项目时勾选Spring Data MongoDB
    在这里插入图片描述

  • 在pom.xml文件中添加Spring Data MongoDB依赖

    		<dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-data-mongodb</artifactId>
            </dependency>
    

4、application.yml配置

spring:
  data:
    mongodb:
      uri: mongodb://127.0.0.1:27017/mongodb_test

spring:
  data:
    mongodb:
      host: 127.0.0.1 #指定MongoDB服务地址
      port: 27017 #指定端口,默认就为27017
      database: mongodb #指定使用的数据库(集合)
      authentication-database: admin # 登录认证的逻辑库名
      username: admin #用户名
      password: abc123456 #密码

mongodb数据库与mysql不一样 mysql 一个普通用户可以管理多个数据库,但是mongo每一个库都有一个独立的管理用户,连接时需要输入对应用户

整合Spring Boot、Vue.js和MongoDB进行开发,可以构建一个现代的、前后端分离的Web应用程序。下面将分别介绍后端和前端的整合方式。 ### 后端:Spring BootMongoDB的整合 在后端,Spring Boot 提供了对 MongoDB 的良好支持,可以通过 `spring-boot-starter-data-mongodb` 快速集成 MongoDB 数据库。整合步骤如下: 1. **添加依赖** 在 `pom.xml` 文件中添加 Spring BootMongoDB 的依赖: ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-mongodb</artifactId> </dependency> ``` 2. **配置 MongoDB 连接** 在 `application.properties` 或 `application.yml` 中配置 MongoDB 的连接信息: ```properties spring.data.mongodb.host=localhost spring.data.mongodb.port=27017 spring.data.mongodb.database=mydb ``` 3. **创建数据模型与 Repository** 定义一个实体类并使用 `@Document` 注解指定 MongoDB 的集合名称: ```java @Document(collection = "users") public class User { @Id private String id; private String name; private String email; // Getters and Setters } ``` 然后创建一个继承 `MongoRepository` 的接口: ```java public interface UserRepository extends MongoRepository<User, String> { } ``` 4. **创建 RESTful API** 使用 `@RestController` 创建一个控制器类,提供对外的 RESTful 接口: ```java @RestController @RequestMapping("/api/users") public class UserController { @Autowired private UserRepository userRepository; @GetMapping public List<User> getAllUsers() { return userRepository.findAll(); } @PostMapping public User createUser(@RequestBody User user) { return userRepository.save(user); } } ``` 这样,Spring Boot 就可以与 MongoDB 集成,完成数据的增删改查操作[^4]。 ### 前端:Vue.js 与 Spring Boot 的整合 在前端,Vue.js 作为主流的前端框架,可以与 Spring Boot 后端通过 RESTful API 进行通信。整合步骤如下: 1. **创建 Vue.js 项目** 使用 Vue CLI 创建一个 Vue.js 项目: ```bash vue create frontend cd frontend npm run serve ``` 2. **安装 axios** 使用 `axios` 发送 HTTP 请求,安装并导入: ```bash npm install axios ``` 在组件中使用: ```javascript import axios from 'axios'; export default { data() { return { users: [] }; }, mounted() { axios.get('http://localhost:8080/api/users') .then(response => { this.users = response.data; }); } }; ``` 3. **跨域问题处理** 在 Spring Boot 应用中,可以在主类或配置类上添加 `@CrossOrigin` 注解,以允许跨域请求: ```java @SpringBootApplication @CrossOrigin public class Application { public static void main(String[] args) { SpringApplication.run(Application.class, args); } } ``` 4. **构建与部署** 使用 Vue CLI 构建静态资源: ```bash npm run build ``` 将生成的 `dist` 文件夹中的内容复制到 Spring Boot 项目的 `src/main/resources/static` 目录下,这样 Spring Boot 就可以直接提供静态资源服务。 ### 前后端分离架构的优势 采用前后端分离架构可以带来诸多优势。前端和后端各自独立开发、部署和维护,提高了系统的可扩展性和可维护性。Vue.js 作为前端框架,可以快速构建用户界面,而 Spring Boot 提供了强大的后端支持,MongoDB 则提供了灵活的 NoSQL 数据存储方案。这种组合非常适合现代 Web 应用的开发需求[^2]。 ### 总结 通过上述步骤,可以实现 Spring Boot、Vue.js 和 MongoDB 的整合。Spring BootMongoDB 的集成简化了数据访问层的开发,而 Vue.js 与 Spring Boot 的前后端分离架构则提升了系统的灵活性和可维护性。这种方式不仅提高了开发效率,还便于后期的扩展和维护[^1]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值