前端技术栈

  • vue3.2 setup语法糖
  • TypeScript
  • Pinia
  • vite
  • axios

后端技术栈

  • express

  • mysql8.0

通用组件

header 顶部栏

footer 底部栏

项目页面

home 首页

poetryDetail 诗歌详情

dynastyCategory 朝代分类 （诗歌分类的子页面）

tattle 杂谈专区

about 关于

poetryCreate 诗歌创作

login 登陆

sign 注册

数据库表设计

作者表：lv_writing_authors

id 诗人id
name 诗人姓名 繁
birth_year 出生年份
death_year 死亡年份
desc 描述 繁
dynasty_id 朝代id
dynasty 朝代 繁
works_count 作品数量

朝代表：lv_writing_dynasty

id 朝代id
name 朝代名字 繁
content 内容 繁

作品表：lv_writing_works

id 作品id
title 作品标题 繁
author_id 作者id
author 作者 繁
dynasty_id 朝代id
dynasty 朝代 繁
kind_cn 体裁 繁
content 内容 繁
intro 评析 繁
annotation 注释 繁
translation 译文 繁
master_comment 辑评 繁
quote 名句 繁

字体使用 汇文明朝体

1
npm i @chinese-fonts/hwmct

todo

  1. 使用 arco design 标签tag 实现搜索历史记录
  2. 使用 卡片card 承载选项卡
  3. 路由跳转
  4. 完成静态页面的数据展示

数据库词条 57w

请求过慢，添加索引