# touchACG

**Repository Path**: javaalpha/anime-community

## Basic Information

- **Project Name**: touchACG
- **Description**: 二次元社区
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-04-08
- **Last Updated**: 2025-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# TouchACG

## 项目简介

这是一个ACG交流社区，
在这里，你可以看到各种不同风格的ACG作品的介绍资料
以及异彩纷呈的二创作品
并与其他用户分享对该作品的看法。

## 分支结构说明

- doc -- 项目设计文档
- arch -- 项目架构（arch-back、arch-front）
- back -- 后端工程
- front -- 前端工程

## 软件架构

### 后端技术

| 技术              | 说明                | 版本    | 备注                                                                           |
| ----------------- | ------------------- | ------- | ------------------------------------------------------------------------------ |
| Spring            | 容器                | 5.2.6   | https://spring.io/                                                             |
| SpringWebMVC      | mvc框架             | 5.2.6   | https://docs.spring.io/spring/docs/current/spring-framework-reference/web.html |
| SpringBoot        | ssm整合框架         | 3       |                                                                                |
| Mybatis           | ORM框架             | 2.2.0   | http://www.mybatis.org/mybatis-3/zh/index.htm                                  |
| PageHelper        | MyBatis物理分页插件 | 1.3.0   | http://git.oschina.net/free/Mybatis_PageHelper                                 |
| Druid             | 数据库连接池        | 1.2.1   | https://github.com/alibaba/druid                                               |
| Lombok            | 简化对象封装工具    | 1.18.20 | https://github.com/rzwitserloot/lombok                                         |
| 阿里云oos对象存储 | 存储用户上传的图片  | -       |                                                                                |

### 前端技术

| 技术       | 说明             | 备注                           |
| ---------- | ---------------- | ------------------------------ |
| Vue        | 前端框架         | https://vuejs.org/             |
| Vue-router | 路由框架         | https://router.vuejs.org/      |
| Vuex       | 全局状态管理框架 | https://vuex.vuejs.org/        |
| Axios      | 前端HTTP框架     | https://github.com/axios/axios |
| Bootstrap  | 前端UI框架       | https://bootstrap-vue.org/     |
| Element    | 前端UI框架       | https://element.eleme.io       |

## 环境搭建

### 开发工具

| 工具     | 说明            | 备注                                    |
| -------- | --------------- | --------------------------------------- |
| IDEA     | 开发IDE         | https://www.jetbrains.com/idea/download |
| webStorm | 前端项目编辑器  |                                         |
| Navicat  | 数据库连接工具  | http://www.formysql.com/xiazai.html     |
| 墨刀     | 原型设计工具    | https://www.axure.com/                  |
| 墨刀     | 流程图绘制工具  |                                         |
| apifox   | API接口调试工具 | https://www.postman.com/                |

### 开发环境

| 工具    | 版本    | 备注                      |
| ------- | ------- | ------------------------- |
| Windows | 11      | 操作系统                  |
| JDK     | 17      | https://www.injdk.cn/     |
| MySQL   | 8.0     | https://www.mysql.com/cn/ |
| NodeJS  | 12.16.3 | https://nodejs.org/zh-cn/ |

### 安装教程

- 后端部署：
    - 0将项目克隆到本地，检出到后端分支，
    - 1.配置数据库连接信息，
      - 创建数据库，并运行touchacg.sql脚本创建数据库表，
      - 修改配置文件application.yml中的数据库连接信息，
    - 2.配置阿里云oos对象存储：项目自带的配置只有三个月有效期，需要你在项目的配置文件中配置自己的oos对象存储信息，并开启公共读权限，
      - 修改配置文件application.yml中的数据库连接信息，
      - 修改配置文件application.yml中的阿里云oos对象存储信息，
      - 修改配置文件application.yml中的阿里云oss对象存储信息，
    - 3.运行项目
- 前端部署：
  - 0.将项目克隆到本地，检出到前端分支，
  - 1.安装nodejs，
  - 2.安装vue-cli，
    - npm install -g @vue/cli
  - 3.安装依赖，
    - npm install
  - 4.运行项目，
    - npm run dev