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

已于 2022-05-27 01:50:54 修改
阅读量743 收藏
点赞数
分类专栏： react 文章标签： React 前端开发 .NET Core 博客系统 学习实践
于 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
关注
专栏目录
〖程序员的自我修养 - 认知剖析篇⑤〗- 选择前端还是后端？
易编橙 · 终身成长社群，相遇已是上上签！
08-01 1万+
面对这样一个选择题，再说 "喜欢什么就选什么" 相当于什么都可以说，没有任何的参考价值。（其实在工作机会上，二者是大致相等的。）
后端自学两个小时前端，究竟能做出什么东西？
sybh的博客
11-17 4018
本篇主要内容没有涉及到太多技术（当然也分享了一个前后端联合打包技巧），主要是分享了我自己在为项目写一些前端代码的心路历程，相信现在有很多工程师都对全栈很有兴趣，我也是想借此告诉大家，其实前端并没有太难学，几个小时完全可以上手写页面了。
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
掌握使用 React 和 Ant Design 的个人博客艺术之美
网罗天下方法，方便你我开发！！！
01-29 2178
在当今数字时代，个人博客成为表达观点、分享经验和展示技能的独特平台。在这个互联网浪潮中，选择使用 React 的 Ant Design库，为你的个人博客赋予了更为华丽而现代的外观。React 的灵活性与 Ant Design 的美观设计相结合，创造出令人印象深刻的用户体验。本篇文章将引导你快速入门，借助这一强大的技术组合，打造一个令人赏心悦目的个人博客。在这次的 React 与 Ant Design 的融合之旅中，我们不仅仅是创建了一个个人博客，更是在数字创意的大舞台上留下了自己的印记。
从零开始搭建一个基于React框架的博客发布系统 （一）初始化环境
Run_youngman的博客
06-21 1649
了解博客搭建流程 现在的博客搭建一般都是使用Github作为载体，无论我们经过什么配置，做的事情只有一个，那就是把编译好的系统部署到github上去，比如Hexo，只不过一些复杂的操作他都帮你省了，你只需要上传自己的博客内容就万事大吉了。 github作为一个承载容器，你自己新建一个io后缀的项目之后(一个账号只可以有一个此项目)，每次把编译过的代码push到github上去之后，github...
基于React.js的后台管理系统开发全过程(七)
fang_my的博客
04-24 344
夏天好热啊～本文章推荐开放空调阅读😊👉便携式迷你小空调 由于采用了黑科技，手机听筒放在脸庞可以有微风吹过，电脑端暂时没有实现，后续会继续优化~. tips:这个空调我的文章中也有哦～ 一.思考优化组件 上一章节虽然我们完成了退出登录的设计，但是这个按钮似乎只能用来退出登陆，返回到登陆页面。如果我其它地方也要用到这一类弹框的效果的话，非常不方便，于是思考把这个组件给封装成真正随时可以调用的组件。 将昨天引入到这个弹出对话框的组件内部的logOut方法还放回到<dashBoard/>里面，我们
React搭建个人博客（一）项目简介与React前端踩坑
qq_36228442的博客
06-12 3565
一.简介 项目最开始目的是为了熟悉React用法，之后加入的东西变多，这里分成三部分，至少三篇博客拆开来讲。 前端部分 React React-Router4.0 Redux AntDesign webpack4 后端部分 consul+consul-template+nginx+docker搭建微服务 cdn上传静态资源 thinkJs 部署部分 daocloud自动...
创建React和Springboot前后端分离项目实践系列开坑
ariso_software的博客
12-17 488
创建spring boot项目工程目录并创建主界面也是流行了几年的技术。 虽然 React 和 Angular 已经流行了很多年，但目前仍然是最流行的。 尽管较新的 Vue正在取得进展，但它们与前两者仍有一定差距。 那么我们该如何选择呢？ 我推荐使用React.js，主要是因为它更容易学，社区大，生态完整，工具多样。关键是工作机会多。
2024年最新基于React服务器端全站框架Next
最新发布
2301_77033340的博客
05-01 805
<Main />
React博客系统：毕业设计完整项目代码
资源摘要信息: "本资源为毕业设计项目，内容是使用React.js框架构建的一个完整的博客系统。该系统的设计目标是提供一个简洁、易于使用的博客平台，允许用户进行文章的发布、编辑、删除等操作，并展示博客文章。整个...
在.NET Core上构建React Web Apps
04-05
使用dotNetify-React构建实时React + C＃.NET Web应用程序的简单，轻巧但功能强大的方法。
后端程序员玩前端-实现博客基础后台管理
narojay的博客
01-30 5689
前言 怎么说呢，年前终于闲下来了有空继续写react了（其实就是懒，哈哈），博客后端也是参考飞鸟的博客管理源代码的。后端的写多了写前端就是感觉很舒服 后台管理博客地址 博客后台管理 账号:hj 密码:123456 界面展示 总结 几个简单的页面主要是学习 antd 模态框，form表单，表格，css样式等实现基本的增删改拆 之前说的前端文件占用太多带宽，只能放第三方cdn，考虑七牛云的免费cdn 目前项目还没有cicd，打算通过github action 实现项目的自动发布部署 ...
后端怎么偷懒快速高效去写一些前端的代码
JavaPorter的博客
12-11 936
网站搜索ibootstrap,你想要的布局都在里面,只需拖动即可自动生成代码
一个后端开发也可以写出好看的前端UI
jury2018的博客
09-08 576
github地址：https://github.com/jurycu/umi-dva-antd-admin 作为一个后端开发，有时候想撸一个好用的前端其实不是特别容易，要学的前端知识太多，为此，专门调研了业界各种前端框架，发现了一套适合0基础前端的入门方案，antd +react +dva +umi，为了便于大家快速入门，把各个模块抽成了通用的一个框架，后端同学可以快速学习。 umi-dva-antd-admin ...
react实现个人博客网站
weixin_33743248的博客
06-02 1756
my-react-blog 前端使用了react，后端使用springcloud, oauth2做统一认证，springboot2.0,图片上传使用腾讯COS 项目比较简单，也有不少坑，仅做学习参考 码云： 后端springcloud 前端react GitHub： 前端react 后端springcloud 项目介绍 react实现个人博客，关于CSS我是渣渣，不太会，样式我趴了简书和知乎 一些...
从零开始搭建一个基于React框架的博客发布系统 （五）展示博客内容
Run_youngman的博客
06-28 1270
现在列表也有了，点击文章列表的缩略图之后，就要直接展示博客内容了。大家知道一篇博客如果过长的话，会有一个导航栏，帮住用户快速的定位到某个位置，这里也要加入这个功能。 之前说过了，这里引入了react-markdown，还有这个代码高亮的插件prismjf，在Components中新建一个文件夹，用来保存markdown中可能存在的各种布局块，比如代码块，列表，字体等。可以通过自定义样式的方式添加...
React 博客系列 (1) 搭建的个人博客
厚积薄发
02-01 2533
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，页面主要还是展示页面，不涉及后台交互。 特点： 我用
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值