# TechTalk

**Repository Path**: wang-anping/techtalk

## Basic Information

- **Project Name**: TechTalk
- **Description**: 程序员技术交流网站
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-03
- **Last Updated**: 2024-07-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# TechTalk

## 介绍
程序员技术交流网站

## 软件架构
Element3 + SpringBoot2

## 界面展示

### 首页界面

- 首页推荐

  ![image-20240704003853802](./assets/image-20240704003853802.png)

- 标签展示

  ![image-20240704004006567](./assets/image-20240704004006567.png)

  ![image-20240704004032110](./assets/image-20240704004032110.png)

  ![image-20240704004059121](./assets/image-20240704004059121.png)



### 文章展示

- 文章详情

  ![image-20240704004143890](./assets/image-20240704004143890.png)

- 评论

  ![image-20240704004215999](./assets/image-20240704004215999.png)

- 查看作者

  ![image-20240704004244195](./assets/image-20240704004244195.png)

- 发布文章（需登录）

  ![image-20240704005430334](./assets/image-20240704005430334.png)



### 问答展示

- 问答查看

  ![image-20240704004400810](./assets/image-20240704004400810.png)

- 评论

  ![image-20240704004434705](./assets/image-20240704004434705.png)

- 查看作者

  ![image-20240704004542977](./assets/image-20240704004542977.png)

- 发布问答（需登录）

  ![image-20240704005508579](./assets/image-20240704005508579.png)



### 在线聊天室

- 界面

  ![image-20240704004624840](./assets/image-20240704004624840.png)

- 创建房间（需登录）

  ![image-20240704004739148](./assets/image-20240704004739148.png)

- 多人聊天（本地通过多个浏览器进行聊天）

  ![](./assets/20240704005925.png)



### 用户界面

- 登录

  ![image-20240704004811836](./assets/image-20240704004811836.png)

- 注册

  ![image-20240704004850254](./assets/image-20240704004850254.png)

- 登录成功导航栏

  ![image-20240704004929554](./assets/image-20240704004929554.png)

- 个人中心头像设置

  ![image-20240704004956213](./assets/image-20240704004956213.png)

- 个人中心个人资料

  ![image-20240704005026292](./assets/image-20240704005026292.png)

- 个人中心账号设置

  ![image-20240704005101342](./assets/image-20240704005101342.png)

- 个人中心文章管理

  ![image-20240704005123518](./assets/image-20240704005123518.png)

- 个人中心问答管理

  ![image-20240704005151888](./assets/image-20240704005151888.png)

- 个人中心关注管理

  ![image-20240704005213277](./assets/image-20240704005213277.png)

- 个人中心收藏的文章

  ![image-20240704005236229](./assets/image-20240704005236229.png)

- 个人中心收藏的文章

  ![image-20240704005259817](./assets/image-20240704005259817.png)

- 消息通知

  ![image-20240704010213747](./assets/image-20240704010213747.png)



### 搜索功能

![image-20240704010254665](./assets/image-20240704010254665.png)

![image-20240704010308657](./assets/image-20240704010308657.png)

![image-20240704010357000](./assets/image-20240704010357000.png)

无关键词展示

![image-20240704010433704](./assets/image-20240704010433704.png)



## 安装教程

### 必要软件

#### 数据库 MySQL

数据库版本：MySQL8.4

数据库名：techtalk



#### 后端环境

- jdk1.8

- elasticsearch-7.17.7



#### 前端环境

- nodejs：v18.20.3
- npm: 10.7.0





### 下载项目

```
git clone https://gitee.com/wang-anping/techtalk.git
```



### 启动后端项目

1. 启动elasticsearch-7.17.7中bin目录下的`elasticsearch.bat`文件，保证9200、9300端口空闲，若运行失败，则删除系统变量的`JAVA_HOME`，自动使用自带的 jdk 版本

2. 使用IDEA打开项目 TechTalk-SpringBoot2
   - 刷新 maven 下载依赖包
   - 配置 [application.properties](TechTalk-SpringBoot2\src\main\resources\application.properties) 中的mysql账号密码
   - （如果需要使用注册功能，配置 [application.properties](TechTalk-SpringBoot2\src\main\resources\application.properties) 中的smtp的邮箱账号密码）

3. 运行springboot项目的TechTalkApplication 。

### 启动前端项目

```
cd techtalk
cd techtalk-vue3
npm install
npm run serve
```

访问 http://localhost:8080/home



## 使用说明

1. 系统登录使用的用户名和密码：

   邮箱：`123456@qq.com`， 密码：`123`

   增加用户建议直接修改数据库，使用注册功能需要配置邮箱账号密码和smtp功能

## 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)