代码编织梦想

bootstrap-爱代码爱编程

bootstrap简介 1)bootstrap由@mdo 和 @fat 在Twitter工作时创建,Bootstrap使用 LESS CSS 并用 Node 编译,托管在 GitHub 上,方便大家使用这一框架构建更好的web应用。 2)Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现(包括IE7!)。在平板电脑和智能手机上面

AdminLte3改造为:单iframe,多级动态json菜单-爱代码爱编程

一、下载代码 https://gitee.com/zhou-kang/admin-lte3-i-frame-json_menus 二、运行index.html 三、核心文件menu.js menu.js中定义了json格式的菜单,并将json转为adminLte的菜单html,可根据需要改在为动态菜单。 pages/test/leaf*.ht

Flask项目--todolist说明书-爱代码爱编程

简介 使用Flask, bootstrap4 和 SQLAlchemy 开发的todo webapp 源码: flask-todolist Demo: todo.NUTURE 目录结构 TODO │ app.py # 后端程序 │ Dockerfile # 使用docker可以方便地部署在服务器上 │ LICENSE │ README.

教你如何把HackTheBox里面的Luke“黑掉”-爱代码爱编程

与往常一样,第一步是对主机进行Nmap识别正在运行的服务: Nmap scan report for 10.10.10.137 Host is up (0.042s latency). Not shown: 65464 closed ports, 66 filtered ports PORT STATE SERVICE VERSION 21/tc

JavaWeb——BootStrap-爱代码爱编程

个人觉得,基础知识掌握之后,后面一些简单模块的实现,可以直接参考官方文档 BootStrap官网 文章目录 一、BootStrap 简述二、BootStrap 环境搭建1. 基本模板创建2. 基本模板讲解三、布局容器四、栅格系统(网格系统)1. 简述栅格系统2. 栅格系统入门(1)栅格特点:3. 栅格系统特点及深入剖析4. 屏幕尺寸设置5. 列偏

bootstrap三-爱代码爱编程

2020.12.12 14:50 文章目录 01.内容----文字排版02.图片和picture标签03.常用组件----警告提示框(Alerts)04.常用组件----徽章(Badge)05.常用组件----面包屑导航(Breadcrumb)06.常用组件----按钮(Button)07.常用组件----按钮组(Button-group)----嵌

bootstrap二-爱代码爱编程

2020.12.11 21:38 文章目录 01.控制栅格在多个档次屏幕中的宽度02.对齐方式03.间隙沟槽(gutters)清除04.栅格系统---排序05.栅格系统---偏移 01.控制栅格在多个档次屏幕中的宽度 给栅格添加多个类 <div class="container"> <div class="row"&g

学生信息管理系统,JSP+SSM-爱代码爱编程

代码已上传至github,点击进入Github 文章目录 整体效果展示整体架构展示使用的技术栈编写过程一、基础环境搭建二、查询三、新增四、修改五、删除 整体效果展示 整体架构展示 使用的技术栈 以 Maven 架构项目,使用 Spring + SpringMVC + MyBatis 框架;采用 c3p0 开源 JDBC 数据库连

Boostrap响应式布局-爱代码爱编程

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn

Bootstrap - 栅格系统-爱代码爱编程

目录 栅格系统列嵌套列偏移列排序响应式工具 栅格系统 系统会自动把页面分为12列栅格系统会通过一系列的行 (row) 与 列 (column) 来创建页面布局.实现列的平均划分, 需要给列添加 类前缀列大于 12 , 多余的列会另起一行显示列嵌套 列嵌套就是一个列内再分成若干份小列, 我们可以通过添加一个新的.row 元素和一系列 .col

Bootstrap Table根据参数搜索功能-爱代码爱编程

在使用jQuery开发的时候,经常会用到Bootstrap Table来实现需要用到的一些表格。 bootstrap-table 被设计来减少开发时间,开发人员不需要特定的知识就可以做出很美妙的table。非常轻量级的和功能丰富的。满足企业开发需求。 官网:https://www.bootstrap-table.com.cn/ GitHub地址:h

datatable数据分组-爱代码爱编程

datatable 把数据进行分组 重绘方法,请注意数据需先按照分组字段进行排序,否则会出现数据穿插不合并的情况 'drawCallback': function (oSetting) { var api = this.api(); var rows = api.rows({ page: 'current' })

bootstrap一-爱代码爱编程

2020.12.11 04:12 文章目录 01.使用(本地文件)02.Container容器03.简单实现自适应容器04.栅格系统05.简单实现栅格 01.使用(本地文件) <!doctype html><html lang="zh-cn"> 声明要改成zh-cn<meta name="viewport" con

bootstrap模态框使用,用于新增数据按钮和修改数据按钮并回显操作-爱代码爱编程

文章目录 复制模态框代码编写实体类转成json字符串方法toJson()页面部分展示js部分控制器部分 复制模态框代码 此演示模态框内<div class="modal-body">里是个表单,form提交到saveOrUpdate的控制器<!-- Modal --> <div class="modal fade

学习记录 - bootstrap-爱代码爱编程

一、什么是bootstrap * Bootstrap是基于HTML、CSS、JavaScript的前端框架,它简洁灵活,使得Web开发更加快捷。 * Bootstrap插件全部依赖jQuery。 二、如何使用 下载:http://www.bootcss.com/导入jQuery.js文件导入bootstrap.css文件导入bootstrap.js

2、bootstrap(下)-爱代码爱编程

1.11 表单 .form-control:给输入框加<input> <textarea></textarea>,变成圆角的输入框。 .form-group:给输入框的父元素加 ,给外面包含的盒子加<div class=”form-group”>,与上面一组有边距。 .checkbox-inline:给la

bootstrap4下拉菜单和输入框禁止和启用点击事件-爱代码爱编程

$("#modify").click(function() { for (var i = 0; i < 3; i++) { $("input:eq("+i+")").removeAttr("disabled"); } for(var i=0;i<5;i++){ $("button

1、Bootstrap(上)-爱代码爱编程

1.1 Bootstrap的介绍、特点 1、Bootstrap 是stwitter公司的两名前端设计师设计的。2、基于html css javascript的超强的前端框架。3、学习了html css javascript 就可以学习bootstrap。4、Bootstrap 是一移动设备为优先,pc机 平板 手机。5、Bootstrap所有的主流浏览器

实现在vue中使用dataTable并在最后一列加操作按钮绑定事件-爱代码爱编程

参考:https://blog.csdn.net/x763795151/article/details/102650400 想给导入的dataTable最后一列加操作按钮,网上有很多教程,但都只是加了按钮但没有绑定事件,或我尝试后报各种错误,在此记录成功方案。 举例需求是写一个删除按钮,传id给后台来删除 最开始我使用onclick onclick

2020-12-09-爱代码爱编程

Boostrap小记 简介 boostrap是当前比较流行的响应式开发框架 使用方式 在html页面结构中需要先引入bs的框架的css文件(最好是在这个页面上加上 对ie浏览器的条件注释 bs的中文文档上有写 自己看) 可以直接引用在线cdn 也可以下载bs的源码放到自己 的项目中去 ,引入css文件 bs的字体图标 与一般的字体图标的引入方式是一