小巷下起了雨
小巷下起了雨

Bootstrap组件学习笔记（二）——按钮组和输入框组

目录
    1.按钮组
    2.输入框组

1.按钮组
    
1.1 总结
Bootstrap组件学习笔记（二）——按钮组和输入框组_第1张图片
 1.2 示例代码
1 
html>
2 
<html>
3 
<head lang="en">
4 
    <meta charset="UTF-8">
5 
    <title>组件title>
6 
    
7 
    <link href="css/bootstrap.min.css" rel="stylesheet">
8 
    
9 
    <script type="application/javascript" src="js/jquery-3.2.0.js">script>
10 
    
11 
    <script type="application/javascript" src="js/bootstrap.min.js">script>
12 
    <style type="text/css">
13 
        .dropup {
14 
            margin-top: 10px;
15 
        }
16 
        .dropdown{
17
18 
            margin-top: 10px;
19 
        }
20
21 
        .btn-group-demo{
22 
            margin-top:10px;
23 
        }
24 
    style>
25 
head>
26 
<body style="margin: 40px">
27
28 
    <div class="panel panel-success">
29 
        <div class="panel-heading">
30 
            普通按钮组
31 
        div>
32 
        <div class="panel-body">
33 
            <div class="btn-group" role="group" aria-label="btn-group">
34 
                <button type="button" class="btn btn-success">leftbutton>
35 
                <button type="button" class="btn btn-success">middlebutton>
36 
                <button type="button" class="btn btn-success">rightbutton>
37 
            div>
38
39 
        div>
40
41 
    div>
42
43 
    <div class="panel panel-warning">
44 
        <div class="panel-heading">
45 
            按钮工具栏
46 
        div>
47 
        <div class="panel-body">
48 
            <div class="btn-toolbar">
49 
                <div class="btn-group" role="group" aria-label="btn-group">
50 
                    <button type="button" class="btn btn-warning">tool1button>
51 
                    <button type="button" class="btn btn-warning">tool2button>
52 
                    <button type="button" class="btn btn-warning">tool3button>
53 
                div>
54 
                <div class="btn-group" role="group" aria-label="btn-group">
55 
                    <button type="button" class="btn btn-warning">tool4button>
56 
                    <button type="button" class="btn btn-warning">tool5button>
57 
                    <button type="button" class="btn btn-warning">tool6button>
58 
                div>
59 
            div>
60
61 
        div>
62
63 
    div>
64
65 
    <div class="panel panel-primary">
66 
        <div class="panel-heading">
67 
            按钮组大小
68 
        div>
69 
        <div class="panel-body">
70 
            <div class="btn-group btn-group-lg" role="group" aria-label="btn-group">
71 
                <button type="button" class="btn btn-primary">leftbutton>
72 
                <button type="button" class="btn btn-primary">middlebutton>
73 
                <button type="button" class="btn btn-primary">rightbutton>
74 
            div>
75 
            <hr/>
76 
            <div class="btn-group" role="group" aria-label="btn-group">
77 
                <button type="button" class="btn btn-success">leftbutton>
78 
                <button type="button" class="btn btn-success">middlebutton>
79 
                <button type="button" class="btn btn-success">rightbutton>
80 
            div>
81 
            <hr/>
82 
            <div class="btn-group btn-group-sm" role="group" aria-label="btn-group">
83 
                <button type="button" class="btn btn-warning">leftbutton>
84 
                <button type="button" class="btn btn-warning">middlebutton>
85 
                <button type="button" class="btn btn-warning">rightbutton>
86 
            div>
87 
            <hr/>
88 
            <div class="btn-group btn-group-xs" role="group" aria-label="btn-group">
89 
                <button type="button" class="btn btn-danger">leftbutton>
90 
                <button type="button" class="btn btn-danger">middlebutton>
91 
                <button type="button" class="btn btn-danger">rightbutton>
92 
            div>
93 
        div>
94
95 
    div>
96
97 
    <div class="panel panel-danger">
98 
        <div class="panel-heading">
99 
            嵌套按钮组
100 
        div>
101 
        <div class="panel-body">
102 
            <div class="btn-group" role="group" aria-label="btn-group">
103 
                <button type="button" class="btn btn-success">leftbutton>
104
105 
                <div class="btn-group" role="group">
106 
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
107 
                        middle
108 
                        <span class="caret">span>
109 
                    button>
110 
                    <ul class="dropdown-menu">
111 
                        <li><a href="#">Dropdown linka>li>
112 
                        <li><a href="#">Dropdown linka>li>
113 
                    ul>
114 
                div>
115 
                <button type="button" class="btn btn-success">rightbutton>
116 
            div>
117
118 
        div>
119
120 
    div>
121
122 
    <div class="panel panel-info">
123 
        <div class="panel-heading">
124 
            垂直排列按钮组
125 
        div>
126 
        <div class="panel-body">
127 
            <div class="btn-group btn-group-vertical" role="group" aria-label="btn-group">
128 
                <button type="button" class="btn btn-info">leftbutton>
129 
                <div class="btn-group" role="group">
130 
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
131 
                        middle
132 
                        <span class="caret">span>
133 
                    button>
134 
                    <ul class="dropdown-menu">
135 
                        <li><a href="#">Dropdown linka>li>
136 
                        <li><a href="#">Dropdown linka>li>
137 
                    ul>
138 
                div>
139 
                <button type="button" class="btn btn-info">rightbutton>
140 
            div>
141
142 
        div>
143
144 
    div>
145
146 
<div class="panel panel-primary">
147 
    <div class="panel-heading">
148 
        两端对齐排列按钮组
149 
    div>
150 
    <div class="panel-body">
151 
        <div class="btn-group btn-group-justified" role="group" aria-label="btn-group">
152 
            <div class="btn-group" role="group">
153 
                <button type="button" class="btn btn-default">Leftbutton>
154 
            div>
155 
            <div class="btn-group" role="group">
156 
                <button type="button" class="btn btn-default">middlebutton>
157 
            div>
158 
            <div class="btn-group" role="group">
159 
                <button type="button" class="btn btn-default">rightbutton>
160 
            div>
161 
        div>
162
163 
    div>
164
165 
div>
166 
body>
167 
html>
    1.3 按钮效果截图
Bootstrap组件学习笔记（二）——按钮组和输入框组_第2张图片
   2.输入框组
    2.1总结
Bootstrap组件学习笔记（二）——按钮组和输入框组_第3张图片
     2.2 代码示例
1
2 
<html>
3 
<head lang="en">
4 
    <meta charset="UTF-8">
5 
    <title>组件title>
6 
    
7 
    <link href="css/bootstrap.min.css" rel="stylesheet">
8 
    
9 
    <script type="application/javascript" src="js/jquery-3.2.0.js">script>
10 
    
11 
    <script type="application/javascript" src="js/bootstrap.min.js">script>
12 
    <style type="text/css">
13 
        .dropup {
14 
            margin-top: 10px;
15 
        }
16 
        .dropdown{
17
18 
            margin-top: 10px;
19 
        }
20
21 
        .btn-group-demo{
22 
            margin-top:10px;
23 
        }
24 
    style>
25 
head>
26 
<body style="margin: 40px">
27
28 
    <div class="panel panel-danger">
29 
        <div class="panel-heading">
30 
            常规输入框组
31 
        div>
32 
        <div class="panel-body">
33 
            <div class="input-group">
34 
                <span class="input-group-addon">@span>
35 
                <input type="text" class="form-control" placeholder="用户名">
36 
            div>
37 
            <hr/>
38 
            <div class="input-group">
39
40 
                <input type="text" class="form-control" placeholder="qqnumber">
41 
                <span class="input-group-addon">@qq.comspan>
42 
            div>
43 
            <hr/>
44 
            <div class="input-group">
45 
                <span class="input-group-addon">￥span>
46 
                <input type="text" class="form-control" placeholder="100">
47 
                <span class="input-group-addon">.00span>
48 
            div>
49 
        div>
50 
    div>
51
52 
    <div class="panel panel-info">
53 
        <div class="panel-heading">
54 
            输入框组大小
55 
        div>
56 
        <div class="panel-body">
57 
            <div class="input-group input-group-lg">
58 
                <span class="input-group-addon">@span>
59 
                <input type="text" class="form-control" placeholder="用户名">
60 
            div>
61 
            <hr/>
62 
            <div class="input-group">
63
64 
                <input type="text" class="form-control" placeholder="qqnumber">
65 
                <span class="input-group-addon">@qq.comspan>
66 
            div>
67 
            <hr/>
68 
            <div class="input-group input-group-sm">
69 
                <span class="input-group-addon">￥span>
70 
                <input type="text" class="form-control" placeholder="100">
71 
                <span class="input-group-addon">.00span>
72 
            div>
73 
        div>
74 
    div>
75
76
77 
    <div class="panel panel-danger">
78 
        <div class="panel-heading">
79 
            单选/多选按钮输入框组合
80 
        div>
81 
        <div class="panel-body">
82
83 
            <div class="row">
84 
                <div class="col-lg-6">
85 
                    <div class="input-group">
86 
                        <span class="input-group-addon">
87 
                            <input type="checkbox">
88 
                        span>
89 
                        <input type="text" class="form-control" placeholder="多选按钮输入框组">
90 
                    div>
91 
                div>
92 
                <div class="col-lg-6">
93 
                    <div class="input-group">
94 
                        <span class="input-group-addon">
95 
                            <input type="radio">
96 
                        span>
97 
                        <input type="text" class="form-control" placeholder="单选按钮输入框组">
98 
                    div>
99 
                div>
100 
            div>
101 
        div>
102 
    div>
103
104 
    <div class="panel panel-primary">
105 
        <div class="panel-heading">
106 
            按钮下拉菜单输入框组合
107 
        div>
108 
        <div class="panel-body">
109
110 
            <div class="input-group">
111
112 
                <div class="input-group-btn">
113 
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
114 
                        菜单<span class="caret">span>
115 
                    button>
116 
                    <ul class="dropdown-menu">
117 
                        <li><a href="#">Actiona>li>
118 
                        <li><a href="#">Another actiona>li>
119 
                        <li><a href="#">Something else herea>li>
120 
                        <li role="separator" class="divider">li>
121 
                        <li><a href="#">Separated linka>li>
122 
                    ul>
123 
                div>
124 
                <input type="text" class="form-control" placeholder="输入点什么">
125 
            div>
126
127 
        div>
128 
    div>
129
130 
    <div class="panel panel-warning">
131 
        <div class="panel-heading">
132 
            分列式按钮下拉菜单输入框组合
133 
        div>
134 
        <div class="panel-body">
135
136 
            <div class="input-group">
137
138 
                <div class="input-group-btn">
139 
                    <button type="button" class="btn btn-default">分裂按钮菜单button>
140 
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
141 
                       <span class="caret">span>
142 
                        <span class="sr-only">Toggle Dropdownspan>
143 
                    button>
144 
                    <ul class="dropdown-menu">
145 
                        <li><a href="#">Actiona>li>
146 
                        <li><a href="#">Another actiona>li>
147 
                        <li><a href="#">Something else herea>li>
148 
                        <li role="separator" class="divider">li>
149 
                        <li><a href="#">Separated linka>li>
150 
                    ul>
151 
                div>
152 
                <input type="text" class="form-control" placeholder="输入点什么">
153 
            div>
154
155 
        div>
156 
    div>
157
158 
    <div class="panel panel-info">
159 
        <div class="panel-heading">
160 
            按钮组输入框组
161 
        div>
162 
        <div class="panel-body">
163 
            <div class="input-group">
164
165 
                <div class="input-group-btn">
166 
                    <button type="button" class="btn btn-default" aria-label="Bold">
167 
                        <span class="glyphicon glyphicon-bold">span>
168 
                    button>
169 
                    <button type="button" class="btn btn-default" aria-label="Italic">
170 
                        <span class="glyphicon glyphicon-italic">span>
171 
                    button>
172 
                div>
173
174 
                <input type="text" class="form-control" placeholder="...">
175 
            div>
176 
            <hr/>
177 
        div>
178 
    div>
179 
body>
180 
html>
     2.3 代码截图效果
Bootstrap组件学习笔记（二）——按钮组和输入框组_第4张图片
 
    

你可能感兴趣的:(Bootstrap组件学习笔记（二）——按钮组和输入框组)

  • 情绪觉察日记第37天 露露_e800
    今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
  • 芦花鞋一四 许叶晗
    又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
  • 关于沟通这件事，项目经理不需要每次都面对面进行 流程大师兄
    很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
  • 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python
    一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
  • 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
  • 一百九十四章. 自相矛盾 巨木擎天
    唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • C语言宏函数 南林yan C语言c语言
    一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<
  • 地推话术，如何应对地推过程中家长的拒绝 校师学
    相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业
  • 谢谢你们，爱你们！ 鹿游儿
    昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得
  • C语言如何定义宏函数？ 小九格物 c语言
    在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
  • 微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务java架构
    在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 2021年12月19日，春蕾教育集团团建活动感受——黄晓丹 黄错错加油
    感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
  • Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断 尐尐呅
    结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序
  • c++ 的iostream 和 c++的stdio的区别和联系 黄卷青灯77 c++算法开发语言iostreamstdio
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
  • 爬山后遗症 璃绛
    爬山，攀登，一步一步走向制高点，是一种挑战。成功抵达是一种无法言语的快乐，在山顶吹吹风，看看风景，这是从未有过的体验。然而，爬山一时爽，下山腿打颤，颠簸的路，一路向下走，腿部力量不够，走起来抖到不行，停不下来了！第二天必定腿疼，浑身酸痛，坐立难安！
  • 《投行人生》读书笔记 小蘑菇的树洞
    《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
  • 《策划经理回忆录之二》 路基雅虎
    话说三年变六年，飘了，飘了……眨眼，2013年5月，老吴回到了他的家乡——油城从新开启他的工作幻想症生涯。很庆幸，这是一家很有追求，同时敢于尝试的，且实力不容低调的新星房企——金源置业(前身泰源置业)更值得庆幸的是第一个盘就是油城十路的标杆之一:金源盛世。2013年5月，到2015年11月，两年的陪伴，迎来了一场大爆发。2000个筹，5万/筹，直接回笼1个亿！！！这……让我开始认真审视这座看似五线
  • Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类qt开发语言sdl2linux
    需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
  • 绘本讲师训练营【24期】8/21阅读原创《独生小孩》 1784e22615e0
    24016-孟娟《独生小孩》图片发自App今天我想分享一个蛮特别的绘本，讲的是一个特殊的群体，我也是属于这个群体，80后的独生小孩。这是一本中国绘本，作者郭婧，也是一个80厚。全书一百多页，均为铅笔绘制，虽然为黑白色调，但并不显得沉闷。全书没有文字，犹如“默片”，但并不影响读者对该作品的理解，反而显得神秘，梦幻，給读者留下想象的空间。作者在前蝴蝶页这样写到：“我更希望父母和孩子一起分享这本书，使他
  • 店群合一模式下的社区团购新发展——结合链动 2+1 模式、AI 智能名片与 S2B2C 商城小程序源码 说私域 人工智能小程序
    摘要：本文探讨了店群合一的社区团购平台在当今商业环境中的重要性和优势。通过分析店群合一模式如何将互联网社群与线下终端紧密结合，阐述了链动2+1模式、AI智能名片和S2B2C商城小程序源码在这一模式中的应用价值。这些创新元素的结合为社区团购带来了新的机遇，提升了用户信任感、拓展了营销渠道，并实现了线上线下的完美融合。一、引言随着互联网技术的不断发展，社区团购作为一种新兴的商业模式，在满足消费者日常需
  • 消息中间件有哪些常见类型 xmh-sxh-1314 java
    消息中间件根据其设计理念和用途，可以大致分为以下几种常见类型：点对点消息队列（Point-to-PointMessagingQueues）：在这种模型中，消息被发送到特定的队列中，消费者从队列中取出并处理消息。队列中的消息只能被一个消费者消费，消费后即被删除。常见的实现包括IBM的MQSeries、RabbitMQ的部分使用场景等。适用于任务分发、负载均衡等场景。发布/订阅消息模型（Pub/Sub
  • ArcGIS栅格计算器常见公式（赋值、0和空值的转换、补充栅格空值） 研学随笔 arcgis经验分享
    我们在使用ArcGIS时通常经常用到栅格计算器，今天主要给大家介绍我日常中经常用到的几个公式，供大家参考学习。将特定值（-9999）赋值为0，例如-9999.Con("raster"==-9999,0,"raster")2.给空值赋予特定的值（如0）Con(IsNull("raster"),0,"raster")3.将特定的栅格值(如1)赋值为空值，其他保留原值SetNull("raster"==
  • 水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言htmljavascript前端csscss3
    1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
  • 《大清方方案》| 第二话 谁佐清欢
    和珅究竟说了些什么？竟能令堂堂九五之尊龙颜失色！此处暂且按下不表；单说这位乾隆皇帝，果真不愧是康熙从小带过的，一旦决定了要做的事，便杀伐决断毫不含糊。他当即亲自拟旨，着令和珅为钦差大臣，全权负责处理方方事件，并钦赐尚方宝剑，遇急则三品以下官员可先斩后奏。和珅身负皇上重托，岂敢有半点怠慢，当夜即率领相关人等，马不停蹄杀奔江汉。这一路上，和珅的几位幕僚一直在商讨方方事件的处置方案。有位年轻幕僚建议快刀
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • 本周第二次约练 2cfbdfe28a51
    中原焦点团队中24初26刘霞2021.12.3约练161次，分享第368天当事人虽然是带着问题来的，但是咨询过程中发现，她是经过自己不断地调整和努力才走到现在的，看到当事人的不容易，找到例外，发现资源，力量感也就随之而来。增强画面感，或者说重温，会给当事人带来更深刻的感受。
  • ztree设置禁用节点 3213213333332132 JavaScriptztreejsonsetDisabledNodeAjax
    ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。 $(function(){ showTree(); setDisabledNode(); });
  • JVM patch by Taobao bookjovi javaHotSpot
    在网上无意中看到淘宝提交的hotspot patch，共四个，有意思，记录一下。   7050685：jsdbproc64.sh has a typo in the package name 7058036：FieldsAllocationStyle=2 does not work in 32-bit VM 7060619：C1 should respect inline and
  • 将session存储到数据库中 dcj3sjt126com sqlPHPsession
    CREATE TABLE sessions ( id CHAR(32) NOT NULL, data TEXT, last_accessed TIMESTAMP NOT NULL, PRIMARY KEY (id) );   <?php /** * Created by PhpStorm. * User: michaeldu * Date
  • Vector 171815164 vector
    public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) { for (int i = 0; i < cart.size(); i++) { if (cart.get(i).getId().equals(id)) { cart.remove(i);
  • 各连接池配置参数比较 g21121 连接池
            排版真心费劲，大家凑合看下吧，见谅~     Druid DBCP C3P0 Proxool 数据库用户名称 Username Username User   数据库密码 Password Password Password   驱动名
  • [简单]mybatis insert语句添加动态字段 53873039oycg mybatis
          mysql数据库,id自增,配置如下：       <insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id" parameterType=&
  • struts2拦截器配置 云端月影 struts2拦截器
    struts2拦截器interceptor的三种配置方法 方法1. 普通配置法 <struts>     <package name="struts2" extends="struts-default">         &
  • IE中页面不居中，火狐谷歌等正常 aijuans IE中页面不居中
    问题是首页在火狐、谷歌、所有IE中正常显示，列表页的页面在火狐谷歌中正常，在IE6、7、8中都不中，觉得可能那个地方设置的让IE系列都不认识，仔细查看后发现，列表页中没写HTML模板部分没有添加DTD定义，就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
  • String,int,Integer,char 几个类型常见转换 antonyup_2006 htmlsql.net
    如何将字串 String 转换成整数 int? int i = Integer.valueOf(my_str).intValue(); int i=Integer.parseInt(str); 如何将字串 String 转换成Integer ? Integer integer=Integer.valueOf(str); 如何将整数 int 转换成字串 String ? 1.
  • PL/SQL的游标类型 百合不是茶 显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
    游标是oracle中的一个结果集,用于存放查询的结果;   PL/SQL中游标的声明; 1,声明游标 2,打开游标(默认是关闭的); 3,提取数据 4,关闭游标     注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标   隐式游标:主要是对DML数据的操作隐
  • JUnit4中@AfterClass @BeforeClass @after @before的区别对比 bijian1013 JUnit4单元测试
    一.基础知识 JUnit4使用Java5中的注解（annotation），以下是JUnit4常用的几个annotation： @Before：初始化方法   对于每一个测试方法都要执行一次（注意与BeforeClass区别，后者是对于所有方法执行一次）@After：释放资源  对于每一个测试方法都要执行一次（注意与AfterClass区别，后者是对于所有方法执行一次
  • 精通Oracle10编程SQL(12)开发包 bijian1013 oracle数据库plsql
    /* *开发包 *包用于逻辑组合相关的PL/SQL类型（例如TABLE类型和RECORD类型）、PL/SQL项（例如游标和游标变量）和PL/SQL子程序（例如过程和函数） */ --包用于逻辑组合相关的PL/SQL类型、项和子程序，它由包规范和包体两部分组成 --建立包规范：包规范实际是包与应用程序之间的接口，它用于定义包的公用组件，包括常量、变量、游标、过程和函数等 --在包规
  • 【EhCache二】ehcache.xml配置详解 bit1129 ehcache.xml
    在ehcache官网上找了多次，终于找到ehcache.xml配置元素和属性的含义说明文档了，这个文档包含在ehcache.xml的注释中！ ehcache.xml ： http://ehcache.org/ehcache.xml ehcache.xsd ： http://ehcache.org/ehcache.xsd ehcache配置文件的根元素是ehcahe   ehcac
  • java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL 白糖_ javaeclipsespringtomcatWeb
    今天学习spring+cxf的时候遇到一个问题：在web.xml中配置了spring的上下文监听器： <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener>  随后启动
  • angular.element boyitech AngularJSAngularJS APIangular.element
    angular.element 描述:     包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦）     如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.e
  • java-给定两个已排序序列，找出共同的元素。 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class CommonItemInTwoSortedArray { /** * 题目：给定两个已排序序列，找出共同的元素。 * 1.定义两个指针分别指向序列的开始。 * 如果指向的两个元素
  • sftp 异常，有遇到的吗？求解 Chen.H javajcraftauthjschjschexception
    com.jcraft.jsch.JSchException: Auth cancel at com.jcraft.jsch.Session.connect(Session.java:460) at com.jcraft.jsch.Session.connect(Session.java:154) at cn.vivame.util.ftp.SftpServerAccess.connec
  • [生物智能与人工智能]神经元中的电化学结构代表什么? comsci 人工智能
         我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色....      我们可以尝试一下...在某些神经
  • 通过LAC和CID获取经纬度信息 dai_lm laccid
    方法1： 用浏览器打开http://www.minigps.net/cellsearch.html，然后输入lac和cid信息(mcc和mnc可以填0)，如果数据正确就可以获得相应的经纬度 方法2： 发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
  • JAVA的困难分析 datamachine java
    前段时间转了一篇SQL的文章（http://datamachine.iteye.com/blog/1971896），文章不复杂，但思想深刻，就顺便思考了一下java的不足，当砖头丢出来，希望引点和田玉。   -----------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第二课 dcj3sjt126com englishword
    money 钱 paper 纸 speak 讲，说 tell 告诉   remember 记得，想起 knock 敲，击，打 question 问题 number 数字，号码   learn 学会，学习 street 街道 carry 搬运，携带 send 发送，邮寄，发射   must 必须 light 灯，光线，轻的 front
  • linux下面没有tree命令 dcj3sjt126com linux
    centos p安装 yum -y install tree   mac os安装 brew install tree   首先来看tree的用法 tree 中文解释：tree 功能说明：以树状图列出目录的内容。 语　　法：tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
  • Map迭代方式，Map迭代，Map循环 蕃薯耀 Map循环Map迭代Map迭代方式
    Map迭代方式，Map迭代，Map循环   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年
  • Spring Cache注解+Redis hanqunfeng spring
    Spring3.1 Cache注解  依赖jar包： <!-- redis --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redis</artifactId>
  • Guava中针对集合的 filter和过滤功能 jackyrong filter
    在guava库中，自带了过滤器(filter)的功能，可以用来对collection 进行过滤，先看例子：    @Test public void whenFilterWithIterables_thenFiltered() { List<String> names = Lists.newArrayList("John"
  • 学习编程那点事 lampcy 编程androidPHPhtml5
    一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
  • 架构师之流处理---------bytebuffer的mark,limit和flip nannan408 ByteBuffer
    1.前言。   如题，limit其实就是可以读取的字节长度的意思，flip是清空的意思，mark是标记的意思 。 2.例子. 例子代码: String str = "helloWorld"; ByteBuffer buff = ByteBuffer.wrap(str.getBytes()); Sy
  • org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1 Everyday都不同 $转义el表达式
    最近在做Highcharts的过程中，在写js时，出现了以下异常：   严重: Servlet.service() for servlet jsp threw exception org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1,
  • 用Java实现发送邮件到163 tntxia java实现
    /* 在java版经常看到有人问如何用javamail发送邮件？如何接收邮件？如何访问多个文件夹等。问题零散，而历史的回复早已经淹没在问题的海洋之中。 本人之前所做过一个java项目，其中包含有WebMail功能，当初为用java实现而对javamail摸索了一段时间，总算有点收获。看到论坛中的经常有此方面的问题，因此把我的一些经验帖出来，希望对大家有些帮助。 此篇仅介绍用
  • 探索实体类存在的真正意义 java小叶檀 POJO
    一. 实体类简述    实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口，在程序中仅作为数据容器用来持久化存储数据用的 POJO（Plain Old Java Objects）简单的Java对象   它的一般格式就是 public class A{ private String id; public Str
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他