文章目录
个人博客开发日志02
前言
本次实训任务是属于前端与后端的桥接部分,隶属于后端部分,主要是写关于博客的发布与博客管理内容,总体为页面开发。一、开发【博客管理】页面:
(1)、开发思路详解:
对于一个博客管理页面开发,首先应该有的大致内容应该有:博主信息,博客分类,博客各个分类的内容以及内容的分布和所属领域,最后的便是访客的留言,涉及到的有留言内容,以及打赏博主。最后是对博文的管理中是否允许访客进行转载等等。。。
(2)、创建admin文件夹用于存放该页面(blogs):
(3)、详解:
该内容主要设计在访客视角下的博客主要呈现页面,大致内容应该如下:
(4)、主要代码区域:
解释:在博客管理以及在博客发布页面所做的主要修改其实就是在中间内容部分,导航区域以及底部区域没有太大的改变。
所有代码如下:
(5)、结果展示以及结束语:
成品展示:
本次的任务相对之前而言不是很难理解,毕竟只要跟着李仁密老师一起敲代码过后自己虽然是学后端的但是对于这些前端知识也是进行了一次记忆加深,获益匪浅。
二、创建【博客发布页】:
(1)、在admin文件夹下创建博客发布页面(blogs-input):
(2)、编写前思路详解:
博客发布页面总的来说比博客管理页面(blogs)要简单许多,仅仅是在原有基础上进行修改罢了,中间内容添加有发布内容区,下端增加博文的发布类型,以checkbox 元素来进行内容的勾选。之后在右下端增加该博文的最终决定选项(返回 、保存、发布)
(3)、基本内容概况:
(4)、结果代码展示:
结果:
总结:
本次任务已经开始到了前端的结束部分总体而言是比较简单的,下一次的实训日志将进行对后端的开发。