用户中心

项目介绍

一个简单的初级且通用的用户中心模板，包含用户注册、登录、后台管理功能，适用于项目初始化时使用。

项目技术

前端

采用Element Plus作为UI框架，axios作为请求库，vue-router作为路由管理，pinia作为状态管理。使用 Prettierrc 作为代码格式化工具，ESLint作为代码检查工具。

后端

包含MyBatis-Plus + Hutool工具类库和Knif4j作为接口文档生成工具。

项目结构

qiu-user-center
├── backend -- 后端
└── frontend -- 前端

项目启动

后端

1. 打开 idea 根据pom.xml使用 Maven 安装依赖；
2. 创建数据库，执行 sql 文件夹下的 user.sql 文件创建表；
3. 修改application.yml中的数据库配置；
4. 启动UsercenterApplication类。

项目启动后接口文档地址：http://localhost:8080/doc.html

前端

进入frontend目录，使用 pnpm 安装依赖，执行pnpm install安装依赖，执行pnpm run dev启动项目。或者使用 npm 安装依赖，执行npm install安装依赖，执行npm run dev启动项目。

部署

后端修改application-prod.yml中的数据库配置，前端修改根目录.env.production文件中的接口前缀地址。

传统部署

后端使用Maven打包，前端使用Vite打包，打包后的文件放到服务器上即可。
启动后端项目：

java -jar usercenter-0.0.1-SNAPSHOT.jar --spring.profiles.active=prod

前端部署，以 Nginx 为例，依据实际情况更改：

server {
    listen 9002;
    server_name localhost;
    try_files $uri $uri/ /index.html; # history路由支持刷新后不报错
    index index.php index.html index.htm default.php default.htm default.html;

    location ^~ /api/ {
        rewrite ^/api/(.*)$ /$1 break;
        proxy_pass http://服务器地址:8080;
    }
}

Docker 部署

注意：暂未进行过测试，仅供参考。
后端和前端使用Dockerfile构建镜像。
建议：后端构建镜像时 maven 打包很慢，建议修改 Dockerfile 文件，在本地打包好后再构建镜像，直接 COPY 本地打包好的 jar 包要快得多。前端的 Dockerfile 主要就是一个 COPY 打包好的dist目录，还有nginx.conf。

🌟 支持项目

欢迎提出问题和改进建议！
如果你觉得这个项目对你有帮助，请点一个 Star ⭐️，这将对我非常有帮助！