基于Fusion Design和eggjs搭建个人博客-附完整源代码
1. 介绍
1.1 Fusion Design
Alibaba Fusion Design System 是一套旨在全面提升设计
、开发效率
的工作方式。通过协助企业构建设计系统
,提供系统化工具
协助设计师、前端使用设计系统,提供一站式设计项目协助平台,打通互联网产品从设计到开发的工作流。
1.2 eggjs
基于koa开发的nodejs后端框架,特性如下:
- 提供基于 Egg 定制上层框架的能力
- 高度可扩展的插件机制
- 内置多进程管理
- 基于 Koa 开发,性能优异
- 框架稳定,测试覆盖率高
- 渐进式开发
1.3 其他
在项目中使用React-router,redux,MySQL等,构建的博客.
2. 设计
2.1 表设计
博客系统,主要是以写博客为了,表的设计如下:
users
- 用户表
blogs
- 博客表
catalog
- 目录表
collects
- 收藏表 - 收藏一些链接
comments
- 评论
2.2 前端页面设计
前端分为两个项目,一个是博客展示,一个是博客管理
2.2.1 博客展示
对于博客展示主要功能如下:
- 登录与注册
- 查看博客/评论
- 查看收藏
- 其他
已经完成功能:
- [√] 登录
- [√] 查看博客和详情
2.2.2 博客管理
对于博客管理主要功能如下:
- 登录与注册
- 创建博客
- 创建分类
- 创建标签
- 其他
已经完成功能:
- [√] 登录
- [√] 创建博客
- [√] 删除和编辑博客
2.3 后端页面设计
主要只用eggjs去搭建一个博客系统,可以参照官网进行操作.请点击这里
3 实现
实现代码我已经放到github,请点击这里,关于博客的发布,查看删除功能已经实现,大家可以参考参考,这会持续的更新~~~