后端程序员玩前端 实战基于React的博客系统

已于 2022-05-27 01:50:54 修改
阅读量711 收藏
点赞数
分类专栏： react 文章标签： react.js node.js javascript
于 2021-10-04 16:33:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hj1997a/article/details/120605223
版权

前言

本人一直是一名纯后端的coder，一直觉得不能局限于后端技术，于是最近开始学习react，学了一段时间感觉需要做一点东西来检验下学习的成果， 于是乎做了一个基于react的博客系统。

博客地址

博客地址

博客后台管理地址

博客后台管理地址
账号:hj
密码:123456

技术

  • 前端：react
  • 后端: .net core 5

代码

前端

展示

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

总结

功能还在开发中，希望通过开发这个系统能让自己对react能熟悉一点

narojay
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
react-blog:React + Redux + Ruby On Rails 实现的博客系统
04-30
基于 React 实现的个人博客 本项是使用 React 实现的个人博客，使用了 Redux 做数据管理，后端使用的是 Ruby On Rails 提供的接口，欢迎大家围观！ 本地部署 git clone git@github.com:wewin11235/react-blog.git cd react-blog npm install npm run start 部署完成后，使用浏览器访问 端口即可。 前面说了项目的接口是一个 Ruby On Rails 项目提供的，所以你还需要部署一下 才能在本地成功体验这个项目，当然你也可以前往 体验这个项目。 效果图 登陆页面 主页 详情页 新建或编辑页面 项目状况 目前项目已经能使用，但是还有很多细节需要完善，代码也需要优化和重构，感兴趣的朋友可以 start 或者加 follow，后面我会持续更新。 项目部署 因为涉及到 Ruby on
基于java的个人博客系统源代码
12-06
通过研究这个基于Java的个人博客系统源代码，开发者不仅可以提升Java编程技能，还能掌握Web应用开发的全貌，包括后端服务、数据库设计、前端展现以及项目管理等多个方面。对于准备撰写相关论文的学者，这是一个很好...
React搭建个人博客（一）项目简介与React前端踩坑
qq_36228442的博客
06-12 3491
一.简介 项目最开始目的是为了熟悉React用法，之后加入的东西变多，这里分成三部分，至少三篇博客拆开来讲。 前端部分 React React-Router4.0 Redux AntDesign webpack4 后端部分 consul+consul-template+nginx+docker搭建微服务 cdn上传静态资源 thinkJs 部署部分 daocloud自动...
react实现个人博客网站
weixin_33743248的博客
06-02 1724
my-react-blog 前端使用了react，后端使用springcloud, oauth2做统一认证，springboot2.0,图片上传使用腾讯COS 项目比较简单，也有不少坑，仅做学习参考 码云： 后端springcloud 前端react GitHub： 前端react 后端springcloud 项目介绍 react实现个人博客，关于CSS我是渣渣，不太会，样式我趴了简书和知乎 一些...
从零开始搭建一个基于React框架的博客发布系统 （一）初始化环境
Run_youngman的博客
06-21 1589
了解博客搭建流程 现在的博客搭建一般都是使用Github作为载体，无论我们经过什么配置，做的事情只有一个，那就是把编译好的系统部署到github上去，比如Hexo，只不过一些复杂的操作他都帮你省了，你只需要上传自己的博客内容就万事大吉了。 github作为一个承载容器，你自己新建一个io后缀的项目之后(一个账号只可以有一个此项目)，每次把编译过的代码push到github上去之后，github...
从零开始搭建一个基于React框架的博客发布系统 （五）展示博客内容
Run_youngman的博客
06-28 1236
现在列表也有了，点击文章列表的缩略图之后，就要直接展示博客内容了。大家知道一篇博客如果过长的话，会有一个导航栏，帮住用户快速的定位到某个位置，这里也要加入这个功能。 之前说过了，这里引入了react-markdown，还有这个代码高亮的插件prismjf，在Components中新建一个文件夹，用来保存markdown中可能存在的各种布局块，比如代码块，列表，字体等。可以通过自定义样式的方式添加...
基于react的新闻发布系统源码.zip
11-29
通过深入研究这个基于React的新闻发布系统源码，开发者不仅可以学习React的基本用法，还能掌握前端开发的全链路知识，包括状态管理、路由、API交互、样式处理、构建流程以及测试等。这将是一个宝贵的实战学习资源。
基于java的用户管理系统源码.zip
11-02
总之，"基于Java的用户管理系统源码.zip"提供了一个实践性的学习平台，对于想要提升Java Web开发技能的程序员来说，这是一个不可多得的资源。通过对源码的分析和实践，开发者可以更好地理解和掌握用户管理系统的实现...
黑马程序员-梅兰商城项目实战
04-25
【梅兰商城项目实战】是黑马程序员推出的一个全面的电商项目开发教程，旨在帮助学员深入理解和实践电商系统的构建。这个项目实战涵盖了从需求分析、设计、编码到测试的全过程，旨在提升学员在实际开发环境中的技能和...
基于PHP的产品报价系统的设计与开发(源代码+lw)1.rar
最新发布
04-10
在实际开发过程中，前端界面可能使用HTML、CSS和JavaScript技术，结合Bootstrap、Vue.js或React等前端框架来实现交互效果。后端则主要用PHP处理HTTP请求，与数据库进行交互，实现业务逻辑。为了确保数据安全，还需要...
在.NET Core上构建React Web Apps
04-05
使用dotNetify-React构建实时React + C＃.NET Web应用程序的简单，轻巧但功能强大的方法。
React 博客系列 (1) 搭建的个人博客
厚积薄发
02-01 2501
React 搭建的个人博客 小白起步，搭建的个人博客，具有前端和管理端，还未完工，会持续更新。前后端分离，前端采用Mock.js模拟数据，部分引用antd组件，后端利用MongoDB存储，axios传递数据，相关技术有： React^16.2 Redux Rect-router^4 Mock.js Koa2 Mongoose Axios Echarts AntD 啥也不多说，上图。
基于React+antd的后台管理模板（可预览）
热门推荐
张致豪
08-05 9万+
自己利用业余时间，基于React+antd写了一个后台管理模板。主要是熟悉antd组件和React，页面主要还是展示页面，不涉及后台交互。 特点： 我用
基于React.js的后台管理系统开发全过程(七)
fang_my的博客
04-24 313
夏天好热啊～本文章推荐开放空调阅读😊👉便携式迷你小空调 由于采用了黑科技，手机听筒放在脸庞可以有微风吹过，电脑端暂时没有实现，后续会继续优化~. tips:这个空调我的文章中也有哦～ 一.思考优化组件 上一章节虽然我们完成了退出登录的设计，但是这个按钮似乎只能用来退出登陆，返回到登陆页面。如果我其它地方也要用到这一类弹框的效果的话，非常不方便，于是思考把这个组件给封装成真正随时可以调用的组件。 将昨天引入到这个弹出对话框的组件内部的logOut方法还放回到<dashBoard/>里面，我们
手把手教你用React实现一个简单的个人博客
weixin_34284188的博客
09-28 1227
学习 React 的过程中实现了一个个人主页，没有复杂的实现和操作，适合入门 ~ 原文地址：https://github.com/axuebin/react-blog/issues/17 这个项目其实功能很简单，就是常见的主页、博客、demo、关于我等功能。 页面样式都是自己写的，黑白风格，可能有点丑。不过还是最低级的 CSS ，准备到...
后端程序员玩前端-实现博客基础后台管理
narojay的博客
01-30 5657
前言 怎么说呢，年前终于闲下来了有空继续写react了（其实就是懒，哈哈），博客后端也是参考飞鸟的博客管理源代码的。后端的写多了写前端就是感觉很舒服 后台管理博客地址 博客后台管理 账号:hj 密码:123456 界面展示 总结 几个简单的页面主要是学习 antd 模态框，form表单，表格，css样式等实现基本的增删改拆 之前说的前端文件占用太多带宽，只能放第三方cdn，考虑七牛云的免费cdn 目前项目还没有cicd，打算通过github action 实现项目的自动发布部署 ...
React后台管理前端系统(基于开源框架开发)起步式
知无涯
08-23 3万+
这个系统的搭建背景是这样的.有一个朋友想看到现有系统中的一些,用户数据,新闻数据,只需要看到,短期不需要增删改功能,让我搭建一个简单的后台系统给他看.接到任务作为一个有四年开发经验的人来说这也太简单了吧,开始干吧,最简单的办法是直接使用开源项目https://github.com/PanJiaChen/vue-element-admin下载下来,把不要的路由去掉,新建几个表格路由,页面直接复...
一个后端程序员如何被公司逼的开始写前端代码！
懿的博客
07-20 4354
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JIAh9Ufr-1595215534927)(http://www.justdojava.com/assets/images/2019/java/image_yi/2020/03-16/1.jpg)] 事情起因 阿粉自从学会Java以来，一直都是在从事关于Java的开发，不论是换了几家公司，阿粉一直都是负责的关于后台的业务，很多都是前后端分离的，前端是写前端的代码，后端只负责逻辑实现和返回所需要的值，但是让人没想到的事发生了，公
前端程序员和后端程序员工作的区别有哪些
07-15
后端程序员需要与前端程序员、数据库管理员以及其他团队成员合作，确保系统的整体功能和性能。 尽管前端和后端程序员的职责有所不同，但他们通常需要相互协作，并共同致力于构建一个完整的、高效的软件系统。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值