文章目录0 系统简介1 Flask部分1.1 wsgi.py1.2 config.py + models.py1.3 router.py1.4 jinjia2传值至前端1.5 Ajax1.5.1 前端向后端传递数据1.5.2 后端向前端传递响应2 bootstrap部分2.1 下载2.2 使用2.2.1 垂直侧边导航栏2.2.2 带分页的表格3 echarts3.1 下载3.2 使用4 所有代码
转载
2024-10-17 23:32:57
229阅读
前言因为自己的网站需要,想要做一个左右布局的页面:左边是导航菜单之类的东西、右边是文档内容(因为最近看的一些软件的文档页面都是这么布局的);左边固定宽度——300像素、右边使用剩余的宽度;左边、右边的高度都是100%,浏览器的滚动条不能出现;...最终效果如下:div#layout包含左边的div#cool和右边的div#colr 过程实现上面的页面过程中,遇到了两个难点:1
转载
2024-03-22 07:01:30
181阅读
这篇文章的中心思想呢,就是通过一个变量(flagShow)来控制两个盒子的显示与隐藏(一个是“红框”,另一个是“绿框”),下面我会把重要的部分写在代码的注释上,大家要细心看哦,我们先看一下整体的效果图:
效果演示 第一步:先来理顺一下结构,为什么要把它放在最上面呢?因为这个功能与结构的布局还是挺关键的<div class="classify-wrapper">
<div
转载
2024-04-12 05:27:12
1187阅读
关于作者:郑云飞(天放), 程序员Javaweibo:@tianFang学习路线图 跟我一步一步学习bootstrap bootstrap在网页中使用 bootstrap布局 &nbs
原创
2022-11-08 17:53:45
140阅读
六、css布局(CSS Grid) 1、3列(Three columns) <div class="grid"> <div class="g-col-4">.g-col-4</div> <div class="g-col-4">.g-col-4</div> <div class="g-col-4"> ...
转载
2021-09-23 10:50:00
1128阅读
2评论
Bootstrap的HTML标准模板Hello, world! http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css<!DOCTYPE html><html lang="en"> <head>  
转载
精选
2015-06-28 23:06:59
740阅读
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- 左侧 -->
<div style=
原创
2016-11-23 11:53:20
2204阅读
Symbol是什么?symbol是 ES6 新增的一种基本数据类型,它和 number、string、boolean、undefined 和 null 是同类型的,object 是引用类型。它用来表示独一无二的值,通过 Symbol 函数生成。来看例子:const s = Symbol();
typeof s; // 'symbol'我们使用Symbol函数生成了一个 symbol 类型的值 s。
css虽简单,但细节多,技巧性高,易学难精。如何实现左右固定300px , 中间宽度自适应?有如下结构左右中公有样式, 设置高,设置左右宽度固定300px,左右为红色,中间为黄色。.item {
height: 400px;
}
.left,
.right {
width: 300px;
background: #f00;
}
.center {
background: yellow;
}一. 双
DevExpress TreeList使用教程之绑定多级树
概述:TreeList控件可以同时显示树结构和其他数据列,即在一个列上建立父子关系展开或收缩,同时还可以显示其他列的内容。在TreeList中同时引入了 Node和 Columns概念, 第一列为树结构, 其余列为数据列, 任何列都可作为树结构列(即拖动到第一列)显示
Tre
1 2 3 4 5 6 Document 7 8 18 19 29 33 34 35 36 col-lg-*用法 37 38 ...
转载
2015-09-26 13:24:00
225阅读
2评论
五、水槽(Gutters) 1、水平水槽(Horizontal gutters) <div class="container px-4"> <div class="row gx-5"> <div class="col"> <div class="p-3 border bg-light">Custom ...
转载
2021-09-23 10:40:00
247阅读
2评论
一、表单的布局 二、代码实例 1、表单网格(Form grid) <div class="row"> <div class="col"> <input type="text" class="form-control" placeholder="First name" aria-label="Firs ...
转载
2021-09-24 09:39:00
842阅读
2评论
一、使用弹性行为 1.占一整行 <div class="d-flex m-2 bg-info">I'm a flexbox container!</div> 2.根据内容的长度 <div class="d-inline-flex p-2 bg-info">I'm a flexbox containe
原创
2022-12-08 15:03:58
357阅读
1.路径导航<!doctypehtml><html><head><metacharset="utf-8"><title>路径导航</title><linkrel="stylesheet"type="text/css"href="css/bootstra
原创
2019-01-15 23:24:54
1788阅读
四、列(Columns) 1、对齐(Alignment) 1.1 垂直对齐(Vertical alignment) 所有列整体垂直方向对齐方式: align-items-start 顶部对齐 align-items-center 中间对齐 align-items-end 底部对齐 <div clas ...
转载
2021-09-23 10:39:00
624阅读
2评论
一、断点(Breakpoints) 1、可用的断点(Available breakpoints) $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px ); 2、媒体查询(Media ...
转载
2021-09-22 17:23:00
2235阅读
2评论
******有限公司 Toggle navigation 上海 ...
原创
2021-08-11 15:29:42
139阅读
1.标题h1到h6元素重新定义了标准,并设置了上下外边距h1到h6等6个class样式和以上元素样式一样,但没有上下外边距在标题内使用small元素,显示小一点的字体,颜色为灰色,行间距为1,h1h2h3内字体为正常字体65%,h4h5h6则是75%。2.页面主题全局字体设置为14px,inline-height为20px,p元素中会有一个额外的10px的margin-bottom。如果让一个段落
Bootstrap 3 是移动设备优先的,在这个意义上,Bootstrap 代码从小屏幕设备(比如移动设备、平板电脑)开始,然后扩展到大屏幕设备(比如笔记本电脑、台式电脑)上的组件和网格。移动设备优先策略内容决定什么是最重要的。布局优先设计更小的宽度。基础的 CSS 是移动设备优先,媒体查询是针对于平板电脑、台式电脑。渐进增强随着屏幕大小的增加而添加元素。响应式网格系统随着屏幕或视口(viewpo
转载
2024-03-28 18:24:28
52阅读