从零开始,构建前后分离的博客系统

从零开始,构建前后端分离的博客系统

why blog?

为什么选择博客系统练手呢?

  • 因为博客最为一个网站来说,不大不小对目前的我来说,十分适合。
  • 有句话叫我的地盘我做主,我可以随时分享我的想法
  • 对生活,学习,工作进行记录
  • 我可以自己选择自己喜欢的方式,布置网页样式

技术栈 flask + dva

为什么选择dva?

Dva是基于Redux做了一层封装,对于React的state管理,有很多方案,我选择了轻量、简单的Dva

  • 易学易用:仅有 5 个 api,对 redux 用户尤其友好
  • elm 概念:通过 reducers, effects 和 subscriptions 组织 model
  • 支持 mobile 和 react-native:跨平台 (react-native )
  • 动态加载 Model 和路由:按需加载,加快访问速度
  • 完善的语法分析库 dva-ast:dva-cli 基于此实现了智能创建 model, router 等
为什么选择flask

flask是Python web框架中可以和Django一争高下的存在了, 轻量,简洁 ,blueprint十分好用。

  • 易学易用 有现成的中文文档
  • 丰富的插件
github后端地址
github前端地址

开始

  • 后端开发(backend)
    • 工具 pycharm
    • 数据库 sqlite
    • 后端项目分析:
    1. 数据库 表按照图依次排列 使用软件 Navicat Premium 12
      所有表
      admin
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
    2. api分析 api文档 apizza
      用户登录:
      在这里插入图片描述
      CURD:
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
      用户和角色类似
  • 构建前段
    • 工具 vscode, node.js
    • 框架 dva
    • UI设计
      1. Index界面设计
        在这里插入图片描述
      2. admin界面设计
        在这里插入图片描述
      3. 登录页面设计
        在这里插入图片描述
      4. 注册页面设计
        在这里插入图片描述
    • 实现
      1. 初始化项目
        dva new Blog
        
        • 配置antd库 具体配置请点击链接 antd官网
      2. 具体构建
        请点击链接 前端开发经历(还没写)

项目部署

坑中之坑,等我总结好写这部分
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值