衍生星球
衍生星球

在HTML单页面中，使用Bootstrap框架的多选框如何提交数据

1.引入Bootstrap CSS和JavaScript文件：确保在HTML页面的标签内引入Bootstrap的CSS和JavaScript文件。可以使用CDN链接或者下载本地文件。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

2.创建多选框：在HTML页面的适当位置，使用Bootstrap的

标签创建一个表单，并在其中添加多个元素来表示多选框。每个多选框都需要一个唯一的id属性，以便在JavaScript中进行操作。

<form id="myForm">
  <div class="form-check">
    <input class="form-check-input" type="checkbox" value="option1" id="option1">
    <label class="form-check-label" for="option1">选项1</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" value="option2" id="option2">
    <label class="form-check-label" for="option2">选项2</label>
  </div>
  <button type="submit" class="btn btn-primary">提交</button>
</form>

3.处理提交事件：在JavaScript代码中，通过监听表单的submit事件，获取选中的多选框的值，并进行相应的处理。可以使用jQuery或原生JavaScript来实现。

以下是使用jQuery的示例代码：

$(document).ready(function() {
  $('#myForm').on('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    var selectedOptions = [];
    $(this).find('input[type="checkbox"]:checked').each(function() {
      selectedOptions.push($(this).val());
    });
    // 在这里可以对选中的多选框的值进行处理，例如发送到服务器等
    console.log(selectedOptions); // 输出选中的多选框的值
  });
});

整体代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bootstrap表单示例</title>
    <!-- 引入Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <!-- 表单内容 -->
    <div class="container">
        <h1>Bootstrap表单示例</h1>
        <form id="myForm">
          <div class="form-check">
            <input class="form-check-input" type="checkbox" value="option1" id="option1">
            <label class="form-check-label" for="option1">选项1</label>
          </div>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" value="option2" id="option2">
            <label class="form-check-label" for="option2">选项2</label>
          </div>
          <button type="submit" class="btn btn-primary">提交</button>
        </form>
    </div>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <!-- 处理表单提交事件的JavaScript代码 -->
    <script>
        $(document).ready(function() {
          $('#myForm').on('submit', function(event) {
            event.preventDefault(); // 阻止表单默认提交行为
            var selectedOptions = [];
            $(this).find('input[type="checkbox"]:checked').each(function() {
              selectedOptions.push($(this).val());
            });
            // 在这里可以对选中的多选框的值进行处理，例如发送到服务器等
            console.log(selectedOptions); // 输出选中的多选框的值
          });
        });
    </script>
</body>
</html>

效果展示：
在HTML单页面中，使用Bootstrap框架的多选框如何提交数据_第1张图片
在HTML单页面中，使用Bootstrap框架的多选框如何提交数据_第2张图片

你可能感兴趣的:(前端学习,html,bootstrap,前端)

  • 大事件开发 - 前端学习笔记 我只是什么都不会而已 前端学习笔记
    1.环境准备1.1创建Vue项目使用vite创建Vue3工程。目录结构调整，确保清晰的项目结构。1.2安装依赖npminstallaxioselement-plussassElement-Plus：UI组件库Axios：HTTP请求库Sass：CSS预处理器2.前后端连接（以注册功能为例）2.1搭建注册页面使用Element-Plus组件搭建注册表单。（就是前端一些样式和组件的代码可以从Eleme
  • 什么是全栈？ 为好全栈 全栈思维前端ui服务器后端运维部署全栈
    致敬读者感谢阅读笑口常开生日快乐⬛早点下班博主相关博主信息博客首页专栏推荐活动信息文章前言文章均为学习工作中整理的笔记。如有错误请指正，共同学习进步。想必很多人在工作中都听说过全栈这个词，但大多数人只听过，对全栈的概念比较模糊。今天我们就来聊聊具体什么是全栈。全栈（FullStack）是一个软件开发领域的概念，指开发者能够覆盖应用程序开发的全生命周期，从前端用户界面到后端服务器、数据库及基础设施管
  • 前端充电 - 移动端 - 小程序登录、跳转/嵌入H5页面 abigale03 前端小程序
    【APP/小程序嵌入H5页面】https://www.bilibili.com/video/BV1PE421A7Pt?spm_id_from=333.788.videopod.sections&vd_source=c919d6976fd77ac77f9860cf2e7e0e11背景产品APP：安卓端，ios端和小程序端。产品要做一个活动页，需要在3个端侧把活动页展示出来。但活动有效期只有3天。可供
  • Java 中数据脱敏的实现 Code额 Javajava数据脱敏
    数据脱敏首先，要思考一个问题，SpringBoot查询到的一条数据是一个Java对象，为什么返回给前端时候，前端拿到的却是JSON格式的数据呢？是因为SpringBoot默认采用了Jackson作为序列化器，而Jackson序列化框架会自动把Java对象转换成JSON格式的数据，然后返回。通过这个思路，就可以得到一个方案，就是在JSON序列化这个层面，去解决这个问题，从而对数据进行脱敏。1.自定义
  • 什么是全栈？需要掌握什么？怎么入门？ 想吃两颗西柚 html5node.jstomcatphpmvcrustspringboot
    什么是全栈开发？全栈开发是指掌握前端和后端技术，能够独立完成从用户界面到数据库的一整套开发工作。全栈开发人员（Full-StackDeveloper）需要了解整个项目的技术架构，包括前端、后端、数据库、服务器、版本控制等。简单类比：全栈开发就像是一个餐厅的厨师，不仅会做菜（前端），还能管理食材存储和厨房运作（后端）。全栈开发需要掌握的核心技能1.前端技术前端负责用户界面的展示，涉及如何将网页呈现给
  • Laya2.x游戏引擎入门系列（二）：UI界面开发 安也 i 游戏
    前端开发和游戏开发相信选择laya游戏引擎这类h5游戏引擎的开发者或多或少都有一些前端的开发经验，在开始开发小游戏之后会努力寻找和过往开发经历相似的地方。最后会发现二者之间的关系类似于网页开发和node.js服务端开发之间的关系，虽然都是使用了前端的开发语言（JS或TS），但是背后涉及的知识点却完全不同。小游戏全部是通过canvas或者webgl画在页面中，而网页开发是通过浏览器去做的渲染。我们在
  • 关于父组件向子组件传值的形式（类型一） qq_53318302 vue.js前端javascript
    前提，在父组件中引入子组件，希望子组件的配置值根据父组件前端的改变而改变...父组件中的子组件引入......data:function(){return{availableFieldsParent:[],//父组件向子组件的传值数据......}子组件Menu.vue//子组件定义props属性接收props:{availableFields:{type:Array,default:()=>[]
  • 前端实战】Vue2.0现代设计社区开发：卡片流布局+毛玻璃特效+炫酷动画 | 完整源码“ “【高级教程】仿Dribbble创意社区项目实战：Glass Morphism+响应式设计+前端开发“ “【2 南北极之间 web前端特效源码前端javascript网页设计htmlcssvuejs卡片
    效果图【定制化开发服务，让您的项目领先一步】如有需求，直接私信留下您的联系方式。谢谢。我的邮箱：2351598671@qq.com完整代码
  • ASP.NET MVC 网站优化总结 使用 Gzip 压缩 飞鸟flyboy 服务器安全常用技巧
    1.开GZIP有什么好处？答：Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理，这样就会减小通过网络传输的数据量，提高浏览的速度。2.如何启用IIS的Gzip压缩功能：答：首先，如果你需要压缩静态文件（HTML），需要在硬盘上建一个目录，并给它“IUSR_机器名”这个用户的写权限。如果压缩动态文件（PHP，asp，aspx）就不需要了，因为它的页面是每次都动态生成的，压缩完就放弃。然后在I
  • CSS backdrop-filter 实现毛玻璃效果 无需定位裁剪图片 云小黛 样式css前端
    文章目录介绍一、效果二、代码1.HTML部分2.CSS部分总结介绍利用伪类+CSSbackdrop-filter实现毛玻璃效果，无需将图片进行叠层或裁剪。backdrop-filter是一种CSS属性，可以为一个元素后面区域添加图形效果（如模糊或颜色偏移）。参考自MDNCSSbackdrop-fliter一、效果二、代码1.HTML部分<divclass
  • 工程化与框架系列（24）--跨平台解决方案 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端
    跨平台解决方案引言随着移动互联网的发展，跨平台开发已成为前端开发的重要趋势。本文将深入探讨前端跨平台开发的各种解决方案，包括响应式设计、混合开发、原生开发等方案，帮助开发者选择合适的跨平台策略。跨平台开发概述跨平台开发主要包括以下方向：响应式Web：适配不同设备的网页应用混合应用：Web技术开发的原生应用原生跨平台：使用统一框架开发原生应用渐进式应用：ProgressiveWebApps(PWA)
  • Refreshtoken 前端 安全 前端安全方面 黑客KKKing 网络安全计算机网络工程师前端安全web安全大数据网络
    网络安全前端不需要过硬的网络安全方面的知识,但是能够了解大多数的网络安全,并且可以进行简单的防御前两三个是需要的介绍一下常见的安全问题,解决方式,和小的Demo,希望大家喜欢网络安全汇总XSSCSRF点击劫持SQL注入OS注入请求劫持DDOS在我看来,前端可以了解并且防御前4个就可以了(小声逼逼:大佬当我没说)XSSCrossSiteScripting又叫做跨站脚本攻击,本身应该叫做CSS,但是由
  • DeepSeek 模型：究竟该如何抉择？ 云计算课代表 日常运维问题合集腾讯云ai服务器云计算
    一、DeepSeek安装部署之前已经写过教程介绍如何部署DeepSeek，具体可参考以下内容：喂饭式教程-腾讯云轻量服务器部署DeepSeek：https://www.yiisu.vip/deepseek_lighthouse.html喂饭式教程-腾讯云HAI服务部署DeepSeek：https://www.yiisu.vip/deepseek_hai.html喂饭式教程-腾讯云HAI服务原生安装
  • vue2 使用 html2canvas 将页面 dom 转为图片并下载记录 TangAcrab 工具dom转图片html转图片
    1、安装html2canvas依赖npminstallhtml2canvas-S2、页面中使用importHtml2Canvasfrom'html2canvas'//下载为png图片asyncdownFileByImg(imgName){//{分项名称}+{统计时段}+“能耗报表”+{导出时间（YYMMDDMMSS）}.pngtry{//文件名称constnowTime=formatDate(ne
  • HTML5响应式网页模板：构建跨平台网站的完整解决方案 朱昆 iamkun
    本文还有配套的精品资源，点击获取简介：本资源包含一套完整的HTML5源码，用于创建适用于手机和电脑的跨平台网站，特别适合需要提供一致用户体验的开发者。资源特点包括：HTML5的新特性、响应式设计、前端页面基础框架、多种页面布局的网站模板。HTML5简化了开发过程并增强了网页交互性，响应式设计使得网站能在不同设备上自适应，而前端技术如CSS和JavaScript则负责页面的样式和动态功能。此外，还涵
  • 假如有10 个微服务模块，然后每个模块里面都要改yaml配置，比如改Redis配置，这样就意味着我 Redis 一改，那10 个模块的配置都要改一遍吗？ 我是一只代码狗 springcloudalibabanacos
    1.在nacos创建一个公共的redis-config.yaml2.在每个微服务的bootstrap.yml中引入公共的redis配置3.这样公共配置改了，其他微服务模块就不需要做任何改动
  • macOS安装Homebrew官网安装 时光不负追梦人 mac
    Homebrew官网http://brew.sh/index_zh-cn.html官网安装Homebrew的安装很简单，mac自带ruby环境，只需在终端下输入如下指令即可完成Homebrew的安装，如果以下链接失效可以去官网看看新的链接：ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/inst
  • 【web】html不完全的不完全复习 吧啦吧啦吡叭卜 webhtml5css3html前端css
    1位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范的标记是（A）。A、B、C、D、2,HTML结构元素：header元素nav元素article元素aside元素section元素footer元素1【单选题】在标签的常用属性中，引用外部文档的类型用（）属性表示。A、headB、rel：文档之间关系C、href：被链接文档的地址D、type被链接外部文档的类型我
  • HTML中元素和标签有什么区别？ DTcode7 HTML网站开发#前端基础入门三大核心之htmlHTML前端webJavaScript网页开发
    HTML中元素和标签有什么区别？元素（Element）示例一：元素的基本结构示例二：自闭合元素示例三：嵌套元素标签（Tag）示例四：标签与属性示例五：标签的使用场景示例六：标签与浏览器解析不同角度的功能使用思路角度一：选择器和CSS角度二：JavaScript操作角度三：语义化标签角度四：表单元素角度五：响应式设计实际工作中的使用技巧在HTML（HyperTextMarkupLanguage）的世
  • HTML技术贴：深入理解网页构建基础 不会玩技术的技术girl 前端html前端
    引言HTML（HyperTextMarkupLanguage）是构建网页和网络应用的基石。它是一种用于定义网页内容结构的标记语言，通过一系列的元素（elements）和属性（attributes），HTML文档告诉浏览器如何展示内容。本文将深入探讨HTML的基本概念、元素、属性以及一些高级用法，帮助开发者更好地理解和运用HTML。HTML文档结构一个基本的HTML文档由以下几部分组成：DOCTYP
  • 突破传统，开启数字孪生新时代——镜像视界全新研发架构引领视频孪生革命 云栖道人 架构
    杭州，2025年3月5日——镜像视界浙江科技有限公司今日宣布，公司自主研发的全新视频孪生与数字孪生技术已实现革命性突破。借助自主创新的研发架构、清晰的实现路径以及广泛的应用场景，该技术体系正全面颠覆传统视觉处理模式，为智慧交通、智能安防、工业自动化及医疗康复等领域注入全新活力。技术研发架构——构建全域数字孪生生态的核心引擎镜像视界构建了一套涵盖前端数据采集、中端矩阵式视频融合与后端智能重构的全链条
  • html表格宽度拖拽,拖动改变Table的列宽度 weixin_39582737 html表格宽度拖拽
    .resizeDivClass{position:relative;background-color:red;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;}functionMouseDownToResize(obj){obj.mouseDownX=event.clientX;
  • html table左右移动,js 实现table每列可左右拖动改变列宽度 老牛要图 htmltable左右移动
    table用户编号试用时间转正时间性别姓名拼音生日时间民族身高20000011997-3-131997-3-131WZJ1965-3-13汉17120000452001-2-152001-3-150WY1978-8-5汉16220000462001-2-232001-3-230LQ2001-2-23汉171vartTD;//用来存储当前更改宽度的TableCell,避免快速移动鼠标的问题varta
  • Django官方教程(六)【创建你的第一个 Django 项目,第四部分】 .NET跨平台 PythonDjangodjango表单应用
    创建你的第一个Django项目，第四部分这一篇从第三部分（zh）结尾的地方继续讲起。我们将继续编写投票应用，本章着力于简单的表单处理和精简我们的代码。编写一个简单的表单让我们更新一下在上一个教程中编写的投票详细页面的模板（“polls/detail.html”），让它包含一个HTML元素：{{question.question_text}}{%iferror_message%}{{error_me
  • webView的使用以及总结 xjbclz Android-综合
    转自：http://www.360doc.com/content/14/0611/13/15210553_385676271.shtmlWebView(网络视图)能加载显示网页，可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页，实现WebView有以下两种不同的方法：第一种方法的步骤：1.在要Activity中实例化WebView组件：WebViewwebView=newWebVi
  • 前端非框架类知识点汇总 南川直树 JavaScriptjsonhtml5javascriptjquerycss
    html单词库css引入图片标签：imgsrc=""title=""alt=""src属性是指图像文件路径alt属性是在图片加载不出来时替换成文本title属性是在鼠标悬停的时候显示srcset属性是在不同的屏幕上显示不同的图片srcset=“url2x，url3x”视频标签：video是一个双标签controls播放控件autoplay自动播放谷歌默认视频不自动播放需要添加禁音才能实现自动播放m
  • Django+Vue创建项目前后端分离 我就是我是好孩子啊 djangovue.jspython
    转载掘金文章详细介绍了如何搭建项目https://juejin.cn/post/7028812676230807582Django的TemplateView指向生成的前端dist文件即可.1、找到project目录的urls.py，使用通用视图创建最简单的模板控制器，访问『/』时直接返回index.html:fromdjango.conf.urlsimporturlfromdjango.views
  • 爬虫自学——爬取古诗词网唐诗三百首 菜比码农 爬虫python开发语言
    frombs4importBeautifulSoupasbsimportrequestsimportjsonurl='https://so.gushiwen.cn/gushi/tangshi.aspx'header={"User-Agent":"Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome
  • 深入理解Vue Router：构建单页应用的导航利器 Earth explosion vue.jsflutter前端
    在现代前端开发中，单页应用（SinglePageApplication，SPA）因其流畅的用户体验和高效的性能而备受青睐。Vue.js作为一款流行的前端框架，提供了强大的工具来构建SPA，其中VueRouter就是专门用于处理路由管理的核心插件。本文将深入探讨VueRouter的基本概念、核心功能以及实际应用场景，帮助开发者更好地理解和运用这一强大的工具。一、VueRouter简介VueRoute
  • 【Gee-Web框架】【Day6】【Golang】模板Template 行者无疆xcc GeeWeb前端golang开发语言
    实现静态资源服务StaticResource支持HTML模板渲染一、服务端渲染1.简要说明前后端分离的开发模式，web后端提供RESTful接口，返回结构化的数据（通常是JSON或者XML），前端使用AJAX技术请求到所需的数据，利用JavaScript进行渲染。Vue/React等前端框架火热，优势突出后端专注解决资源利用、并发、数据库等问题，只需考虑数据如何生成前端专注界面设计实现，只需要考虑
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他