我们要做出如下图的两个页面,这个是非常中要的,这两个页面后和数据和后端代码紧密相连
要做的简洁美观。


blogs页面


中间的内容虽然看起来很上,但是时间上还真有点复杂

看第一个部分

附上代码:

                <div class="field"><input type="text" name="title" placeholder="标题"></div><div class="field"><div class="ui selection dropdown"><input type="hidden" name="type"> <i class="dropdown icon"></i><div class="degault text">分类</div><div class="menu"><div class="item" data-value="1">错误日志</div><div class="item" data-value="2">开发者手册</div></div></div></div><div class="field"><div class="checkbox"><span><input style="vertical-align:middle" type="checkbox" id="recommend" name="recommend" /><label style="vertical-align:middle" for="recommend">推荐</label></span></div></div><div class="field"><button class="ui mini teal basic button"><i class="search icon"></i>搜索</button></div></div></form>

第二部分: 注意这是下面所有的内容都是在一个表单里面的,这样的布局方式更有利于格式化,看起来会更加的简单明了。


这是按钮时间处理的js代码:


第二部分blogs-input

要做的内容:






这是代码:


附上代码:




小而美的个人博客——后端——管理页面相关推荐

  1. Spring Boot制作个人博客-后端管理(登录)

    文章目录 一.构建页面 1.构建登录页面 2.构建后台管理页面 3.复制_fragments 二.实现登录 1.创建用户接口 2.创建用户实现类 3.创建UserRepository 4.初始化一个用 ...

  2. Spring Boot制作个人博客-后端管理(博客管理)

    文章目录 一.博客分页查询 1.对blog.html网页作更改 2.新建BlogService接口 3.新建BlogRepository接口 4.新建BlogServiceImpl.java类 5.修 ...

  3. 01-Vue博客后台管理页面框架搭建

    目录 0 项目开源地址 1 效果图 2 开发过程 2.1 Element UI 安装 2.2 Element UI 官方示例 2.3 解决侧栏菜单没对齐问题 2.4 给侧栏菜单添加路由功能 2.5 侧 ...

  4. 博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)...

    前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动 ...

  5. 博客园修改页面显示样式css

    博客园修改页面显示样式css 一.总结 二. 博客园修改页面显示样式css 1.点管理 2.点设置 3.在页面定制css代码中加入你想要改变样式的css代码即可 不会写css的下面有代码示例,直接复制 ...

  6. 使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理

    原文:使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理 摘要 通过对博客文章的管理,实现外键操作. 目录[-] 八.博客文章管理 1.查看文章 2.添加博客        3 ...

  7. 博客园修改页面显示样式

    博客园修改页面显示样式 一.总结 HTML源码吧(FireBug或审查元素) 火狐浏览器下通过FireBug插件来查看源码 二.打造自己的博客园页面 刚接触博客园时,总有一种要定制打造自己博客页面的冲 ...

  8. 前后端分离简单项目--蚂蚁博客--后端部分

    原文网址:前后端分离简单项目--蚂蚁博客--后端部分_IT利刃出鞘的博客-CSDN博客 简介 说明         本文介绍我从0开发的前后端分离的简单项目--蚂蚁博客.本博文介绍后端部分. 本项目是 ...

  9. Spring boot开发小而美的个人博客

    1.功能 2.页面设计与开发 2.1设计 前端展示:首页.详情页.分类.标签.归档.关于我 后台管理:模板页 2.2页面开发 创建blog 在blog里创建static文件夹,在static里面创建c ...

最新文章

  1. mybatis-generator运行报错Communications link failure
  2. EL与JSTL注意事项汇总
  3. 谷歌大脑推出机器人强化学习平台,硬件代码全开源,花最少的钱,训超6的机器人...
  4. 单片机中如何将BCD码拆开_单片机bcd码转换
  5. html按钮的下拉菜单,按钮下拉菜单
  6. [转载] [SQL] patindex 详解
  7. C++的STL标准库学习(stack)栈
  8. 基于python 实现KNN 算法
  9. 创建5个组,然后把30个用户分别加入到5个组中
  10. keras画神经网络拓扑结构图
  11. 教程篇(7.0) 11. FortiGate安全 入侵防御和拒绝服务 ❀ Fortinet 网络安全专家 NSE 4
  12. ios降级鸿蒙,iOS14怎么降级 ios14降级到ios13详细教程
  13. 快速调用编辑器来写一条长,复杂或难的命令--用Enki学Linux系列(5)
  14. expected 3 got 2 错误提示
  15. 如何把图片上的文字转换成可编辑的文档文字?
  16. OLED通信方式_IIC通信
  17. 东华大学 oj87——弟弟的作业
  18. 批量重命名 将中文名称翻译成英文名称的操作方法
  19. [WordPress]WordPress MU 增加SNS - BuddyPress插件的安装过程
  20. python如何创建子程序_Python中生成器与子程序的并发控制

热门文章

  1. 关于WebBrowser.DocumentCompleted事件
  2. 企业应用中使用Silverlight 3
  3. 将svn设置开机启动linux,ubuntu安装SVN并设置开机启动
  4. 【控制】第九章-线性系统的状态空间描述
  5. 2.17 Jupyter/ipython 笔记本的快速指南-深度学习-Stanford吴恩达教授
  6. 我的书法记录--2018.12.2
  7. 【PC工具】虚拟串口工具Configure Virtual Serial Port Driver6.9汉化版
  8. 【PC工具】200416最终百度网盘——最终下载方法及注意事项,代理是什么
  9. linux思考の为何要挂载
  10. Java线程之核心概念