7 |
9 |
10 |
11 |
17 |
--------------------------------------------------------------------------------
/server/router/index.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs')
2 | const Router = require('koa-router')
3 |
4 | const router = new Router({
5 | prefix: '/api/v1'
6 | })
7 |
8 | fs.readdirSync(`${__dirname}/modules`).forEach((file) => {
9 | const module = require(`./modules/${file}`)
10 | router.use(module.routes())
11 | })
12 |
13 | module.exports = router
--------------------------------------------------------------------------------
/src/view/chat/index.vue:
--------------------------------------------------------------------------------
1 |
5 |
6 |
7 |
8 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/server/config/index.js:
--------------------------------------------------------------------------------
1 | const path = require('path')
2 | const dotenv = require('dotenv')
3 | const minimist = require('minimist')
4 | const argv = minimist(process.argv.slice(2))
5 |
6 | dotenv.config({
7 | path: path.resolve(__dirname, '../.env'),
8 | })
9 |
10 | dotenv.config({
11 | path: path.resolve(__dirname, `../.env.${argv.mode}`),
12 | })
13 |
--------------------------------------------------------------------------------
/src/utils/helper/common.ts:
--------------------------------------------------------------------------------
1 | import { HTTP_HOST } from '@/settings/config/http'
2 |
3 | /**
4 | * 非处理数据的功能性工具汇总
5 | * * * formatServerFilePath 补全完善后的服务器文件访问路径
6 | * */
7 | export const formatServerFilePath = (src) => {
8 | if (!src) {
9 | return ''
10 | }
11 | return /^https*:\/\//.test(src) ? src : `${HTTP_HOST}upload/avatar/${src}`
12 | }
13 |
--------------------------------------------------------------------------------
/src/router/routes/permission/index.ts:
--------------------------------------------------------------------------------
1 | import type { IRoute } from '../../types/index.ts'
2 |
3 | const routes: IRoute[] = []
4 |
5 | const routesFiles = import.meta.glob('./modules/*.ts', { eager: true }) as Record
8 |
9 |
10 |
11 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/src/plugins/index.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * 插件注册
3 | * @param {App} app - Vue 应用实例
4 | */
5 |
6 | import type { App, Plugin } from 'vue'
7 |
8 | const modules: Record
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
5 | 
6 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/mock/index.ts:
--------------------------------------------------------------------------------
1 | import Mock from 'mockjs'
2 |
3 | const startMock = () => {
4 | Mock.setup({
5 | timeout: '300-500',
6 | })
7 | const modules = import.meta.glob('./modules/*.ts', { eager: true })
8 | Object.entries(modules).forEach(([, module]) => {
9 | ;(module as { default: () => void }).default()
10 | })
11 | }
12 |
13 | const initMock = (development: boolean): void => {
14 | if (development === false) {
15 | return
16 | }
17 |
18 | startMock()
19 | }
20 |
21 | export default initMock
22 |
--------------------------------------------------------------------------------
/src/store/index.ts:
--------------------------------------------------------------------------------
1 | import { useUserStore } from '@/store/modules/user.ts'
2 | import { createPinia } from 'pinia'
3 |
4 | const pinia = createPinia()
5 |
6 | export const registerStore = (app) => {
7 | app.use(pinia)
8 |
9 | const userStore = useUserStore()
10 | const user = localStorage.getItem('user')
11 |
12 | if (user) {
13 | userStore.updateUserInfo(JSON.parse(user))
14 | }
15 |
16 | const token = localStorage.getItem('token')
17 | if (token) {
18 | userStore.updateToken(token)
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/plugins/modules/api.ts:
--------------------------------------------------------------------------------
1 | import api from '@/api'
2 | import * as HTTP from '@/settings/config/http'
3 | import type { App } from 'vue'
4 |
5 | const apiPlugin = {
6 | install(app: App): void {
7 | app.config.globalProperties.$api = api
8 | app.provide('$api', api)
9 |
10 | app.config.globalProperties.$HTTP = HTTP
11 | app.provide('$HTTP', HTTP)
12 |
13 | app.config.globalProperties.$HTTP_CODE = HTTP.HTTP_CODE
14 | app.provide('$HTTP_CODE', HTTP.HTTP_CODE)
15 | },
16 | }
17 | export default apiPlugin
18 |
--------------------------------------------------------------------------------
/server/README.md:
--------------------------------------------------------------------------------
1 |
6 | 9 | lightChat 10 |
11 |
2 | 
3 | llm-mini-caht
4 |
5 | llm-mini-caht 
4 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/server/router/modules/chat.js:
--------------------------------------------------------------------------------
1 | const Router = require('koa-router')
2 | const tokenAuth = require('../../middleware/tokenAuth')
3 | const chatController = require('../../controller/chat')
4 |
5 | const chatRouter = new Router({
6 | prefix: '/chat'
7 | })
8 |
9 | // 需要做tokenAuth等中间件验证的路由放在此处下面定义，否则在上面定义
10 | chatRouter.use(tokenAuth)
11 |
12 | // 获取聊天列表
13 | chatRouter.get('/list', chatController.list)
14 |
15 | // 添加聊天
16 | chatRouter.post('/create', chatController.create)
17 |
18 | // 操作-删除聊天
19 | chatRouter.delete('/delete', chatController.delete)
20 |
21 | module.exports = chatRouter
22 |
--------------------------------------------------------------------------------
/src/api/modules/contact.ts:
--------------------------------------------------------------------------------
1 | import http from '@/utils/http'
2 |
3 | // 添加联系人（好友）
4 | export const createContact = (params) => {
5 | return http.post('/api/v1/contact/create', params)
6 | }
7 |
8 | // 获取联系人列表
9 | export const getContactList = (params) => {
10 | return http.get('/api/v1/contact/list', params)
11 | }
12 |
13 | // 设置联系人备注、描述
14 | export const setContactInfo = (params) => {
15 | return http.patch('/api/v1/contact/setInfo', params)
16 | }
17 |
18 | // 删除联系人（好友）
19 | export const deleteContact = (params) => {
20 | return http.delete('/api/v1/contact/delete', params)
21 | }
22 |
--------------------------------------------------------------------------------
/src/plugins/modules/components.ts:
--------------------------------------------------------------------------------
1 | import type { App } from 'vue'
2 |
3 | interface VueComponent {
4 | name?: string
5 | }
6 |
7 | interface Module {
8 | default: VueComponent
9 | }
10 |
11 | const componentPlugin = {
12 | install(app: App) {
13 | const modules = import.meta.glob('@/components/**/*.vue', {
14 | eager: true,
15 | }) as Record
🙎 一勺 | 💻 开发爱好者 | 🛸 Jiang Su , China
7 |
3 | 
9 | ![用户头像]()
15 |
17 |
18 |
19 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/src/hooks/modules/useAsyncComponent.ts:
--------------------------------------------------------------------------------
1 | import { isFunction } from '@/utils/helper/is'
2 | import type { DefineComponent } from 'vue'
3 | import { defineAsyncComponent } from 'vue'
4 |
5 | interface AsyncComponentOptions {
6 | component: () => Promise
9 | {{ nickname ? nickname : '未登录' }}
16 |
5 |
17 |
18 |
19 |
43 |
--------------------------------------------------------------------------------
/src/hooks/modules/useCurrentInstance.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * @description: 当前组件实例hooks，用以提供常用工具等
3 | */
4 |
5 | import type { ComponentInternalInstance, ComponentPublicInstance } from 'vue'
6 | import { getCurrentInstance } from 'vue'
7 | import { useRoute, useRouter } from 'vue-router'
8 |
9 | // 定义 proxy 上的自定义属性类型
10 | interface CustomProperties {
11 | $api: any
12 | $HTTP: any
13 | $HTTP_CODE: any
14 | $dict: any
15 | $is: any
16 | $dataHelpers: any
17 | $common: any
18 | }
19 |
20 | export const useCurrentInstance = () => {
21 | const router = useRouter()
22 | const route = useRoute()
23 |
24 | const currentInstance = getCurrentInstance()
25 |
26 | if (!currentInstance) {
27 | throw new Error('useCurrentInstance must be called within a setup function')
28 | }
29 |
30 | const { proxy } = currentInstance as ComponentInternalInstance & { proxy: ComponentPublicInstance & CustomProperties }
31 |
32 | const { $api, $HTTP, $HTTP_CODE, $dict, $is, $dataHelpers, $common } = proxy
33 |
34 | return {
35 | router,
36 | route,
37 | currentInstance,
38 | proxy,
39 | $api,
40 | $HTTP,
41 | $HTTP_CODE,
42 | $dict,
43 | $is,
44 | $dataHelpers,
45 | $common,
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/src/mock/modules/note.ts:
--------------------------------------------------------------------------------
1 | import { mock, Random } from 'mockjs'
2 | import querystring from 'querystring'
3 |
4 | const noteMock = () => {
5 | // 列表模拟接口
6 | const contactList: any[] = []
7 | const count = 100
8 | for (let i = 0; i < count; i += 1) {
9 | const note = {
10 | cover: `https://picsum.photos/300?random=${i}`,
11 | desc: Random.sentence(3, 15),
12 | title: Random.sentence(3, 8),
13 | }
14 |
15 | contactList.push(
16 | mock({
17 | id: '@increment',
18 | ...note,
19 | }),
20 | )
21 | }
22 | mock(/\/api\/v1\/note\/list/, 'get', (request) => {
23 | const { keywords = '', page = 1, pageSize = 10 } = querystring.parse(request.url) as any
24 |
25 | const mockList = contactList.filter((item) => {
26 | // 关键词搜索
27 | return !(keywords && item.desc.indexOf(keywords) === -1)
28 | })
29 |
30 | const pageList = mockList.filter((item, index) => {
31 | return index < page * pageSize && index >= (page - 1) * pageSize
32 | })
33 |
34 | const count = mockList.length
35 | return {
36 | code: 200,
37 | message: '请求成功',
38 | data: {
39 | rows: pageList,
40 | count,
41 | },
42 | }
43 | })
44 | }
45 |
46 | export default noteMock
47 |
--------------------------------------------------------------------------------
/src/router/routes/basic.ts:
--------------------------------------------------------------------------------
1 | import permissionRoutes from './permission'
2 |
3 | // 根路由
4 | export const rootRoute = {
5 | path: '/',
6 | name: 'Layout',
7 | component: () => import('@/layout/index.vue'),
8 | children: [
9 | {
10 | name: 'Home',
11 | path: '/home',
12 | component: () => import('@/view/home/index.vue'),
13 | meta: {
14 | icon: 'ri-home-smile-2-line',
15 | activeIcon: 'ri-home-smile-2-fill',
16 | title: '首页',
17 | },
18 | },
19 | ...permissionRoutes,
20 | ],
21 | }
22 |
23 | // 登录页路由
24 | export const loginRoutes = {
25 | path: '/login',
26 | name: 'Login',
27 | component: () => import('@/view/login/index.vue'),
28 | }
29 |
30 | // 注册页路由
31 | export const registerRoutes = {
32 | path: '/register',
33 | name: 'Register',
34 | component: () => import('@/view/register/index.vue'),
35 | }
36 |
37 | // 404页路由
38 | export const notFoundRoutes = [
39 | {
40 | path: '/:path(.*)*',
41 | name: 'NotFound',
42 | redirect: '/404',
43 | },
44 | {
45 | path: '/404',
46 | name: '404',
47 | component: () => import('@/view/errors/404/index.vue'),
48 | },
49 | ]
50 |
51 | const basicRoutes = [rootRoute, loginRoutes, registerRoutes, ...notFoundRoutes]
52 |
53 | export default basicRoutes
54 |
--------------------------------------------------------------------------------
/server/middleware/tokenAuth.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 用户登录与否token验证中间件
3 | */
4 | const { verify } = require('jsonwebtoken')
5 | const { JWT_SECRET } = require('../config/app')
6 | const { ValidateError, DataError } = require('../middleware/errorHandler')
7 |
8 | const tokenAuth = async (context, next) => {
9 | const { authorization: token } = context.request.header
10 |
11 | if (!token) {
12 | let message = 'token值缺失'
13 | let error = new ValidateError(message)
14 | error.payload = {
15 | code: 100901001,
16 | text: message
17 | }
18 | throw error
19 | }
20 |
21 | try {
22 | const user = verify(token, JWT_SECRET)
23 | context.state.user = user
24 | } catch ({ name }) {
25 | if (name === 'TokenExpiredError') {
26 | let message = 'token已过期'
27 | let error = new DataError(message)
28 | error.payload = {
29 | code: 100901002,
30 | text: message
31 | }
32 | throw error
33 | } else if (name === 'JsonWebTokenError') {
34 | let message = '无效的token'
35 | let error = new DataError(message)
36 | error.payload = {
37 | code: 100901003,
38 | text: message
39 | }
40 | throw error
41 | }
42 | }
43 | await next()
44 | }
45 |
46 | module.exports = tokenAuth
--------------------------------------------------------------------------------
/.release-it.json:
--------------------------------------------------------------------------------
1 | {
2 | "plugins": {
3 | "@release-it/conventional-changelog": {
4 | "preset": {
5 | "name": "conventionalcommits",
6 | "types": [
7 | { "type": "feat", "section": "✨ Features | 新功能" },
8 | { "type": "fix", "section": "🐛 Bug Fixes | Bug 修复" },
9 | { "type": "chore", "section": "🎫 Chores | 其他更新" },
10 | { "type": "docs", "section": "📝 Documentation | 文档" },
11 | { "type": "style", "section": "💄 Styles | 风格" },
12 | { "type": "refactor", "section": "♻ Code Refactoring | 代码重构" },
13 | { "type": "perf", "section": "⚡ Performance Improvements | 性能优化" },
14 | { "type": "test", "section": "✅ Tests | 测试" },
15 | { "type": "revert", "section": "⏪ Reverts | 回退" },
16 | { "type": "build", "section": "👷 Build System | 构建" },
17 | { "type": "ci", "section": "🔧 Continuous Integration | CI 配置" },
18 | { "type": "config", "section": "🔨 CONFIG | 配置" }
19 | ]
20 | },
21 | "infile": "CHANGELOG.md",
22 | "ignoreRecommendedBump": true,
23 | "strictSemVer": true
24 | }
25 | },
26 | "git": {
27 | "commitMessage": "chore: Release v${version}"
28 | },
29 | "github": {
30 | "release": true,
31 | "draft": false
32 | }
33 | }
--------------------------------------------------------------------------------
/src/layout/themes/default/components/aside/index.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
6 |
7 |
10 |
11 |
7 |
10 | 14 | lightChat 15 |
16 |
10 |
11 |
12 | 
24 |
25 |
26 |
27 |
28 |
29 |
45 |
--------------------------------------------------------------------------------
/server/model/message_delete.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 聊天消息删除情况表
3 | */
4 | const { Model, DataTypes } = require("sequelize");
5 | const db = require("../db");
6 | const moment = require("moment");
7 |
8 | class MessageDelete extends Model {}
9 |
10 | MessageDelete.init(
11 | {
12 | message_id: {
13 | type: DataTypes.INTEGER(11),
14 | allowNull: false,
15 | comment: "聊天消息id",
16 | },
17 | user_id: {
18 | type: DataTypes.INTEGER(11),
19 | allowNull: false,
20 | comment: "用户id",
21 | },
22 | is_delete: {
23 | type: DataTypes.ENUM,
24 | values: ["0", "1"],
25 | allowNull: false,
26 | defaultValue: "0",
27 | comment: "是否删除（0正常 1软删除）",
28 | },
29 | delete_time: {
30 | type: DataTypes.DATE,
31 | allowNull: false,
32 | comment: "删除时间",
33 | get() {
34 | const rawValue = this.getDataValue("delete_time");
35 | return rawValue ? moment(rawValue).format("YYYY-MM-DD HH:mm") : null;
36 | },
37 | },
38 | },
39 | {
40 | sequelize: db,
41 | // 模型默认名
42 | modelName: "message_delete",
43 | // 显式指定表名为`message_delete`
44 | tableName: "message_delete",
45 | createdAt: "created_time",
46 | updatedAt: "update_time",
47 | }
48 | );
49 |
50 | // MessageDelete.sync({ force: true });
51 | module.exports = MessageDelete;
52 |
--------------------------------------------------------------------------------
/src/mock/modules/login.ts:
--------------------------------------------------------------------------------
1 | import { mock } from 'mockjs'
2 |
3 | const loginMock = () => {
4 | mock(/\/api\/v1\/user\/regist/, 'post', (options) => {
5 | const params = JSON.parse(options.body)
6 | // console.log('/api/v1/register接口请求参数', params)
7 |
8 | if (!params) return
9 |
10 | return {
11 | code: 200,
12 | data: null,
13 | message: '注册成功',
14 | }
15 | })
16 |
17 | mock(/\/api\/v1\/user\/login/, 'post', (options) => {
18 | const params = JSON.parse(options.body)
19 | // console.log('/api/v1/login接口请求参数', params)
20 |
21 | if (!params) return
22 |
23 | // 32位随机token生成
24 | function returnToken() {
25 | const abc = 'abcdefghijklmnopqrstuvwxyz1234567890'.split('')
26 | let token = ''
27 | for (let i = 0; i < 32; i += 1) {
28 | token += abc[Math.floor(Math.random() * abc.length)]
29 | }
30 | return token
31 | }
32 |
33 | // 用户信息
34 | const userInfo = {
35 | info: {
36 | account: 'todo_6666',
37 | avatar: 'http://localhost:3000/upload/avater/1c7d29ca73ae4d6cfc4fd5c14.jpg',
38 | birthday: '2005-01-01',
39 | id: 1,
40 | sex: '1',
41 | },
42 | token: returnToken(),
43 | }
44 |
45 | return {
46 | code: 200,
47 | data: userInfo,
48 | message: '登录成功',
49 | }
50 | })
51 | }
52 |
53 | export default loginMock
54 |
--------------------------------------------------------------------------------
/server/model/message.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 聊天消息表
3 | */
4 | const { Model, DataTypes } = require("sequelize");
5 | const db = require("../db");
6 | const moment = require("moment");
7 | class Message extends Model {}
8 |
9 | Message.init(
10 | {
11 | user_id: {
12 | type: DataTypes.INTEGER(11),
13 | allowNull: false,
14 | comment: "用户id",
15 | },
16 | reciver_id: {
17 | type: DataTypes.INTEGER(11),
18 | allowNull: false,
19 | comment: "接收用户或群id",
20 | },
21 | content: {
22 | type: DataTypes.TEXT,
23 | allowNull: false,
24 | comment: "消息内容",
25 | },
26 | type: {
27 | type: DataTypes.ENUM,
28 | values: ["0", "1", "2", "3"],
29 | allowNull: false,
30 | defaultValue: "0",
31 | comment: "消息类型（0文本 1图片 2语音 3视频）",
32 | },
33 | send_time: {
34 | type: DataTypes.DATE,
35 | allowNull: true,
36 | comment: "发送时间",
37 | get() {
38 | const rawValue = this.getDataValue("send_time");
39 | return rawValue ? moment(rawValue).format("YYYY-MM-DD HH:mm") : null;
40 | },
41 | },
42 | },
43 | {
44 | sequelize: db,
45 | // 模型默认名
46 | modelName: "message",
47 | // 显式指定表名为`message`
48 | tableName: "message",
49 | createdAt: "created_time",
50 | updatedAt: "update_time",
51 | }
52 | );
53 |
54 | // Message.sync({ force: true })
55 | module.exports = Message;
56 |
--------------------------------------------------------------------------------
/src/components/Column/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
24 |
25 |
3 |
25 |
26 |
27 |
49 |
50 |
56 |
--------------------------------------------------------------------------------
/src/components/SvgRender/index.vue:
--------------------------------------------------------------------------------
1 |
47 |
48 |
49 |
59 |
60 |
--------------------------------------------------------------------------------
/src/layout/themes/default/components/menu/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
17 |
18 |
19 |
37 |
38 |
44 |
--------------------------------------------------------------------------------
/server/model/user.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 用户表
3 | */
4 | const { DataTypes } = require('sequelize')
5 | const db = require('../db')
6 |
7 | const User = db.define('user', {
8 | account: {
9 | type: DataTypes.CHAR(50),
10 | unique: true,
11 | allowNull: false,
12 | comment: '账号',
13 | },
14 | password: {
15 | type: DataTypes.CHAR(64),
16 | allowNull: false,
17 | comment: '密码',
18 | },
19 | salt: {
20 | type: DataTypes.CHAR(100),
21 | allowNull: false,
22 | comment: '密码盐',
23 | },
24 | avatar: {
25 | type: DataTypes.CHAR(255),
26 | allowNull: true,
27 | comment: '用户头像',
28 | },
29 | nickname: {
30 | type: DataTypes.CHAR(30),
31 | allowNull: true,
32 | comment: '名称（昵称）',
33 | },
34 | sex: {
35 | type: DataTypes.ENUM,
36 | values: ['0', '1', '2'],
37 | allowNull: false,
38 | defaultValue: '0',
39 | comment: '待办完成状态（0女 1男 2未知）',
40 | },
41 | birthday: {
42 | type: DataTypes.DATEONLY,
43 | allowNull: false,
44 | comment: '生日',
45 | },
46 | status: {
47 | type: DataTypes.ENUM,
48 | values: ['0', '1'],
49 | allowNull: false,
50 | defaultValue: '0',
51 | comment: '账号状态（0正常 1已冻结）',
52 | },
53 | is_delete: {
54 | type: DataTypes.ENUM,
55 | values: ['0', '1'],
56 | allowNull: false,
57 | defaultValue: '0',
58 | comment: '是否删除（0正常 1软删除）',
59 | },
60 | }, {
61 | // 显式指定表名为`user`
62 | tableName: 'user',
63 | createdAt: 'created_time',
64 | updatedAt: 'update_time',
65 | })
66 |
67 | // User.sync({ force: true })
68 | module.exports = User
--------------------------------------------------------------------------------
/src/assets/svg/right.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/mock/modules/contact.ts:
--------------------------------------------------------------------------------
1 | import { mock, Random } from 'mockjs'
2 | import querystring from 'querystring'
3 | import type { IContactVo } from '../types/contact/contact.vo.ts'
4 |
5 | const contactMock = () => {
6 | // 列表模拟接口
7 | const contactList: IContactVo[] = []
8 | const count = 100
9 | for (let i = 0; i < count; i += 1) {
10 | const contact = {
11 | user_id: Math.floor(Math.random() * 1000),
12 | account: Random.string(6, 10),
13 | nickname: mock('@name'),
14 | remark: mock('@name'),
15 | desc: Random.sentence(3, 15),
16 | sex: Math.random() > 0.5 ? '0' : '1',
17 | }
18 | const extraInfo = {
19 | create_time: mock('@datetime'),
20 | }
21 |
22 | contactList.push(
23 | mock({
24 | ...contact,
25 | avatar: `https://picsum.photos/300?random=${i}`,
26 | ...extraInfo,
27 | }),
28 | )
29 | }
30 | mock(/\/api\/v1\/contact\/list/, 'get', (request) => {
31 | const { keywords = '', page = 1, pageSize = 10 } = querystring.parse(request.url) as any
32 |
33 | const mockList = contactList.filter((item) => {
34 | // 关键词搜索
35 | return !(keywords && item.nickname.indexOf(keywords) === -1)
36 | })
37 |
38 | const pageList = mockList.filter((item, index) => {
39 | return index < page * pageSize && index >= (page - 1) * pageSize
40 | })
41 |
42 | const count = mockList.length
43 | return {
44 | code: 200,
45 | message: '请求成功',
46 | data: {
47 | rows: pageList,
48 | count,
49 | },
50 | }
51 | })
52 | }
53 |
54 | export default contactMock
55 |
--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | env: {
3 | browser: true,
4 | node: true,
5 | es2021: true,
6 | },
7 | parser: 'vue-eslint-parser',
8 | extends: [
9 | 'eslint:recommended', //继承 ESLint 内置的推荐规则
10 | 'plugin:vue/vue3-recommended', // 继承 Vue.js 3 的推荐规则
11 | 'plugin:@typescript-eslint/recommended', //继承 TypeScript ESLint 插件的推荐规则
12 | 'plugin:prettier/recommended', //继承 Prettier 的推荐规则
13 | 'eslint-config-prettier', //关闭 ESLint 中与 Prettier 冲突的规则
14 | ],
15 | parserOptions: {
16 | ecmaVersion: 'latest',
17 | parser: '@typescript-eslint/parser',
18 | sourceType: 'module',
19 | ecmaFeatures: {
20 | jsx: true,
21 | },
22 | },
23 | ignorePatterns: ['dist', 'node_modules', '.eslintrc.cjs', 'commitlint.config.cjs'],
24 | plugins: ['vue', '@typescript-eslint', 'prettier'],
25 | rules: {
26 | 'vue/multi-word-component-names': 'off', // 禁用vue文件强制多个单词命名
27 | '@typescript-eslint/no-explicit-any': 'off', //允许使用any
28 | 'no-unused-vars': 'off', // 禁用未使用变量的检查
29 | '@typescript-eslint/no-unused-vars': 'off', // 禁用 TypeScript 中未使用变量的检查
30 | '@typescript-eslint/no-this-alias': [
31 | 'error',
32 | {
33 | allowedNames: ['that'], // this可用的局部变量名称
34 | },
35 | ],
36 | '@typescript-eslint/ban-ts-comment': 'off', //允许使用@ts-ignore
37 | '@typescript-eslint/no-non-null-assertion': 'off', //允许使用非空断言
38 | 'no-console': [
39 | //提交时不允许有console.log
40 | 'warn',
41 | {
42 | allow: ['warn', 'error'],
43 | },
44 | ],
45 | 'no-debugger': 'warn', //提交时不允许有debugger
46 | semi: 'off', // 允许语句后面没有分号
47 | },
48 | }
49 |
--------------------------------------------------------------------------------
/src/utils/helper/is.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * 数据类型检测工具汇总
3 | * * * @function isArray: 检测给定的值是否为数组
4 | * * * @function isObject: 检测给定的值是否为对象（注意：在JavaScript中，数组和null也会被认为是对象）
5 | * * * @function isString: 检测给定的值是否为字符串
6 | * * * @function isNumber: 检测给定的值是否为数字
7 | * * * @function isFunction: 检测给定的值是否为函数（包括异步函数）
8 | * * * @function isAsyncFunction: 检测给定的值是否为异步函数
9 | * * * @function isRegExp: 检测给定的值是否为正则表达式对象
10 | * * * @function isDef: 检测给定的值是否已定义（即不是undefined）
11 | * * * @function isUnDef: 检测给定的值是否未定义（即为undefined）
12 | * * * @function isNull: 检测给定的值是否为null
13 | */
14 |
15 | export function dataTypeCheck(value, type) {
16 | return Object.prototype.toString.call(value) === `[object ${type}]`
17 | }
18 |
19 | export function isArray(value) {
20 | return dataTypeCheck(value, 'Array')
21 | }
22 |
23 | export function isObject(value) {
24 | return dataTypeCheck(value, 'Object')
25 | }
26 |
27 | export function isString(value) {
28 | return dataTypeCheck(value, 'String')
29 | }
30 |
31 | export function isNumber(value) {
32 | return dataTypeCheck(value, 'Number')
33 | }
34 |
35 | export function isFunction(value) {
36 | return dataTypeCheck(value, 'Function') || isAsyncFunction(value)
37 | }
38 |
39 | export function isAsyncFunction(value) {
40 | return dataTypeCheck(value, 'AsyncFunction')
41 | }
42 |
43 | export function isRegExp(value) {
44 | return dataTypeCheck(value, 'RegExp')
45 | }
46 |
47 | export function isDef(value) {
48 | return !dataTypeCheck(value, 'Undefined')
49 | }
50 |
51 | export function isUnDef(value) {
52 | return !isDef(value)
53 | }
54 |
55 | export function isNull(value) {
56 | return dataTypeCheck(value, 'Null')
57 | }
58 |
--------------------------------------------------------------------------------
/src/store/modules/user.ts:
--------------------------------------------------------------------------------
1 | import $api from '@/api'
2 | import { HTTP_CODE, HTTP_HOST } from '@/settings/config/http'
3 | import { defineStore } from 'pinia'
4 | import { ref } from 'vue'
5 |
6 | interface UserInfo {
7 | avatar: string
8 | [key: string]: any
9 | }
10 |
11 | export const useUserStore = defineStore('userStore', () => {
12 | const userInfo = ref
4 |
10 |
14 |
24 |
5 |
7 |
8 |
11 |
13 |
17 |
19 |
20 |
23 |
3 |
29 |
30 |
31 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/src/assets/svg/weixin.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/server/controller/user.js:
--------------------------------------------------------------------------------
1 | const userService = require('../service/user')
2 | const { successResponse, failResponse } = require('../utils/common')
3 | const { DEFAULT_AVATERS } = require('../config/user')
4 | const { sample } = require('lodash')
5 |
6 | class UserController {
7 | /**
8 | * 注册用户
9 | * @param {*} context
10 | */
11 | register = async (context) => {
12 | const { account, password } = context.request.body
13 |
14 | console.log(account, password)
15 |
16 | const data = {
17 | avatar: `${sample(DEFAULT_AVATERS)}`,
18 | account,
19 | password
20 | }
21 |
22 | const res = await userService.createUser(data)
23 |
24 | context.body = res
25 | ? successResponse('注册成功！')
26 | : failResponse('注册失败！')
27 | }
28 |
29 | /**
30 | * 登录
31 | * @param {*} context
32 | */
33 | login = async (context) => {
34 | const { account, password } = context.request.body
35 | const data = {
36 | account,
37 | password
38 | }
39 | console.log(data)
40 | const res = await userService.login(data)
41 |
42 | context.body = res
43 | ? successResponse('登录成功！', res)
44 | : failResponse('登录失败！')
45 | }
46 |
47 | /**
48 | * 上传图像文件
49 | * @param {*} data
50 | * @returns
51 | */
52 | uploadAvater = async (context) => {
53 | const { file } = context.request.files
54 | const { id: user_id } = context.state.user;
55 | const data = {
56 | user_id,
57 | file,
58 | }
59 | const res = await userService.uploadAvater(data)
60 |
61 | context.body = res
62 | ? successResponse('上传图像成功！', res)
63 | : failResponse('上传图像失败！')
64 | }
65 |
66 | /**
67 | * 更新用户信息
68 | * @param {*} context
69 | */
70 | updateInfo = async (context) => {
71 | const { sex, birthday } = context.request.body;
72 |
73 | const { id: user_id } = context.state.user;
74 |
75 | const data = {
76 | user_id,
77 | sex,
78 | birthday,
79 | };
80 |
81 | const res = await userService.updateInfo(data);
82 |
83 | context.body = res
84 | ? successResponse("更新用户信息成功！")
85 | : failResponse("更新用户信息失败！");
86 | };
87 |
88 | /**
89 | * 搜索用户列表
90 | * @param {*} context
91 | */
92 | searchUser = async (context) => {
93 | const { account, page = 1, limit = 10 } = context.query;
94 | const data = {
95 | account,
96 | page: Number(page),
97 | limit: Number(limit),
98 | };
99 | const res = await userService.searchUser(data);
100 |
101 | context.body = res
102 | ? successResponse("获取用户列表成功！", res)
103 | : failResponse("获取用户列表失败！");
104 | };
105 | }
106 |
107 | module.exports = new UserController()
108 |
--------------------------------------------------------------------------------
/server/validate/user.js:
--------------------------------------------------------------------------------
1 | /***
2 | * 用户相关表单数据校验规则rules
3 | */
4 |
5 | // 用户注册校验规则
6 | const createUserRules = {
7 | account: [
8 | {
9 | type: "string",
10 | required: true,
11 | message: {
12 | text: "用户名或密码错误",
13 | code: 100001001,
14 | },
15 | },
16 | {
17 | type: "string",
18 | pattern: "^[0-9a-zA-Z_]{6,20}$",
19 | message: {
20 | text: "用户名格式错误",
21 | code: 100001002,
22 | },
23 | },
24 | ],
25 | password: {
26 | type: "string",
27 | required: true,
28 | message: {
29 | text: "用户名或密码错误",
30 | code: 100001003,
31 | },
32 | },
33 | };
34 |
35 | // 用户登录校验规则
36 | const userLoginRules = {
37 | account: {
38 | type: "string",
39 | required: true,
40 | message: {
41 | text: "用户名或密码错误",
42 | code: 100002001,
43 | },
44 | },
45 | password: {
46 | type: "string",
47 | required: true,
48 | message: {
49 | text: "用户名或密码错误",
50 | code: 100002002,
51 | },
52 | },
53 | };
54 |
55 | // 用户图像上传校验规则
56 | const uploadAvaterRules = {
57 | file: [
58 | {
59 | type: "object",
60 | required: true,
61 | message: {
62 | text: "图像必须",
63 | code: 100003001,
64 | },
65 | },
66 | {
67 | validator: (rule, value, callback) => {
68 | // 头像类型检测
69 | const allowFileTypes = ["image/jpeg", "image/png"];
70 | if (!allowFileTypes.includes(value.mimetype)) {
71 | callback({
72 | text: "图像格式需为jpg、png",
73 | code: 100003002,
74 | });
75 | }
76 |
77 | // 头像大小检测
78 | const allowFileSize = 500 * 1024;
79 | if (value.size > allowFileSize) {
80 | callback({
81 | text: `图片文件大小不超过${allowFileSize / 1024}kb`,
82 | code: 100003003,
83 | });
84 | }
85 |
86 | callback();
87 | },
88 | },
89 | ],
90 | };
91 |
92 | // 更新用户信息校验规则
93 | const updateInfoRules = {
94 | sex: [{
95 | type: 'string',
96 | required: true,
97 | message: {
98 | text: '性别必须',
99 | code: 100004001
100 | },
101 | }],
102 | birthday: {
103 | type: 'string',
104 | required: true,
105 | message: {
106 | text: '生日必须',
107 | code: 100004002
108 | },
109 | },
110 | }
111 |
112 | // 搜索用户列表校验规则
113 | const searchUserRules = {
114 | account: {
115 | type: "string",
116 | required: true,
117 | message: {
118 | text: "请输入账号名称",
119 | code: 100005001,
120 | },
121 | },
122 | };
123 |
124 | const userRules = {
125 | createUserRules,
126 | userLoginRules,
127 | uploadAvaterRules,
128 | updateInfoRules,
129 | searchUserRules,
130 | };
131 |
132 | module.exports = userRules;
133 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "llm-mini-client",
3 | "private": true,
4 | "version": "1.0.2",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "vite build",
9 | "preview": "vite preview",
10 | "ts": "vue-tsc -b",
11 | "lint": "eslint src --fix --ext .js,.ts,.vue --report-unused-disable-directives --max-warnings 0",
12 | "prepare": "husky install",
13 | "commit": "git-cz",
14 | "release": "release-it",
15 | "storybook": "storybook dev -p 6006",
16 | "build-storybook": "storybook build"
17 | },
18 | "husky": {
19 | "hooks": {
20 | "pre-commit": "lint-staged",
21 | "commit-msg": "commitlint --config .commitlintrc.js -E HUSKY_GIT_PARAMS"
22 | }
23 | },
24 | "lint-staged": {
25 | "src/**/*.{js,ts,vue,tsx}": [
26 | "pnpm run lint",
27 | "prettier --write"
28 | ]
29 | },
30 | "config": {
31 | "commitizen": {
32 | "path": "node_modules/cz-conventional-changelog"
33 | }
34 | },
35 | "dependencies": {
36 | "@element-plus/icons-vue": "^2.3.1",
37 | "@tailwindcss/vite": "^4.0.9",
38 | "@vueuse/core": "^12.7.0",
39 | "axios": "^1.8.1",
40 | "element-plus": "^2.9.5",
41 | "lodash": "^4.17.21",
42 | "lodash-es": "^4.17.21",
43 | "mockjs": "^1.1.0",
44 | "moment": "^2.30.1",
45 | "pinia": "^3.0.1",
46 | "querystring": "^0.2.1",
47 | "rollup-plugin-visualizer": "^5.14.0",
48 | "socket.io-client": "^4.8.1",
49 | "tailwindcss": "^4.0.9",
50 | "vite-plugin-compression": "^0.5.1",
51 | "vue": "^3.5.13",
52 | "vue-router": "^4.5.0"
53 | },
54 | "devDependencies": {
55 | "@commitlint/cli": "19.2.0",
56 | "@commitlint/config-conventional": "19.1.0",
57 | "@release-it/conventional-changelog": "^10.0.0",
58 | "@types/lodash-es": "^4.17.12",
59 | "@types/mockjs": "^1.0.10",
60 | "@types/node": "^22.13.8",
61 | "@typescript-eslint/eslint-plugin": "^6.19.0",
62 | "@typescript-eslint/parser": "^6.19.0",
63 | "@vitejs/plugin-legacy": "^6.0.2",
64 | "@vitejs/plugin-vue": "^5.2.1",
65 | "@vue/tsconfig": "^0.7.0",
66 | "commitizen": "^4.3.1",
67 | "cz-conventional-changelog": "^3.3.0",
68 | "eslint": "^8.39.0",
69 | "eslint-config-prettier": "^9.1.0",
70 | "eslint-plugin-prettier": "^5.1.3",
71 | "eslint-plugin-vue": "^9.11.0",
72 | "globals": "^16.0.0",
73 | "husky": "^9.1.7",
74 | "lint-staged": "^15.4.3",
75 | "prettier": "^3.2.4",
76 | "prettier-plugin-organize-imports": "^4.1.0",
77 | "prettier-plugin-tailwindcss": "^0.6.11",
78 | "release-it": "^18.1.2",
79 | "sass-embedded": "^1.85.1",
80 | "terser": "^5.39.0",
81 | "typescript": "~5.7.2",
82 | "unplugin-auto-import": "^19.1.1",
83 | "unplugin-vue-components": "^28.4.1",
84 | "vite": "^6.2.0",
85 | "vite-plugin-imagemin": "^0.6.1",
86 | "vue-tsc": "^2.2.4"
87 | }
88 | }
89 |
--------------------------------------------------------------------------------
/src/view/contacts/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{
5 | $dataHelpers?.formatDate(message.send_time, 'HH:mm')
6 | }}
7 |
8 |
9 |
28 |
10 | ![]()
11 |
12 |
24 |
25 | ![]()
26 |
27 |
3 |
4 |
29 |
30 |
31 |
90 |
91 |
92 |
--------------------------------------------------------------------------------
/src/assets/svg/github.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import tailwindcss from '@tailwindcss/vite'
2 | import legacy from '@vitejs/plugin-legacy'
3 | import vue from '@vitejs/plugin-vue'
4 | import path from 'path'
5 | import { visualizer } from 'rollup-plugin-visualizer' // 构建分析工具
6 | import AutoImport from 'unplugin-auto-import/vite'
7 | import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
8 | import Components from 'unplugin-vue-components/vite'
9 | import { defineConfig } from 'vite'
10 | import viteCompression from 'vite-plugin-compression' // Gzip压缩
11 | import viteImagemin from 'vite-plugin-imagemin' // 图片压缩
12 |
13 | export default defineConfig(({ mode }) => ({
14 | server: {
15 | proxy: {
16 | '/api': {
17 | // target: 'http://49.232.248.93:3030/',
18 | target: 'http://localhost:3030',
19 | changeOrigin: true,
20 | },
21 | },
22 | },
23 | plugins: [
24 | vue(),
25 | tailwindcss(),
26 | AutoImport({
27 | resolvers: [ElementPlusResolver()],
28 | }),
29 | Components({
30 | resolvers: [
31 | ElementPlusResolver({
32 | importStyle: 'sass', // 按需加载样式
33 | directives: true, // 按需加载指令
34 | }),
35 | ],
36 | }),
37 | // Gzip/Brotli 压缩
38 | viteCompression({
39 | verbose: true, // 显示压缩日志
40 | disable: false,
41 | threshold: 10240, // 大于10KB的文件才压缩
42 | algorithm: 'gzip', // 可选 'brotliCompress'
43 | ext: '.gz',
44 | }),
45 | // 构建产物分析 (打包后会生成 stats.html)
46 | visualizer({
47 | open: true,
48 | gzipSize: true,
49 | brotliSize: true,
50 | }),
51 | viteImagemin({
52 | gifsicle: { optimizationLevel: 3 },
53 | optipng: { optimizationLevel: 5 },
54 | mozjpeg: { quality: 75 },
55 | pngquant: { quality: [0.8, 0.9] },
56 | svgo: {
57 | plugins: [{ removeViewBox: false }],
58 | },
59 | }),
60 | legacy({
61 | targets: ['defaults', 'not IE 11'],
62 | }),
63 | ],
64 | resolve: {
65 | alias: {
66 | '@': path.resolve('./src'),
67 | },
68 | },
69 | build: {
70 | // 构建优化核心配置
71 | target: 'esnext',
72 | minify: 'terser', // 默认 esbuild，切换为 terser 以支持更多优化
73 | terserOptions: {
74 | compress: {
75 | drop_console: mode === 'production', // 生产环境移除 console
76 | drop_debugger: true, // 移除 debugger
77 | },
78 | },
79 | rollupOptions: {
80 | output: {
81 | // 代码分割策略
82 | manualChunks(id) {
83 | if (id.includes('node_modules')) {
84 | // 将大依赖包单独拆分
85 | if (id.includes('element-plus')) {
86 | return 'element'
87 | }
88 | if (id.includes('lodash')) {
89 | return 'lodash'
90 | }
91 | return 'vendor'
92 | }
93 | },
94 | // 按入口分块
95 | entryFileNames: 'assets/[name]-[hash].js',
96 | chunkFileNames: 'assets/[name]-[hash].js',
97 | assetFileNames: 'assets/[name]-[hash][extname]',
98 | },
99 | },
100 | },
101 | }))
102 |
--------------------------------------------------------------------------------
/src/view/contacts/components/set-contect-info-dialog.vue:
--------------------------------------------------------------------------------
1 |
2 |
22 | 取消
23 | 提交
24 |
25 |
26 |
3 |
11 |
17 |
27 |
28 |
37 |
38 |
39 |
40 |
47 | 立即登录
48 |
49 |
50 |
51 |
52 |
53 |
54 |
115 |
116 |
117 |
--------------------------------------------------------------------------------
/src/assets/svg/publish.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/List/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
15 |
16 |
13 | LightChat
14 |
3 |
20 |
21 |
22 |
23 |
130 |
131 |
136 |
--------------------------------------------------------------------------------
/src/view/register/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
11 |
17 |
27 |
28 |
38 |
39 |
47 | 立即注册
48 |
49 |
53 |
54 |
55 |
56 |
57 |
133 |
134 |
135 |
--------------------------------------------------------------------------------
/src/hooks/modules/usePageList.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * @description: 页面列表
3 | * */
4 | import { HTTP_CODE } from '@/settings/config/http'
5 | import { isFunction } from '@/utils/helper/is'
6 | import { ElMessage } from 'element-plus'
7 | import type { Ref } from 'vue'
8 | import { computed, ref } from 'vue'
9 |
10 | // 定义接口和类型
11 | interface PageListOptions
12 | 
13 |
15 |
16 |
13 | LightChat
14 |
50 | 已有账号，去登录
51 |
52 |
69 |
123 |
124 |
125 |
126 |
--------------------------------------------------------------------------------
/server/app/socket.js:
--------------------------------------------------------------------------------
1 | const { Server } = require('socket.io')
2 | const { verify } = require('jsonwebtoken')
3 | const { JWT_SECRET } = require('../config/app')
4 | const ContactModel = require('../model/contact')
5 | const ChatModel = require('../model/chat')
6 | const MessageModel = require('../model/message')
7 | const UserModel = require('../model/user')
8 | const chatService = require('../service/chat')
9 | const { Op, literal } = require('sequelize')
10 | const { flatObject } = require('../utils/common')
11 | const moment = require('moment')
12 |
13 | // socket服务器
14 | const io = new Server(3001, {
15 | // 跨域设置
16 | cors: {
17 | origin: '*',
18 | },
19 | })
20 |
21 | const socketUserMaps = new Map()
22 |
23 | // 监听客户端连接事件
24 | io.on('connection', (socket) => {
25 | const { auth } = socket.handshake
26 | const { token } = auth
27 | let user = null
28 | try {
29 | user = verify(token, JWT_SECRET)
30 |
31 | // 关联socket用户与网站用户信息
32 | socketUserMaps.set(socket.id, user)
33 | } catch (error) {}
34 |
35 | // client用户端发来消息
36 | socket.on('chat-1v1-to-server', async (message) => {
37 | const { reciver_id } = message
38 | const { id: user_id } = user
39 |
40 | // 1、判断两者是否好友关系
41 | const isFriend = await ContactModel.findOne({
42 | where: {
43 | [Op.and]: {
44 | user_id,
45 | reciver_id,
46 | },
47 | [Op.and]: {
48 | reciver_id: user_id,
49 | user_id: reciver_id,
50 | },
51 | },
52 | attributes: ['id'],
53 | })
54 | if (isFriend === null) {
55 | sendSocketMessageToTargetUser(user_id, () => {
56 | socket.emit('server:global-error-message', {
57 | message: '不能发送消息给非好友用户！',
58 | })
59 | })
60 | return false
61 | }
62 |
63 | // 2、判断是否有此聊天chat
64 |
65 | // 3、判断是否对方有聊天记录，没有则自动生成一条
66 | // 一般出现在初次加好友后首次给其发送消息
67 | const reciverChat = {
68 | reciver_id: String(user_id),
69 | user_id: reciver_id,
70 | }
71 | const hasChatHistory = await ChatModel.findOne({
72 | where: reciverChat,
73 | attributes: ['id'],
74 | })
75 | if (hasChatHistory === null) {
76 | chatService.createChat(reciverChat)
77 |
78 | sendSocketMessageToTargetUser(reciver_id, (socket) => {
79 | socket.emit('server:auto-create-chat', {
80 | message: '聊天时自动生成一次聊天记录',
81 | })
82 | })
83 | }
84 |
85 | // 4、写入消息数据局库表
86 | const { content, type } = message
87 |
88 | console.log('message', message)
89 |
90 | debugger
91 | const messageBaseInfo = {
92 | user_id,
93 | reciver_id,
94 | content,
95 | type,
96 | send_time: moment(new Date()).format('YYYY-MM-DD HH:mm'),
97 | }
98 |
99 | const messageRes = await MessageModel.create(messageBaseInfo, {
100 | raw: true,
101 | })
102 | const { id: message_id, send_time } = messageRes.toJSON()
103 |
104 | // 5、查询相关需要的用户信息组合完整的消息，为转发做准备
105 | UserModel.belongsTo(MessageModel, {
106 | foreignKey: 'id',
107 | targetKey: 'user_id',
108 | })
109 |
110 | let messageExtraInfo = await UserModel.findOne({
111 | where: {
112 | id: user_id,
113 | },
114 | attributes: ['avatar'],
115 | include: {
116 | model: MessageModel,
117 | modelName: 'message',
118 | where: {
119 | id: message_id,
120 | },
121 | attributes: [[literal("DATE_FORMAT(message.created_time, '%Y-%m-%d %H:%i:%s')"), 'created_time']],
122 | },
123 | })
124 |
125 | messageExtraInfo = messageExtraInfo.toJSON()
126 | messageExtraInfo = flatObject(messageExtraInfo, false)
127 |
128 | // 组合完整消息数据
129 | const messageFullInfo = {
130 | id: message_id,
131 | ...messageBaseInfo,
132 | ...messageExtraInfo,
133 | send_time,
134 | is_me: false,
135 | }
136 |
137 | // 6、如果reciver接收消息用户在线且存在socket登录记录信息中，
138 | // 进行socket实时转发到对应reciver接收消息用户
139 | sendSocketMessageToTargetUser(reciver_id, (socket) => {
140 | socket.emit('chat-1v1-to-client', messageFullInfo)
141 | })
142 | })
143 |
144 | // socket连接断开
145 | socket.on('disconnect', () => {
146 | // 清理socket用户
147 | socketUserMaps.delete(socket.id)
148 | })
149 | })
150 |
151 | // 为指定用户执行socket消息发送
152 | async function sendSocketMessageToTargetUser(id, callback) {
153 | const sockets = await io.fetchSockets()
154 |
155 | sockets.forEach((socket) => {
156 | socketUserMaps.forEach((user, socketId) => {
157 | if (socket.id === socketId && id === user.id) {
158 | callback(socket, user, socketId)
159 | }
160 | })
161 | })
162 | }
163 |
164 | module.exports = io
165 |
166 | module.exports.socketUserMaps = socketUserMaps
167 |
--------------------------------------------------------------------------------
/src/view/contacts/components/contact-list.vue:
--------------------------------------------------------------------------------
1 |
108 |
109 |
110 |
70 |
122 |
73 |
101 |
102 |
74 |
94 |
95 |
75 | {{ contact.remark }}
76 | 
77 | 
78 |
85 |
86 |
87 |
89 |
90 |
91 |
92 |
77 |
78 | {{ contact.desc }}
93 |
96 |
100 |
97 | ![]()
98 |
99 |
103 |
112 |
113 |
104 |
107 | 昵称
105 | {{ contact.nickname }}
106 |
108 |
111 | 账号
109 | {{ contact.account }}
110 |
114 | 发消息
120 |
121 |
111 |
112 |
113 |
147 |
148 |
165 |
166 |
167 |
168 |
169 |
183 |
--------------------------------------------------------------------------------
/src/view/contacts/components/add-contact-dialog.vue:
--------------------------------------------------------------------------------
1 |
129 |
130 |
131 |
114 |
115 |
116 |
117 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 | 通讯录
137 |
138 |
139 |
149 |
163 |
164 |
150 |
162 |
151 | ![]()
152 |
153 |
154 |
161 |
155 |
159 | 156 | {{ item.remark }} 157 |
158 |在线
160 |
168 |
186 |
187 |
169 |
185 |
170 | ![]()
171 |
172 |
173 |
181 |
174 |
180 | 177 | {{ item.nickname }} 178 |
179 |
182 | 加为好友
183 |
184 |
3 |
4 |
5 |
29 |
30 |
70 |
71 |
72 |
73 |
74 |
220 |
221 |
234 |
--------------------------------------------------------------------------------
6 |
7 |
8 |
9 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 聊天记录
19 |
20 |
21 |
31 |
68 |
69 |
32 |
50 |
33 | ![头像]()
34 |
35 |
36 |
49 |
37 |
42 |
43 | {{ item.remark }}
38 | {{ 39 | $dataHelpers.formatDate(item.send_time, 'HH:mm') 40 | }} 41 |
44 |
47 |
48 |
51 |
52 |
53 |
54 |
55 |
57 |
58 |
59 |
60 |
61 | 置顶聊天
62 | 删除
63 |
64 |
65 |
66 |
67 |