lambor20000216
lambor20000216

【BootStrap】前端开发框架——快速上手页面神器

文章目录

  • 什么是BootStrap
  • Bootstrap快速入门——基本引入
  • 响应式布局，栅格系统
  • 全局CSS样式
  • 请自行查找Bootstrap官方文档
    • 组件
    • 插件

什么是BootStrap

一个前端开发的框架,来自Twitter.

框架：半成品软件，开发人员在框架的基础上进行开发，简化编码。

优点：

  • 定义了很多css样式和js插件，开发人员可以通过这些样式和插件得到丰富的页面效果
  • 响应式布局：同一页面可兼容不同分辨率的页面

Bootstrap快速入门——基本引入

中文文档

  1. 直接下载（用于生产环境下的Bootstrap）解压
  2. 引用：把三个文件夹(css样式 fonts字体 js插件)复制到自己创建的项目
  3. 创建html文件，引入必要文件。复制以下基本模板（原先的Bootstrap文档中有）再进行修改。原本的文件是放在cdn内容服务器上部署的，以下例子为修改为本地引用。
  4. 验证是否成功导入 ctrl+鼠标移到引用目录上，若没有显示则写法有误
  5. 导入jQuery放在js文件夹下 ，学习js的重要框架，修改引入
.min.css 用于引用，体积小，速度快，压缩版，没有占位符（回车，制表符）的css文件
.css 用于阅读，格式良好

inital-scale=1 缩放比例1：1
快速注释 ctrl+shift+/

基本模板：


<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Bootstrap 101 Templatetitle>

    
    <link href="css/bootstrap.min.css" rel="stylesheet">

    
    
    
  head>
  <body>
    <h1>你好，世界！h1>

    
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js">script>
    
    <script src="js/bootstrap.min.js">script>
  body>
html>

bootstrap基本引入模板：快速入门


<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Bootstraptitle>

    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    
    <script src="js/jquery-3.2.1.min.js">script>
    
    <script src="js/bootstrap.min.js">script>

head>
<body>
<h1>你好，世界！h1>
body>
html>

响应式布局，栅格系统

同一套页面可以兼容不同分辨率的设备
依赖于栅格系统实现：将一行平均分为12个格子，可以指定元素占几个格子
步骤：

  • 定义容器：相当于table
container 两边设有留白
container-fluid 每个设备都是100%宽度
  • 定义行，相当于tr，样式：row
  • 定义元素：该元素在不同设备上，所占格子数目。col-设备代码-格子数目

设备代码：
col-xs-12

xs(extra small) 超小屏幕 手机(<768px)
sm(small) 小屏幕 平板(>=768px)
md(medium) 中等屏幕 桌面显示器(>=992px)
lg(large) 大屏幕 大桌面显示器(>=1200px)

快速入门

  • 复制以上配置文件（.html）修改命名。
<style>
    .inner{
        border:1px solid red;
    }
style>
<body>

<div class="container-fluid">

    <div class="row">

        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
        <div class="col-lg-1 inner">grid栅格div>
    div>
div>
body>

注意：

  1. 一行如果格子数目超过12，则超出部分自动换行
  2. 栅格类属性可向上兼容。小的屏幕兼容了大的屏幕也自然兼容。适用于屏幕宽度大于或等于分界点大小的设备。
  3. 如果真实设备宽度小于了设置栅格类属性的设备代码的最小值，会一个元素占满一整行。

全局CSS样式

Global CSS style
在文档里找，复制别人定义好的样式，进行修改。

  • 按钮
  • 图片
  • 表格
  • 表单

按钮
class="btn btn-default"
.btn-lg、.btn-sm或 .btn-xs 就可以获得不同尺寸的按钮。


<button type="button" class="btn btn-default">（默认样式）Defaultbutton>


<button type="button" class="btn btn-primary">（首选项）Primarybutton>


<button type="button" class="btn btn-link">（链接）Linkbutton>

图片
class="img-responsive"：图片在任意尺寸都占100%

  • 图片形状
    class="img-rounded"：方形
    class="img-circle"： 圆形
    class="img-thumbnail" ：相框
    idea 配置web项目图片无法显示问题
    img src="img/002.jpeg" alt="style"这样设置图片比较好
    表格
    table
    table-bordered
    table-hover
    表单
    class=“form-control”

请自行查找Bootstrap官方文档

组件

  • 导航
  • 分页

插件

  • 轮播图

你可能感兴趣的:(【BootStrap】前端开发框架——快速上手页面神器)

  • WPF项目：xaml笔记 敲代码的TKP wpf笔记
    1.设置页面无标题栏/全屏/禁止用户调整大小WindowStyle="None"设置页面无标题栏WindowState="Maximized"设置页面全屏最大化ResizeMode="NoResize"禁止用户调整大小注：页面非全屏（小窗口）时，想取消标题栏，必须禁止用户调整大小，否则会有白边
  • 【Python百日进阶-Web开发-Feffery】Day604 - 趣味dash_04：Excel转Pdf文件 岳涛@泰山医院 Dashpythonexcel前端dash
    文章目录一、环境准备1.1初始化基础`Python+Dash`环境1.2本例中使用的第三方包二、本项目B站视频讲解三、页面效果四、项目源码一、环境准备1.1初始化基础Python+Dash环境CSDN文档参见：https://blog.csdn.net/yuetaope/article/details/129795264Bilibili视频参见：https://www.bilibili.com/v
  • 在Vue页面中实现平滑滚动功能 种花的人_ 前端vue
    这是一个实现平滑滚动的函数，可以让页面在滚动到指定位置时产生缓动效果该函数依赖于Math.easeInOutQuad函数和requestAnimFrame函数，其中Math.easeInOutQuad函数用于计算当前滚动位置的值（根据时间、起始值、变化量和持续时间），requestAnimFrame函数用于实现动画效果。函数的参数包括：to:目标滚动位置；duration:滚动持续时间，默认为50
  • selenium框架 你们的好朋友大强 测试开发python功能测试selenium
    selenium（仅作为个人笔记，如有雷同，请联系删除。。）1、Selenium的特点：开源、免费，多浏览器支持，多平台支持，多语言支持，对Web页面有良好的支持，API简单，灵活(用开发语言驱动)，支持分布式测试用例执行。2、Windows下的测试环境搭建：安装Python；安装setuptools与pip（注：Python3不支持setuptools，但已经集成了pip）安装Selenium：
  • Vue3项目开发——新闻发布管理系统（八） bjzhang75 Vue知识学习及项目开发实践项目开发实践Vue3项目开发新闻发布管理系统
    文章目录十、新闻管理模块设计开发1、新闻管理主页面设计1.1基本架构搭建1.1.1搜索表单1.1.2新闻主表格样式(静态数据模拟渲染)1.2新闻分类选择框1.2.1新建组件1.2.2页面中导入渲染1.2.3调用接口，动态渲染下拉分类，设计成v-model的使用方式1.2.4父组件定义参数绑定1.2.5发布状态，也绑定一下，便于将来提交表单2、新闻表格渲染2.1封装API接口，新闻主表格渲染2.1.
  • python+Selenium自动化之免登录(cookie及token) 觅远 pythonselenium自动化
    目录cookie免登录通过接口获取cookie启用浏览器绕过登录添加token使用登录可以减去每次登录的重复操作，直接操作系统登录后的菜单页面，也可以减少安全验证登录，如图像验证登录的操作。注意：cookie和token都有有效期。cookie免登录直接从开发者工具中获取cookie进行添加，下图为网页中多个站点的cookie，挑选需要的进行添加即可。fromseleniumimportwebdr
  • 【玩转全栈】----基于ModelForm完成用户管理页面 Edward-tan 全栈开发djangomysqlpython
    目录大致效果添加用户代码引入ModelFormModelForm与一般表单的区别：ModelForm与传统Form的区别：使用ModelForm制作用户管理新建用户编辑用户：删除数据完整代码在学完前面的部门管理案例后，自己独立写出个用户管理应该不难，基本逻辑和大致代码都和前面一样，大家可以自己试试。大致效果基于ModelForm用户管理系统添加用户代码但是，按照之前的方式写的话，在表单方面还是会有
  • React 路由导航与传参详解 疯狂小料 react.js前端前端框架
    随着单页面应用（SPA）已经成为主流。React作为最流行的前端框架之一，提供了强大的路由管理工具react-router-dom，帮助开发者轻松实现页面导航和传参。本文将详细介绍如何使用react-router-dom构建路由导航、传参以及嵌套路由的实现。1.构建路由导航1.1创建路由实例在React项目中，通常会在src目录下创建一个router文件夹来管理路由。我们可以使用react-rou
  • 高性能、并发安全的 Go 嵌入式缓存库 如何使用？ Ai 编码 Golang教程golang缓存开发语言
    文章精选推荐1JetBrainsAiassistant编程工具让你的工作效率翻倍2ExtraIcons：JetBrainsIDE的图标增强神器3IDEA插件推荐-SequenceDiagram，自动生成时序图4BashSupportPro这个ides插件主要是用来干嘛的？5IDEA必装的插件：SpringBootHelper的使用与功能特点6Aiassistant,又是一个写代码神器7Cursor
  • VS Code中JavaFX 项目环境配置 「已注销」 javavscodeui
    1.获取JavaFX1.1JavaFX下载JavaFX网站打开后应如图1.1.1所示：图1.1.1单击左下角Download按钮，进入如图1.1.2所示页面：图1.1.2JavaFXversion：选择你要使用的JavaFX版本，通常建议使用最新版本。为了稳定性考虑，不建议选择测试版，即后缀有[EarlyAccess]的版本。OperatingSystem：选择你用来进行JavaFX开发时所使用的
  • Kotlin开发（一）：Google 亲儿子 Kotlin 到底有多香？看完你就懂了 刘争Stanley Kotlin编程探索之旅androidkotlin开发语言
    引言在这个技术更新日新月异的时代，Android开发者们对编程语言的选择尤为重要。Kotlin，这个名字听起来像某种北欧神话武器，但其实是Google推崇的安卓开发神器。它不仅让代码更简洁优雅，还能帮你摆脱“Bug狂魔”的称号。作为一名Android开发者，如果还没用过Kotlin，那简直就是错过了一个亿！今天这篇文章，就带你从零到一，全面解析为什么Kotlin是Android开发的首选语言。一、
  • echarts初始化时只显示100px的问题 撒库拉-琳琳 echartsjavascriptvue.js
    初始化el-container时，需要选择项目才可进入el-main；但是就页面而已，相对应的路由已经进去了，el-main使用的是v-show进行的判断，后面改成v-if即可，下面补充一下二者的区别：v-show:根据条件显示DOM元素的指令，可以用来动态控制DOM元素的显示和隐藏。v-show后面跟的是判断条件，不管初始条件是什么，元素总是会被渲染;v-if:根据表达式值的真假来销毁或者重建一
  • vue使用window.open（）跳转页面 scorpion_V vueJavaScript前端javascriptvue.js
    项目场景：提示：项目需要vue带参数跳转打开新页面、新窗口：例如：点击机巢监控按钮，在当前页面重新打开一个窗口到另一个页面（同时把参数全部带过去）window.open()的用法open()方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。window.open(URL,name,specs,replace)specs可选。一个逗号分隔的项目列表。支持以下值：channelmode=yes|n
  • JS经纬度正则验证 scorpion_V 前端
    经纬度的校验（保留5位小数）：需求：一个页面多个经纬度需要经验，然后采用此方法就可以一步到位啦~1.在util.js全局写经纬度的范围校验代码如下：constformValidation={//经度validatorLongitude:(rule,value,callback)=>{constreg=/^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,15
  • uniapp 小程序目录搭建以及 pages.json 配置 YZRHANYU uniapp+微信小程序jsonuni-app小程序
    uniapp小程序目录搭建1.分包结构├──api各个模块接口文件夹├──login.js登录模块接口文件├──common公共模块，包含公共基础css等├──base.css公共基础css├──components主包当中使用的组件或者复用率较高的组件作为全局组件├──node_modulesnodejs相关依赖包文件目录├──pages主包:业务页面文件存放的目录├──common├──sys
  • Vue 3中的路由（Router）详解 scorpion_V vue.js前端javascript
    在前端开发中，路由是构建单页应用程序的核心慨念之一。允许应用根据URL的变化动态地渲染不同的组件或页面。Vue.js提供了官方的路由管理工具——VueRouter。接下来这篇文章将逐步讲解Vue3中的路由概念以及使用。一、什么是路由？路由其实就是URL与应用程序视图之间的映射关系。在传统的多页应用里面，每次跳转都是向服务器发送请求，服务器返回新的页面的过程。但是在SPA中，页面并不会刷新，而是根据
  • 【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南 墩墩分墩 Pythonpython自动化测试playwright爬虫UI自动化
    文章目录前言一.playwright是什么二.python引入playwright1.安装2.playwright命令行参数3.playwrightcodegen自动生成代码4.Chrome和Chromium有什么关系？三.基本概念1.无头浏览器（HeadlessBrowser）2.同步和异步模式操作playwright2.1.同步（Sync）模式同步方式代码模板2.2.异步（Async）模式异步
  • vivo OriginOS 5公测适配计划公布，有你的手机吗？ 芥子沫 移动开发智能手机VivoOrigin5
    2025年了，OriginOS5已经发布，X100和Fold3的小伙伴已经用上了，相对上一版本还是有很多期待的，风格是越来越果里果气了。一、新特性1、强化消息通知原子通知->原子岛原子岛：类似于苹果的灵动岛，可以在锁屏状态下，实时看到重要信息，比如外卖，快递，航班，打车，外卖等信息服务，点开可以切换为二级卡片，再次点击可以进入该应用页面。2、重构AI转身各种助手语音升级，Jovi语音”→“蓝心小V
  • 视频的上传，转码与展示的过程 小子武 java视频上传视频转码
    本文是记录自己学习过程的，不适合直接拿来用的业务需求及场景后台基于springboot的微服务框架，页面是vue用户可以选择一个视频上传的管理页面，新增时，用户可以选择上传封面图片或者不选择上传封面图片（此时要根据视频的格式决定是从视频中截图或者展示默认图片）页面效果先不展示了，涉及的信息比较多这里贴的是视频转码功能部分，我从网上找的代码又根据自己的需要又改的，很佩服写这段代码的人真的很厉害（侵删
  • elementui树状菜单tree_Java + Element-UI 实现简单的树形菜单 weixin_39682301
    一、简单入门级树形菜单实现(纯后台逻辑)1、简介(1)开发环境IDEA+JDK1.8+mysql1.8SpringBoot2.2.6+mybatis-plus此处仅后台开发(返回json数据)，前台页面展示后续会讲解。(2)数据表如下，仅供参考，可以添加修改时间、创建时间、逻辑删除等字段。DROPDATABASEIFEXISTStest;CREATEDATABASEtest;USEtest;/*用
  • ArkUI原生页面滑动性能分析优化实践 harmonyos
    课程简介本课程是【HarmonyOSTechTalk】的第20课。本次交流核心为ArkUI原生页面的滑动性能相关内容。从HarmonyOS渲染原理切入，这是理解页面呈现与滑动效果的根基。深入剖析应用滑动性能问题的分析思路，为开发者提供排查问题的有效方法。详细阐述针对典型性能问题的优化手段，涵盖代码优化、资源管理等多方面。开发者通过此次交流，能够精准把握ArkUI原生页面滑动性能的关键要点，提升性能
  • 1688商品类目API接口的开发应用与收益 前端后端运维数据挖掘api
    在电子商务领域，数据的获取与分析是企业决策的关键。阿里巴巴旗下的1688平台，作为全球领先的B2B在线交易市场，提供了丰富的API接口，助力企业高效获取商品信息，优化供应链管理，提升市场竞争力。本文将深入探讨1688商品类目API接口的开发应用，结合实际案例，展示其为企业带来的显著收益，并附上Python代码示例，以便开发者快速上手。一、1688商品类目API接口概述1688商品类目API接口允许
  • 微信小程序使用上拉加载onReachBottom。页面拖不动。一直无法触发上拉的事件。 肖肖肖丽珠 微信小程序小程序
    1，可能是原因是你使用了scroll-view的标签，用onReachBottom触发加载事件。这两个是有冲突的。没办法一起使用。如果页面的样式是滚动的是无法去触发页面的onReachBottom的函数的。因此，你使用overflow:auto.来使用页面的某些元素滚动，照样也无法触发onReachBottom。2，滚动区域有部分内容被遮挡怎么解决起初我以为我给滚动区域设置一个高度。height:
  • 鸿蒙系统用什么开发应用？ 109702008 编程harmonyos华为人工智能
    鸿蒙系统（HarmonyOS）是华为技术有限公司开发的一款分布式操作系统，旨在实现跨设备的无缝协同和高效运行。在应用开发方面，鸿蒙系统提供了多种编程语言的支持，以满足不同开发者的需求。以下是一些常用的鸿蒙系统应用开发语言：Java：Java是一种广泛使用的编程语言，特别在移动应用开发领域。鸿蒙系统支持Java开发，这使得安卓开发者可以快速上手。Java拥有优秀的跨平台能力和丰富的API库，涵盖了网
  • 网络爬虫技术如何影响网络安全的 德迅云安全-甲锵 网络安全爬虫
    随着网络的发展和网络爬虫技术的普及，一些人收集某些需要的信息，会使用网络爬虫进行数据抓取。网络爬虫一方面会消耗网络系统的网络资源，同时可能会造成核心数据被窃取，因此对企业来讲如何反爬虫显得非常重要。一、什么是网络爬虫网络爬虫也叫网络蜘蛛，是一种用来自动浏览万维网的网络机器人，按照一定的规则可以自动提取网页内容的程序。网络爬虫主要用于网络资源的收集工作，搜索引擎通过网络爬虫爬取内容并将页面保存下来，
  • 有哪些工具软件是一旦用了就离不开的？ 网络安全我来了 IT技术工具软件
    别错过的工具神器在这个快速发展的数字化时代，你是否曾因为找不到合适的工具而感到烦恼？就像在浩瀚的海洋中寻找一根针，这种无助的感觉总是让人心焦。但实际上，倘若你拥有一些能够提高效率的工具，这种烦恼将烟消云散。今天，我将和你分享几款值得一试的工具软件，它们一旦使用，便让你直呼“再也离不开了”。常用在线工具Miro-在线协作白板居家办公以后，你有没有发现，很多原本只需眼神交流的信息，现在却需要通过冗长的
  • 告别龟速加载：三种压缩算法让你的网站瞬间提速！ youyouiknow tech-review服务器javanginx后端算法
    三种压缩算法，让你的网站飞起来！！！前言在当今快节奏的互联网世界，用户对网站加载速度的要求越来越高。一个加载缓慢的网站不仅会损害用户体验，还会影响搜索引擎排名，最终导致流量和转化率的下降。为了提升网站性能，优化页面加载速度，数据压缩技术应运而生。通过压缩服务器响应数据，可以有效减少网络传输量，从而缩短页面加载时间，让你的网站“飞”起来！本文将深入探讨三种常用的网站压缩算法：Gzip、Brotli和
  • 2024年必备的AI代码编辑器：Cursor等8款神器推荐 surfirst LLM人工智能编辑器Cursor开发者
    AI代码编辑器在2024年深刻影响了开发者2024年，AI代码编辑器成为开发者日常工作中的核心工具，对编程方式和效率产生了深刻影响。以下几点尤其值得关注：加速应用开发：AI工具帮助开发者快速实现流程自动化，提高研发效率，并优化用户体验。例如，根据某项调查显示，使用AI代码编辑器后，开发速度提高了30%。个体效能显著提高：AI代码编辑器让个人开发者能够像一个小团队一样高效工作。全栈开发变得更加容易，
  • uniapp APP端页面触发调用uniapp开发的webview里的方法 printf_824 uniapp分享uni-app
    原理：使用getCurrentInstance()获取当前组件的Vue实例，通过instance.proxy.$scope.$getAppWebview()获取Uniapp的原生WebView对象。使用WebView提供的evalJS方法，执行嵌入H5页面内的JavaScript代码functiongetData(){url.value="http://192.168.0.22:5174/#/pa
  • 如何使用python技术爬取下载百度文库文档？ 大懒猫软件 python百度开发语言
    使用Python爬取百度文库文档需要通过分析网页结构和接口请求来实现。以下是一个基于搜索结果的实现方法，适用于爬取百度文库中的文档内容：第一部分：获取百度文库文档实现步骤获取文档ID和基本信息通过文档的URL获取文档ID，并解析页面内容以获取文档的类型、标题等信息。请求文档信息接口使用getdocinfo接口获取文档的页数、MD5校验码等参数。请求文档正文内容根据文档类型（如txt、doc等），请
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他