# SayOrder-vue

**Repository Path**: ldp_dpsmax/SayOrder-vue

## Basic Information

- **Project Name**: SayOrder-vue
- **Description**: SayOrder-vue 前后分离版本
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 9
- **Created**: 2024-03-08
- **Last Updated**: 2025-06-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SayOrder-vue

最快的`java`开源原生智能客服助手[SayOrder](https://gitee.com/dromara/sayOrder)

## 特色

- 支持训练`多个模型`,不同模型存储不同文件目录(兼容 Windows 和 Linux),`选择性`使用模型
- 模型参数`可配置化`管理，实现模型定制化
- 自带`websocket聊天室`功能，实现了语义订单和对话
- 使用 Vite 打包，`启动快，热更新快`，可助力程序员快速开发后台应用
- 继承 Nuxt3 特色，`文件即路由，组件自动导入`，全面提高开发效率
- CSS 使用 tailwind,免去 CSS 命名烦恼，坚持`移动优先`原则，可实现`PC、平板和手机自适应`

## 依赖

- [nuxt v3 文件即路由，组件自动导入](https://nuxt.com)
- [vue3 渐进式 js 框架](https://cn.vuejs.org/guide/introduction.html)
- [element-plus 基于 Vue3，面向设计师和开发者的 UI 组件库](https://element-plus.gitee.io)
- [tailwindcss v3 只需书写 HTML 代码，无需书写 CSS](https://tailwindcss.com)
- [fontawesome v4 图标管理](https://fontawesome.dashgame.com/)
- [pinia v2 Vue.js 状态管理库](https://pinia.vuejs.org/)
- [Echarts v5 百度图表](https://echarts.apache.org/)
- [node-QrCode v1.5 二维码](https://github.com/soldair/node-qrcode)
- [typejs v2 打字机](https://mattboldt.com/demos/typed-js/)
- [@vueuse/integrations v10.1.2 基于 Vue 组合式 API 的实用工具集](https://github.com/vueuse/vueuse/tree/main/packages/integrations)

## 快速开始

1. 克隆代码

```
git clone https://gitee.com/ldp_dpsmax/SayOrder-vue.git
```

2. 安装依赖

```
cd SayOrder-vue
pnpm install
or
npm install
```

3. 启动

```
pnpm dev
or
npm run dev
```

## 默认登录密码

账号：admin  
密码：admin

## 功能效果

<table>
<thead>
    <td></td>
    <td>PC</td>
    <td>平板</td>
    <td>手机</td>
</thead>
<tr >
    <td rowspan="6">功能预览</td>
    <td><img src="public/pc/image1.png"></td>
    <td><img src="public/ipad/image1.png"></td>
    <td><img src="public/phone/image1.png"></td>
</tr>
<tr>
    <td><img src="public/pc/image2.png"></td>
    <td><img src="public/ipad/image2.png"></td>
    <td><img src="public/phone/image2.png"></td>
</tr>
<tr>
    <td><img src="public/pc/image3.png"></td>
    <td><img src="public/ipad/image3.png"></td>
    <td><img src="public/phone/image3.png"></td>
</tr>
<tr>
    <td><img src="public/pc/image4.png"></td>
    <td><img src="public/ipad/image4.png"></td>
    <td><img src="public/phone/image4.png"></td>
</tr>
<tr>
    <td colspan="3"><img src="public/pc/image5.png"></td>
</tr>
<tr>
    <td colspan="3"><img src="public/pc/image6.png"></td>
</tr>
</table>