后端程序员玩前端-实现博客基础后台管理

已于 2022-05-27 01:51:14 修改
阅读量5.7k 收藏
点赞数
分类专栏： react 文章标签： 前端 react.js
于 2022-01-30 17:29:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hj1997a/article/details/122754186
版权
本文分享了一个基于React的个人博客管理系统的实践经验，重点介绍了使用Ant Design组件库完成的模态框、表单及表格等功能，同时提及了前端资源托管于第三方CDN的方案，并计划采用GitHub Actions实现CI/CD。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言

怎么说呢，年前终于闲下来了有空继续写react了（其实就是懒，哈哈），博客后端也是参考飞鸟的博客管理源代码的。后端的写多了写前端就是感觉很舒服

博客地址

博客地址

博客后台管理地址

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

界面展示

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

总结

  • 几个简单的页面主要是学习 antd 模态框，form表单，表格，css样式等实现基本的增删改查
  • 之前说的前端文件占用太多带宽，只能放第三方cdn，考虑七牛云的免费cdn
  • 目前项目还没有ci/cd，打算通过github action 实现项目的自动发布部署
后端程序员的 uni-app 教程
weixin_44062380的博客
11-06 1万+
文章目录一、前言二、课前准备三、小程序入门1、目录讲解2、生命周期3、微信小程序特性1）数据绑定2）条件判断3）列表渲染四、uni-app 核心知识点总览1、条件编译2、接口能力3、知识点小结五、开发环境搭建六、uni-ui七、uni 模板八、SASS1、基础使用2、统一变量3、同级表示九、FLEX 布局十、前后端打通十一、小结 一、前言 作为一个后端工程师，不会一点前端其实是很吃亏的，因为你写的项目无法对外展示 那么，前端技术框架那么多，作为后端的我们该怎么选呢？ 这里，我极力推荐 uni-app 。un
从零开始创建一个个人博客前端Vue，后端node.js（第一天）
weixin_52153452的博客
01-30 4200
开发个人博客第一天
后端怎么偷懒快速高效去写一些前端的代码
JavaPorter的博客
12-11 954
网站搜索ibootstrap,你想要的布局都在里面,只需拖动即可自动生成代码
【项目实训】个人进度博客之后端部分代码实现（补）
chy931088287的博客
06-11 308
近期主要完成了任务展示、任务取消以及任务发布的后端接口
后端程序员玩前端 实战基于React的博客系统
narojay的博客
10-04 774
前言 本人一直是一名纯后端的coder，一直觉得不能局限于后端技术，于是最近开始学习react，学了一段时间感觉需要做一点东西来检验下学习的成果， 于是乎做了一个基于react的博客系统。 访问地址（域名还在备案中） narojayblog 技术 前端：react 后端: .net core 展示 总结 功能还在开发中，希望把这个系统完成时自己对react能熟悉一点 ...
一个后端开发也可以写出好看的前端UI
jury2018的博客
09-08 632
github地址：https://github.com/jurycu/umi-dva-antd-admin 作为一个后端开发，有时候想撸一个好用的前端其实不是特别容易，要学的前端知识太多，为此，专门调研了业界各种前端框架，发现了一套适合0基础前端的入门方案，antd +react +dva +umi，为了便于大家快速入门，把各个模块抽成了通用的一个框架，后端同学可以快速学习。 umi-dva-antd-admin ...
后端程序员开发页面一点心得
everlasting_188-java从业者
07-29 3672
好久写前端，最近一个项目要写点界面，使用vue写了下，10多年前写过，多年前还是看javascript高级编程那本绿书，非常好，不知道现在还有没有新版本。简单使用后和以前比较了下，希望对别人有一定用途 1、前端知识 我认为前端的知识包括： html css js 其中 html中主要是dom和事件怎么响应，冒泡的这些原理；另外一个就是布局 css并没有特别多的难度，但是各种属性也很繁琐 js中重要的是是：面向对象、闭包、基本的数据类型，还有一些新的特性比如:Promise。js面向对象，分...
Vue3 + Vite5 + TypeScript + Element-Plus 构建的后台管理前端模板，配套接口文档和后端源码，vue-element-admin 的 Vue3 版本
12-01
本项目“vue3-element-admin”是一个后台管理前端模板，其特色在于整合了Vue3、Vite5、TypeScript和Element-Plus这四大技术，旨在提供一个开箱即用、功能丰富的基础框架，供开发者在此基础上进行定制化开发。...
Vue3+Vite5+TypeScript+Element-Plus构建的后台管理前端模板，配套接口文档和后端源码
04-25
总的来说，这个Vue3+Vite5+TypeScript+Element-Plus的后台管理前端模板，结合配套的接口文档和后端源码，为开发者提供了一个全方位的开发环境，能够有效地提升开发效率和项目质量，适用于构建各种复杂的后台管理系统...
黑马电商后台管理系统前端vue后端nodejs.zip
12-02
《黑马电商后台管理系统：前端Vue与后端Node.js深度解析》 在当今互联网技术日新月异的时代，电商后台管理系统的构建已经成为企业运营的核心部分。本资料“黑马电商后台管理系统前端vue后端nodejs.zip”提供了全面...
GIN+SCUI企业级后台管理系统;后端基于go语言开发，前端基于vue3开发的scui框架
07-02
GS Admin=gin+scui 它是golang 开发的一个企业级后台。遵循MIT开源协议。前端框架是scui,SCUI基于 Vue3、elementPlus 持续性的提供独家组件...内置了权限管理、用户管理等基础模块儿，还支持了事件服务，方便业务解耦。
纯前端vue+bootstrap实现图书管理系统的添加、删除功能
爱的叹息的专栏
04-07 3405
1、纯前端vue+bootstrap实现图书管理系统的添加、删除功能最终效果界面 2、添加效果 3、删除效果 4、前端代码：图书管理系统.html <!DOCTYPE html> <html xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"&..
Java 之SpringBoot+SpringSecurity+Vue实现后台管理系统的开发【二、后端】
程序员猫爪
06-26 3797
从零开始搭建一个项目骨架，最好选择合适熟悉的技术，并且在未来易拓展，适合微服务化体系等。所以一般以Springboot作为我们的框架基础，这是离不开的了。然后数据层，我们常用的是Mybatis，易上手，方便维护。但是单表操作比较困难，特别是添加字段或减少字段的时候，比较繁琐，所以这里我推荐使用Mybatis Plus(https://mp.baomidou.com/)，为简化开发而生，只需简单配置，即可快速进行CRUD操作，从而节省大量时间。SpringSecurity，使用security作为我们的权限控
使用SpringBoot一小时快速搭建一个简单后台管理（后端篇）
热门推荐
小袁同学的博客
12-10 3万+
好了话不多说，进入今天的教程环节 本次案例一共两篇文章教学： （第一篇）：数据表设计，前端框架引入和编写前端页面，搭建基本的springboot项目，引入前端到springboot项目中，在浏览器显示 （第二篇）：后端代码的设计，这部分逻辑涉及的比较多，所以单独放一篇出来讲，代码从0手敲讲解，保证你能学会，完成增删改查的功能 各大技术基础教学、实战开发教学（最新更新时间2021-12-10） ....
后端程序员的前端速成经验分享
weixin_45059962的博客
08-12 1415
作为一个java后端程序员，对于前端的一些知识是必不可少的，比如html，css，js三大件。 现对前端基础知识做一个学习总结，掌握了这些知识，一个后端开发人员也可以不用模板独立完成开发。 前端三大件里面html和js相对来说都比较简单，这两种知识都是比较固定的，不用全部掌握 需要用到的时候，查询就可以了，而css相对三者中是较难的，页面布局和效果都要用css完成 虽然css完成一个页面效果方式是多样的，但其实也是有套路可循..
关于前端后台管理系统总结
weixin_45889502的博客
03-06 6159
新人入职，基于vue2 做的后台管理系统，知识的一个总结包括增删改查
一个后端程序员如何被公司逼的开始写前端代码！
懿的博客
07-20 4565
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JIAh9Ufr-1595215534927)(http://www.justdojava.com/assets/images/2019/java/image_yi/2020/03-16/1.jpg)] 事情起因 阿粉自从学会Java以来，一直都是在从事关于Java的开发，不论是换了几家公司，阿粉一直都是负责的关于后台的业务，很多都是前后端分离的，前端是写前端的代码，后端只负责逻辑实现和返回所需要的值，但是让人没想到的事发生了，公
watch 数组 Vue 3
最新发布
qq_30049249的博客
05-01 82
发现在选项式中配置 watch 监听数组不起作用。且在 setup 中监听数组时，当不设置 deep 参数时，也进行了深度监听。在 setup 中使用 watch 监听数组变化。
改善WebStorm性能
四荒八极的博客
04-29 1475
默认情况下，WebStorm会在你输入代码时进行分析，并高亮显示当前文件中发现的所有问题。它的主要目标是减少IDE的总体索引时间和CPU使用率，因此请确保在“Settings | Plugins”的“Installed”选项卡上启用了Shared Project Indexes插件。可以转到“Settings | Editor | Inspections”，找到“未使用的全局符号检查（Unused global symbol）”，取消选中。这些插件支持我们大多数用户的应用场景，但你不需要的插件可以禁用。
KendoUI-Admin-Site: 后端程序员的高效后台管理框架
基于jQuery的Kendo UI Admin Site是一个为后端程序员设计的后台管理框架，它的特点包括： 1. 无需前端工程化知识：该框架允许后端程序员快速上手，不需要深入了解前端开发的构建工具和复杂配置。 2. 开箱即用：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值