样式 个人采用极简样式 以蓝色为基调
数据展示 采用 vue 框架
博客服务器
- 对博客的增删改查管理能力
- 对标签的增删查改能力
博客客户端
- 博客标题列表页面
- 博客内容展示页面
- 博客管理页面
- 博客内容编辑页面
关于数据存储和交互
- 服务器存储 markdown 格式的数据
- 前端通过 editor.md 这个工具将 markdown 的文档内容提交给服务器, 或者解析服务器返回的 markdown 作为前端页面内容.
Restful 风格 API
请求:
POST /add
{
"title": "我的第一篇博客",
"description": "这是一段描述"
"content": "博客的 markdown 格式内容",
}
响应:
HTTP/1.1 200 OK
{
"bbid": 20220025733,
"code": 0,
"message": "success",
"time": "2022/2/4 14:32:13"
}
请求:
POST /delete
{
"bbid":"20220025733"
}
响应:
HTTP/1.1 200 OK
{
"code": 0,
"message": "success",
"time": "2022/2/4 14:32:57"
}
请求:
GET /find
{
"page":1
}
响应:
HTTP/1.1 200 OK
{
"code": 0,
"data": [
{
"blid": 20220025701,
"content": "content test",
"create_time": "2022/2/4",
"dectribe": "this is a test",
"title": "test"
},
{
"blid": 20220025701,
"content": "content test",
"create_time": "2022/2/4",
"dectribe": "this is a test",
"title": "test"
}
],
"message": "success",
"time": "2022/2/4 14:25:51"
}
C++ 操作 MySQL 数据库
| 列名 | 类型 | 备注 |
|---|---|---|
| BBID | long | 博客 id |
| TITLE | char(20) | 博客标题 |
| DECRIPTION | Text | 博客描述 |
| CONTENT | Text | 博客内容 |
| CREATE_TIME | Date | 创建日期 |
初步完成 Server 端设计 2022-2-4
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent