创新实训第二周

1.本周.进行了技术栈的搭建。

前端：

vue部分：是一款用于构建用户界面的 JavaScript 框架。基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，高效地开发用户界面。
```

npm create vue@latest

```

```

✔ Project name: … <your-project-name> ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for Single Page Application development? … No / Yes ✔ Add Pinia for state management? … No / Yes ✔ Add Vitest for Unit testing? … No / Yes ✔ Add an End-to-End Testing Solution? … No / Cypress / Nightwatch / Playwright ✔ Add ESLint for code quality? … No / Yes ✔ Add Prettier for code formatting? … No / Yes ✔ Add Vue DevTools 7 extension for debugging? (experimental) … No / Yes Scaffolding project in ./<your-project-name>... Done.

```

这里其实全不选就可以了。

通过以下步骤安装依赖并启动开发服务器：
```
cd <your-project-name>
npm install
npm run dev

```

后端：

项目概述

本技术博客将介绍如何使用Spring Boot框架来搭建一个简单的论坛/博客项目。我们将使用Spring Boot的核心功能以及其他相关技术来实现用户注册、登录、发表文章、评论等基本功能。

技术栈

- Spring Boot：用于快速搭建项目并提供基本的开发框架和功能。
- Spring MVC：用于处理Web请求和构建RESTful API。
- Spring Data JPA：用于与数据库进行交互和管理持久化数据。
- Thymeleaf：用于构建前端页面和模板渲染。
- MySQL：作为数据库存储用户信息、文章和评论等数据。
- Bootstrap：用于构建响应式的用户界面。

项目结构

我们将使用经典的MVC（模型-视图-控制器）架构来组织项目代码。以下是项目的基本结构：

```
- src
    - main
        - java
            - com.example.blog
                - controller
                - model
                - repository
                - service
        - resources
            - static
            - templates
        - application.properties
    - test
```

- `controller` 包：包含处理用户请求的控制器类。
- `model` 包：包含数据模型和实体类。
- `repository` 包：包含与数据库进行交互的数据访问层接口。
- `service` 包：包含业务逻辑层的服务类。
- `static` 目录：存放静态资源文件，如CSS和JavaScript文件。
- `templates` 目录：存放Thymeleaf模板文件。

关键功能

用户认证和授权

- 用户注册：用户可以填写注册表单并创建账户。
- 用户登录：注册后的用户可以使用用户名和密码进行登录。
- 访问控制：只有登录后的用户才能发表文章和评论。

文章管理

- 发表文章：登录后的用户可以创建和发布自己的文章。
- 文章列表：展示所有已发布的文章，并支持分页。
- 文章详情：用户可以查看特定文章的详细信息和评论。

评论功能

- 添加评论：登录后的用户可以对文章进行评论。
- 查看评论：文章详情页面展示相关评论，并支持分页。

数据库设计

在本项目中，我们将使用MySQL数据库来存储数据。以下是基本的数据库设计：

开发步骤

以下是使用Spring Boot搭建论坛/博客项目的基本开发步骤：

1. 创建Spring Boot项目，并配置相关依赖。
2. 设计和实现数据模型和实体类。
3. 创建数据库访问层接口（Repository）以及对应的实现类。
4. 创建服务层接口（Service）以及对应的实现类。
5. 创建控制器（Controller）类，处理用户请求和路由。
6. 编写HTML模板文件，使用Thymeleaf渲染动态内容。
7. 实现用户认证和授权功能。
8. 开发文章管理和评论功能。
9. 测试和调试项目，确保功能正常运行。
10. 部署项目到服务器上，并进行生产环境的配置和优化。

总结

这篇博客的内容主要涵盖了使用Vue+Spring Boot搭建论坛/博客项目的概述、技术栈、项目结构、关键功能、数据库设计以及开发步骤。通过遵循这些步骤，开始构建一个具有用户认证、文章管理和评论功能的论坛/博客项目。