基于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,请点击这里,关于博客的发布,查看删除功能已经实现,大家可以参考参考,这会持续的更新~~~

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值