小而美的个人博客——后端——管理页面
我们要做出如下图的两个页面,这个是非常中要的,这两个页面后和数据和后端代码紧密相连
要做的简洁美观。
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
要做的内容:
这是代码:
附上代码:
小而美的个人博客——后端——管理页面相关推荐
- Spring Boot制作个人博客-后端管理(登录)
文章目录 一.构建页面 1.构建登录页面 2.构建后台管理页面 3.复制_fragments 二.实现登录 1.创建用户接口 2.创建用户实现类 3.创建UserRepository 4.初始化一个用 ...
- Spring Boot制作个人博客-后端管理(博客管理)
文章目录 一.博客分页查询 1.对blog.html网页作更改 2.新建BlogService接口 3.新建BlogRepository接口 4.新建BlogServiceImpl.java类 5.修 ...
- 01-Vue博客后台管理页面框架搭建
目录 0 项目开源地址 1 效果图 2 开发过程 2.1 Element UI 安装 2.2 Element UI 官方示例 2.3 解决侧栏菜单没对齐问题 2.4 给侧栏菜单添加路由功能 2.5 侧 ...
- 博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)...
前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动 ...
- 博客园修改页面显示样式css
博客园修改页面显示样式css 一.总结 二. 博客园修改页面显示样式css 1.点管理 2.点设置 3.在页面定制css代码中加入你想要改变样式的css代码即可 不会写css的下面有代码示例,直接复制 ...
- 使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理
原文:使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理 摘要 通过对博客文章的管理,实现外键操作. 目录[-] 八.博客文章管理 1.查看文章 2.添加博客 3 ...
- 博客园修改页面显示样式
博客园修改页面显示样式 一.总结 HTML源码吧(FireBug或审查元素) 火狐浏览器下通过FireBug插件来查看源码 二.打造自己的博客园页面 刚接触博客园时,总有一种要定制打造自己博客页面的冲 ...
- 前后端分离简单项目--蚂蚁博客--后端部分
原文网址:前后端分离简单项目--蚂蚁博客--后端部分_IT利刃出鞘的博客-CSDN博客 简介 说明 本文介绍我从0开发的前后端分离的简单项目--蚂蚁博客.本博文介绍后端部分. 本项目是 ...
- Spring boot开发小而美的个人博客
1.功能 2.页面设计与开发 2.1设计 前端展示:首页.详情页.分类.标签.归档.关于我 后台管理:模板页 2.2页面开发 创建blog 在blog里创建static文件夹,在static里面创建c ...
最新文章
- mybatis-generator运行报错Communications link failure
- EL与JSTL注意事项汇总
- 谷歌大脑推出机器人强化学习平台,硬件代码全开源,花最少的钱,训超6的机器人...
- 单片机中如何将BCD码拆开_单片机bcd码转换
- html按钮的下拉菜单,按钮下拉菜单
- [转载] [SQL] patindex 详解
- C++的STL标准库学习(stack)栈
- 基于python 实现KNN 算法
- 创建5个组,然后把30个用户分别加入到5个组中
- keras画神经网络拓扑结构图
- 教程篇(7.0) 11. FortiGate安全 入侵防御和拒绝服务 ❀ Fortinet 网络安全专家 NSE 4
- ios降级鸿蒙,iOS14怎么降级 ios14降级到ios13详细教程
- 快速调用编辑器来写一条长,复杂或难的命令--用Enki学Linux系列(5)
- expected 3 got 2 错误提示
- 如何把图片上的文字转换成可编辑的文档文字?
- OLED通信方式_IIC通信
- 东华大学 oj87——弟弟的作业
- 批量重命名 将中文名称翻译成英文名称的操作方法
- [WordPress]WordPress MU 增加SNS - BuddyPress插件的安装过程
- python如何创建子程序_Python中生成器与子程序的并发控制
热门文章
- 关于WebBrowser.DocumentCompleted事件
- 企业应用中使用Silverlight 3
- 将svn设置开机启动linux,ubuntu安装SVN并设置开机启动
- 【控制】第九章-线性系统的状态空间描述
- 2.17 Jupyter/ipython 笔记本的快速指南-深度学习-Stanford吴恩达教授
- 我的书法记录--2018.12.2
- 【PC工具】虚拟串口工具Configure Virtual Serial Port Driver6.9汉化版
- 【PC工具】200416最终百度网盘——最终下载方法及注意事项,代理是什么
- linux思考の为何要挂载
- Java线程之核心概念