# 轻语-管理后台 **Repository Path**: Polarstudio/easy-talk-admin ## Basic Information - **Project Name**: 轻语-管理后台 - **Description**: 轻语-专属管理后台 - - **Primary Language**: Java - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 1 - **Created**: 2024-10-31 - **Last Updated**: 2025-02-27 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

轻语

**一个基于Spring Cloud Alibaba、Spring Cloud、MyBatis-Plus、MySQL、Redis、SaToken、Kafka、Vue、Uniapp（目前仅适配微信小程序）等技术栈实现的前后端分离的社交平台，采用主流的互联网技术架构、简洁的UI设计，拥有完整的动态发布、评论、自动审核、搜索、活动、话题、圈子、用户认证等功能，完全满足正常的社交需求**👍。 ## 一、项目介绍 本仓库为项目的管理后台，使用 [Able Pro Free](https://github.com/phoenixcoded/able-pro-free-admin-dashboard-template ) 作为模板二次开发，[Able Pro Dashboard Template](https://ableproadmin.com/)是一个优秀的管理后台模板，有免费版和付费版，本项目使用的是免费开源版，付费版功能更多组件更齐全，项目其它的仓库如下： > [轻语-简单的社交平台](https://gitee.com/Polarstudio/easy-talk) 这是项目的后端，详细的信息看这个仓库 > > [轻语 - 小程序端](https://gitee.com/Polarstudio/easy-talk-mp) 这是小程序端 ### 技术选型 管理端技术栈 | 技术 | 说明 | 官网 | | :--------: | -------------------------------------------- | ------------------------------------------------------------ | | Vue | Web 前端框架[Vue.js - 渐进式 JavaScript 框架 | [Vue.js](https://cn.vuejs.org/) | | Vuetify | Vue组件库 | [Vuetify —— 一个 Vue 的组件框架](https://vuetifyjs.com/zh-Hans/) | | axios | HTTP 客户端 | [www.axios-http.cn](https://www.axios-http.cn/) | | TypeScript | 基于 JavaScript 构建的强类型编程语言 | [TypeScript中文网 · TypeScript——JavaScript的超集](https://www.tslang.cn/) | | pinia | Vue 状态管理库 | [pinia](https://pinia.vuejs.org/zh/) | | sass | CSS 扩展语言 | [Sass 中文网](https://sass.nodejs.cn/) | | vite | 前端构建工具 | [https://vitejs.cn/vite3-cn/](https://vitejs.cn/vite3-cn/) | ## 二、项目部署 ### 本地开发环境部署 #### 1.环境准备 首先准备好基础的开发环境： - Node.js : 请安装18及以上版本 - git版本管理 - 开发工具：建议webstorm，当然vs也没有问题 #### 2. 项目启动 当环境准备完毕之后，接下来就是下载项目，导入开发工具进行启动演示 #### 2.1 项目获取 本项目所有源码开源，因此您可以在github/gitee上免费获取 **通过git方式拉取项目** ```bash # Git clone git clone https://gitee.com/Polarstudio/easy-talk-admin.git ``` #### 2.1 安装依赖 使用打开终端运行以下命令 ```cmd pnpm install 或 npm install ``` 等待依赖安装完成 ### 2.1 配置后端请求地址 需要修改项目根目录下的`vite.config.ts`文件 ``` server:{ proxy:{ '/api':{ target: 'http://127.0.0.1:38080', ws:true, changeOrigin:true, rewrite: (path) => path.replace(/^\/api/, '') } } } ``` 将`http://127.0.0.1:38080`改成项目后端网关服务即`easy-talk-getaway`的地址，正常情况下的话保持默认就行 #### 2.2 启动项目 使用打开终端运行以下命令 ```cmd pnpm dev 或 npm dev ``` 等待项目启动成功，输出类似下面的信息即代表启动成功 ``` VITE v5.2.11 ready in 1023 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h + enter to show help ``` 访问`http://localhost:5173/`即可访问管理后台 默认账号是admin 默认密码是123456 ### 部署至服务器中 #### 1.打包项目 首先配置后端请求地址，和上述一致，不过前提是你的后端也已经部署至服务器上了，之后运行以下命令： ```cmd pnpm build 或 npm build ``` 命令执行完成后会在根目录生成一个dist文件夹，这个文件夹里面就是上传服务需要的东西 #### 2.部署项目 这里推荐使用宝塔部署，简单方便易上手，这里也以宝塔演示项目的部署。 首先先在PHP项目中添加一个新的站点,绑定一个域名，不创建数据库，PHP版本为纯静态，点击创建即可。 ![](https://easy-talk-bean.oss-cn-beijing.aliyuncs.com/bushu1.png) 之后在创建的站点的根目录中上传打包好的项目，并解压，得到如下图所示: ![](https://easy-talk-bean.oss-cn-beijing.aliyuncs.com/225e7fde-3f51-42e6-b5f4-45a26ed40075.png) 之后配置伪静态，代码如下： ``````nginx #access_log logs/host.access.log main; location / { root /www/wwwroot/easy.karuhara.cn/; index index.html index.htm; try_files $uri $uri/ /index.html; } # proxy the PHP scripts to Apache listening on 127.0.0.1:80 location /api/{ proxy_pass http://110.40.63.160:38080/; } `````` 如下图，之后点击保存。 ![](https://easy-talk-bean.oss-cn-beijing.aliyuncs.com/90031165-b65c-4ac4-aeff-56d6565adee9.png) 访问绑定的域名，第一次访问需要登录，如下图，默认账号是admin，密码是123456 ![](https://easy-talk-bean.oss-cn-beijing.aliyuncs.com/a9cceecf-8d7a-4754-93a1-9a59fab511e5.png) ## 三、许可证 Apache License 2.0 Copyright (c) 2024-2025 轻语（Bean.）