2021-06-18——信息系统开发实训日志02

本文记录了作者开发博客管理系统和发布页面的过程,涉及博主信息展示、分类管理、访客互动和后端与前端接口的实现,提升读者对前后端协同开发的理解。

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

文章目录

前言

本次实训任务是属于前端与后端的桥接部分,隶属于后端部分,主要是写关于博客的发布与博客管理内容,总体为页面开发。

一、开发【博客管理】页面:

(1)、开发思路详解:

对于一个博客管理页面开发,首先应该有的大致内容应该有:博主信息,博客分类,博客各个分类的内容以及内容的分布和所属领域,最后的便是访客的留言,涉及到的有留言内容,以及打赏博主。最后是对博文的管理中是否允许访客进行转载等等。。。

(2)、创建admin文件夹用于存放该页面(blogs):

在这里插入图片描述

(3)、详解:

该内容主要设计在访客视角下的博客主要呈现页面,大致内容应该如下:
在这里插入图片描述

(4)、主要代码区域:

解释:在博客管理以及在博客发布页面所做的主要修改其实就是在中间内容部分,导航区域以及底部区域没有太大的改变。
在这里插入图片描述

所有代码如下:
在这里插入图片描述

(5)、结果展示以及结束语:

成品展示:

本次的任务相对之前而言不是很难理解,毕竟只要跟着李仁密老师一起敲代码过后自己虽然是学后端的但是对于这些前端知识也是进行了一次记忆加深,获益匪浅。

二、创建【博客发布页】:

(1)、在admin文件夹下创建博客发布页面(blogs-input):

在这里插入图片描述

(2)、编写前思路详解:

博客发布页面总的来说比博客管理页面(blogs)要简单许多,仅仅是在原有基础上进行修改罢了,中间内容添加有发布内容区,下端增加博文的发布类型,以checkbox 元素来进行内容的勾选。之后在右下端增加该博文的最终决定选项(返回 、保存、发布)

(3)、基本内容概况:在这里插入图片描述

(4)、结果代码展示:

在这里插入图片描述

结果:
在这里插入图片描述

总结:

本次任务已经开始到了前端的结束部分总体而言是比较简单的,下一次的实训日志将进行对后端的开发。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sugar-free->小粽子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值