React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

Jacquelyn38
• 阅读 1605

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

前言

豆哥的个人博客又改版了,本版主要技术栈是前台用的React,后台用的Koa。博客改版的初衷是自己可以练练React(公司的项目部分要用React,我也没法啊,再说早晚得学)。本文主要介绍博客的业务逻辑,对技术方面不过多讲述。想了解技术的话,可以等我下一篇《技术篇》哦!好了,转入正题。

功能模块

登录注册

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

首页

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

文章详情

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

文章评论

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

发文章

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

发文章权限

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

圈子

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

发圈子

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

搜索文章

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

模块详解

登录注册

登录注册时,账号请输入大于3位小于7位,密码请输入大于6位小于13位。

首页

文章栏目分页展示,每页展示10条内容。文章内有图片的,在栏目上会根据条件显示,并根据文章的标签显示标签。头部导航栏滚轮往上滑动显示,并固定在顶部。滚轮往下滑动隐藏。

文章详情

根据文章ID显示对应的文章题目、文章内容、文章标签。

文章评论

用户需登录注册后才可以在文章详情页下方评论,评论不计次数,但是限制字数100字以内。发表时带有内容以及时间。评论列表分页展示。头像是用户的第一个字符。

发文章

目前只有管理员才有发文章的权限,其他用户没有权限,会进入权限页面。

发文章权限

只有管理员才可以发文章,其他用户没有权限。其他用户可以点击返回首页。

圈子

用户可以发表自己的见解,后台会根据发表的内容进行判断,不准发表违法敏感内容。只有登录注册才会显示发表圈子的按钮。圈子列表分页展示。

发圈子

只要是登录注册的用户都可以发表圈子,可以发表图片以及文字,图片大小格式有限制,只能发表小于200KB的jpg或者png格式的图片。文字小于50字。最后。用户一天只能发3次圈子,次日重置。

搜索文章

在顶部搜索框可以输入关键字,会自动跳转到搜索结果页,点击对应的栏目,即可进入文章详情页。

线上体验

本博客为了更好的浏览体验,请使用PC电脑端。

在百度搜索关键字 前端历劫之路 ,即可进入网页。

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)

也可以在浏览器搜索框内输入网址:

https://www.maomin.club/  

结语

今天的《业务篇》到这里就要结束了,分篇发的目的是希望大家在开发一个项目之前,一定要先了解熟悉这个项目的业务需求。有时埋头苦干不如细心筹划。好了,下一篇《技术篇》正在炼制中,不久就会跟大家见面了。谢谢大家!

加我VX,带你进百人大佬群。关注公众号,更多福利等你来拿。


作者:Vam的金豆之路

主要领域:前端开发

我的微信:maomin9761

微信公众号:前端历劫之路

React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)


本文转转自微信公众号前端历劫之路原创https://mp.weixin.qq.com/s/BdxFcqnV1YFCVk4qEgd3Uw,如有侵权,请联系删除。

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Jacquelyn38 Jacquelyn38
2年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Stella981 Stella981
2年前
Android So动态加载 优雅实现与原理分析
背景:漫品Android客户端集成适配转换功能(基于目标识别(So库35M)和人脸识别库(5M)),导致apk体积50M左右,为优化客户端体验,决定实现So文件动态加载.!(https://oscimg.oschina.net/oscnet/00d1ff90e4b34869664fef59e3ec3fdd20b.png)点击上方“蓝字”关注我
Wesley13 Wesley13
2年前
35岁,真的是程序员的一道坎吗?
“程序员35岁是道坎”,“程序员35岁被裁”……这些话咱们可能都听腻了,但每当触及还是会感到丝丝焦虑,毕竟每个人都会到35岁。而国内互联网环境确实对35岁以上的程序员不太友好:薪资要得高,却不如年轻人加班猛;虽说经验丰富,但大部分公司并不需要太资深的程序员。但35岁危机并不是不可避免的,比如你可以不断精进技术,将来做技术管理或者
Wesley13 Wesley13
2年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
2年前
Docker 部署SpringBoot项目不香吗?
  公众号改版后文章乱序推荐,希望你可以点击上方“Java进阶架构师”,点击右上角,将我们设为★“星标”!这样才不会错过每日进阶架构文章呀。  !(http://dingyue.ws.126.net/2020/0920/b00fbfc7j00qgy5xy002kd200qo00hsg00it00cj.jpg)  2
Wesley13 Wesley13
2年前
35岁是技术人的天花板吗?
35岁是技术人的天花板吗?我非常不认同“35岁现象”,人类没有那么脆弱,人类的智力不会说是35岁之后就停止发展,更不是说35岁之后就没有机会了。马云35岁还在教书,任正非35岁还在工厂上班。为什么技术人员到35岁就应该退役了呢?所以35岁根本就不是一个问题,我今年已经37岁了,我发现我才刚刚找到自己的节奏,刚刚上路。
Wesley13 Wesley13
2年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
3个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这