###前端页面入口详解
src/views/chat/layout/Layout.vue -- 聊天页面的整体布局
src/components/common/PromptStore/index.vue -- 提示商店的页面入口
src/views/chat/layout/sider/Footer.vue -- 左下部的页面入口
src/views/chat/layout/sider/index.vue -- chat聊天页面的 功能列表（用户信息 + 提示词商店）
src/components/common/UserAvatar/index.vue - chat聊天框的 首页头像+用户昵称和描述
src/components/common/Setting/index.vue - chat首页设置的入口
src/components/common/Setting/General.vue -- 常规信息（目前系统的个人信息页面入口）
src/components/common/Setting/About.vue -- 团队介绍的入口
## 前端组件地址：
element-plus: https://element-plus.org/zh-CN/component/button.html
naiveui: https://www.naiveui.com/zh-CN/os-theme/components/button
Icon地址：https://icon-sets.iconify.design/
## naive-ui更换全局主题导致 Ninput的边框显示不了的问题
使用 NConfigProvider 组件来创建一个独立的主题配置
import {NConfigProvider } from 'naive-ui'
<n-config-provider >
<NInput v-model="value" />
</n-config-provider>
## naive-ui更换全局主题导致 ninput的边框显示不了的问题
使用 NConfigProvider 组件来创建一个独立的主题配置
import {NConfigProvider } from 'naive-ui'
<n-config-provider >
<NInput v-model="value" />
</n-config-provider>
## 前置要求
### Node
`node` 需要 `^16 || ^18 || ^19` 版本（`node >= 14` 需要安装 [fetch polyfill](https://github.com/developit/unfetch#usage-as-a-polyfill)），使用 [nvm](https://github.com/nvm-sh/nvm) 可管理本地多个 `node` 版本
```shell
node -v
```
### 前端
根目录下运行以下命令
```shell
npm install
```
### vue3安装element-plus
1.更改淘宝的npm源
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.执行：npm install element-plus --save
### 前端网页
根目录下运行以下命令
```shell
开发环境：
文件：.env
运行：npm run dev
打包：npm run build
```
```shell
生产环境：
文件：.env.prod
运行：npm run prod
打包：npm run build:prod
```
基于开源项目chat-web作为前端ui，Java语言作为后端服务，支持chatgpt的流式输出结果
版权申诉
165 浏览量
2023-11-23
18:04:53
上传
评论
收藏 2.06MB ZIP 举报
基于开源项目chat-web作为前端ui，Java语言作为后端服务，支持chatgpt的流式输出结果 （209个子文件） 
.eslintrc.cjs 96B start.cmd 163B 线上nginx.conf 4KB nginx.conf 873B tailwind.css 59B .editorconfig 198B .env 264B .eslintignore 26B .gitattributes 306B .gitignore 370B
index.html 2KB favicon.ico 41KB
background.jpg 81KB avatar.jpg 64KB tailwind.config.js 470B postcss.config.js 82B package-lock.json 765KB package.json 2KB tsconfig.json 588B recommend.json 224B .commitlintrc.json 53B github-markdown.less 25KB highlight.less 3KB style.less 894B style.less 894B style.less 894B global.less 143B license 1KB README.md 2KB .npmrc 31B prompt.patch 0B
mj.png 1.15MB feedback.png 37KB pwa-512x512.png 34KB pwa-192x192.png 7KB history.png 4KB upload.png 3KB running.png 1KB .env.prod 268B start.sh 182B
404.svg 28KB favicon.svg 1KB index.ts 5KB index.ts 5KB index.ts 5KB ru-RU.ts 5KB index.ts 3KB ko-KR.ts 3KB zh-CN.ts 3KB en-US.ts 3KB zh-TW.ts 3KB index.ts 3KB index.ts 2KB index.ts 2KB record.ts 2KB helper.ts 1KB vite.config.ts 1KB index.ts 1KB pay.ts 1KB draw.ts 1KB useScroll.ts 1KB useScroll.ts 1KB useScroll.ts 1KB index.ts 1KB permission.ts 1KB index.ts 1KB chat.d.ts 968B axios.ts 964B useTheme.ts 942B ServiceTypeConstant.ts 940B scrollbarStyle.ts 919B coupon.ts 915B draw.ts 913B helper.ts 867B index.ts 822B user.ts 798B index.ts 794B helper.ts 778B helper.ts 770B useLanguage.ts 726B setCookie.ts 708B useChat.ts 705B useChat.ts 703B useChat.ts 698B helper.ts 660B helper.ts 655B useIconRender.ts 650B helper.ts 649B index.ts 609B main.ts 607B index.ts 606B helper.ts 602B index.ts 593B useUsingContext.ts 585B index.ts 584B useUsingContext.ts 579B useUsingContext.ts 579B index.ts 574B helper.ts 556B AliPay.ts 546B共 209 条
- 1
- 2
- 3
资源评论
