『sign-search』符号搜索器

一个简简单单的符号搜索工具。 👉👉👉 sign-search 离线版 👈👈👈

项目地址

前端：sign-search

后端：sign-search-server （暂时转为私有，无法克隆）

说明：

1. 前端项目不依赖后端项目也可以使用，只不过是个离线版。
2. 离线版数据保存在本地，在线版数据同步服务器。如需使用在线模式，请克隆后端项目仓库。

前端说明

开发环境：node v16.17.1、npm v8.19.2

技术工具：react18、typescript、react-router-dom(V6)、@reduxjs/toolkit、redux-persist、antd、i18next、react-markdown、pinyin-match

运行项目：

1. 执行 npm i 安装依赖；
2. 执行 npm run start 运行项目。

后端说明

开发环境：node v16.17.1、pnpm v7.18.1

技术工具：express、cheerio、cors、humps、pg、superagent、REST Client 接口测试插件

数据库：PostgresSQL

运行项目：

1. PostgresSQL 数据库中新建一个 sign_search 数据库；
2. 导入项目根目录下提供的 sign_search.sql 文件；
3. 项目根目录下 index.js 的连接池配置修改为自己对应的配置：

const pool = new Pool({
  user: 'postgres', // 用户名
  password: 'postgres', // 密码
  host: 'localhost', // 主机
  port: 5432, // 端口
  database: 'sign_search' // 数据库名
})

4. （已有 pnpm 可跳过这一步）执行 npm i -g pnpm 全局安装 pnpm;
5. 执行 pnpm i 安装依赖；
6. 执行 pnpm run server 启动服务器。

其它说明：test/index.http 文件用于在 VSCode 中发送请求测试接口，需要在 VSCode 中安装 「REST Client」插件才能使用。

功能说明

• 搜索器支持通过「中文关键字」、「拼音关键字」、「英文关键字」的模糊搜索。例如搜索 ©，可以输入 「copyright」、「copy」、「copyri」、「授权」、「版权」、「著作」、「banquan」、「zhuzuo」等相关的关键字；
• 单击复制符号，双击查看符号历史背景故事；
• 单击气泡卡片中的 <i> 标识符，将会复制一个包裹着符号的 i 标签，该 i 标签上附带一个 class 类，类名为该符号的符号名称；
• 锚点快速定位某一类别符号集；
• 查询模式和编辑模式切换；
• 常用符号记录，双击清空常用符号；
• 自定义符号增删改查；
• 中、英语言切换；
• 使用手册查询；
• 离线版与在线版切换；

声明

• 学习使用，所有符号图标来自互联网，如有侵权，请联系 cn.tanqin@qq.com。