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

前言

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

功能模块

登录注册

首页

文章详情

文章评论

发文章

发文章权限

圈子

发圈子

搜索文章

模块详解

登录注册

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

首页

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

文章详情

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

文章评论

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

发文章

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

发文章权限

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

圈子

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

发圈子

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

搜索文章

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

线上体验

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

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

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

1https://www.maomin.club/ 2

结语

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

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


作者:Vam的金豆之路

主要领域:前端开发

我的微信:maomin9761

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


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

点赞
收藏

评论区

加载中...

相关推荐

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

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )