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】前端开发框架——快速上手页面神器)

  • Caffeine vs Guava Cache：性能巅峰对决，谁才是 Java 本地缓存之王？ Julian.zhou Java开发基础技能缓存java算法
    CaffeinevsGuavaCache：性能巅峰对决，谁才是Java本地缓存之王？导语：在Java本地缓存的战场上，Caffeine和GuavaCache是开发者最常用的两大神器。但究竟谁的性能更胜一筹？为何Caffeine被称为“GuavaCache的终结者”？本文通过算法原理、并发性能、内存管理、实战测试四大维度，彻底揭秘两者的性能差异，文末附迁移指南和选型建议！一、核心差异：算法与淘汰策略
  • [2]2025年新手集成开发环境（IDE）选择指南 Aqua_chang idepythonvscodeconda
    本文涵盖‌主流IDE推荐（分场景）‌、‌安装配置详解及‌高频问题解决方案‌，如数据科学领域必备工具‌Anaconda‌和‌Spyder‌，帮助新手快速上手编程开发。一、‌IDE核心作用与分类‌集成开发环境‌（IDE）是什么？‌集成代码编辑、编译、调试、版本管理等功能的开发工具，提升效率。优势：代码补全、调试便捷、插件扩展。‌新手选择原则‌‌轻量级工具‌（如VSCode）适合入门；‌专业型IDE‌（
  • 区块链驱动金融第六章——比特币匿名性：神话还是现实？ 小DuDu 区块链技术驱动金融区块链金融
    在比特币的众多特性中，匿名性无疑是最具争议也最受关注的一点。有人认为它是保护隐私的神器，也有人觉得它与匿名毫不沾边。那么，比特币的匿名性究竟是怎样的呢？让我们结合书中第六章的内容，深入探讨一番。比特币匿名性的定义与争议在讨论比特币的匿名性之前，我们得先明确匿名的定义。在计算机科学领域，匿名意味着具有无关联性的化名，即不同的交互行为之间无法被特定攻击者互相关联。从这个角度看，比特币的匿名性存在一定的
  • elementui e-form中嵌套列表循环验证 han_hanker elementuijavascriptecmascript
    现在有一个需求接口返回一个数组，需要在页面上渲染。这些数据，有的是输入框，下拉框，时间选择等，这些可操作的控件需要有必填验证，长度验证等有些需要调用接口进行远程验证。返回的数据比较多，有些数据有200条就不能在rules里面直接写调用远程接口的验证//判定规则rules:{password:[{required:true,message:'请输入密码',trigger:'blur'},{min:3
  • 七天免登录 为什么不能用seesion，客户端的http请求自动携带cookei的机制（比较重要）涉及HTTP规范 哥谭居民0001 javatomcathttp
    如果是七天免登录,和session肯定没关系,因为session不能持久化,主要是客户端一旦关闭,seesion就失效了///所以必须是能持久化的，这就清晰了，要莫在的服务器保存，要摸在客户端设置cook机制1.使用Cookie实现七天免登录前端（登录页面）在登录页面中，提供一个“记住我”选项，允许用户选择是否启用免登录功能。jsp复制记住我后端（Servlet）在登录成功后，根据用户是否勾选“记
  • Qt for WebAssembly程序中文乱码问题处理过程 muren Qtc++qtwasm开发语言
    一、环境操作系统DeepinV23Qt版本6.8.2编程语言C++二、问题现象QtforWebAssembly应用在浏览器页面上英文字母显示正常，中文显示为乱码。经测试分析原因为默认字体不能正常显示汉字。三、处理过程1.准备中文字体文件从Windows下复制宋体简体字体文件。C:\Windows\Fonts\simsun.ttc2.添加资源文件resources.qrcsimsun.ttc3.Qt
  • VUE中的组件加载方式 catino vue.js前端javascript
    加载方式有哪些，及如何进行选择常规的静态引入是在组件初始化时就加载所有依赖的组件，而懒加载则是等到组件需要被渲染的时候才加载。对于大型应用，可能会有很多组件，如果一开始都加载，可能会影响首屏加载时间。如果某些组件在首屏不需要，比如弹窗或者标签页里的内容，那么懒加载会更好，减少初始加载时间，实现时使用动态导入和异步组件，同时注意处理加载状态和错误处理。。反之，如果组件在页面初始化时就必须显示，那么静
  • 微信小程序 uni-app解决旧页面缓存问题 catino 微信小程序微信小程序uni-app前端
    微信小程序在迭代版本后，若未清除原有缓存，显示的还是旧版，加入下述代码可解决这个问题在common.js文件中加入mpUpdate(){constupdateManager=wx.getUpdateManager()//小程序版本更新管理器updateManager.onCheckForUpdate(function(res){//请求完新版本信息的回调})updateManager.onUpda
  • element plus table树形数据，增、删、改子节点数据时，进行局部刷新，而不刷新整个页面 catino vue.jsjavascriptelementui
    ...constlistLoading=ref(false)//保存节点映射的Mapconstmaps=reactive(newMap())constload=async(row,treeNode,resolve)=>{constpid=row.idmaps.set(pid,{row,treeNode,resolve})constpost_data={parent_id:row.id,}listL
  • uni-app 设置页面导航条颜色 catino uni-app
    下述两种方法中颜色限制为十六进制颜色。1.pages.json页面路由中，用style设置每一个页面的导航栏背景颜色如：{"pages":[{"path":"pages/index/index","style":{"navigationBarTitleText":"首页",//设置页面标题文字"enablePullDownRefresh":true//开启下拉刷新"navigationBarBac
  • HarmonyOS NEXT开发实战教程：选择相册和拍照 幽蓝计划 harmonyos华为
    今天的内容是介绍在鸿蒙开发中从相册选择照片，和调用相机拍照，并使用这两个功能实现朋友圈编辑页面。这部分内容没什么好废话的，都是固定用法，直接上代码。首先添加权限：ohos.permission.CAMERA选择相册：asyncgetAlbum(){constphotoSelectOptions=newphotoAccessHelper.PhotoSelectOptions();photoSelec
  • 【HarmonyOS】鸿蒙中防止截屏和录屏（设置窗口为隐私模式） m0_5南风 harmonyos华为
    防止截屏和录屏（设置窗口为隐私模式）手机应用防止截屏和录屏功能（开启隐私模式）能够有效防止敏感信息被恶意传播，减少盗版行为，确保合规性，增强用户对应用的信任感，并维护公平性，尤其在涉及个人信息和付费内容的场景中显得尤为重要。版本:API9以上主要方法:使用setWindowPrivacyMode设置窗口为隐私模式,注意:设置窗口而不是某一个页面,相当于整个应用设置了防截屏主要代码exportcla
  • flutter-实现Tabs吸顶的PageView效果 冲浪的鹏多多 Flutterflutterjavascript前端
    文章目录1.效果预览2.结构分析3.完整代码4.总结1.效果预览在Flutter开发中，创建具有吸顶Tabs的PageView效果可以极大地提升用户界面的交互性和用户体验。今天，我们就通过一段具体的代码来深入了解如何实现这一功能。效果预览如下：2.结构分析我们从整体上看这段代码，它定义了一个名为CeilingTabsPageView的有状态组件。这个组件的作用就是构建出一个带有吸顶Tabs的页面，
  • **探索微博世界的新视角：twiyou——您的推特好友监测神器** 许煦津
    探索微博世界的新视角：twiyou——您的推特好友监测神器twiyouTwitterfriendmonitoringtool项目地址:https://gitcode.com/gh_mirrors/tw/twiyou项目介绍在这个信息爆炸的时代，推特（Twitter）作为全球最具影响力的社交媒体之一，汇聚了无数声音与故事。twiyou，一款专为推特设计的友好监视工具，犹如你的个人情报员，帮助你轻松掌
  • uniapp特有生命周期钩子 浪裡遊 uniappuni-appvue.js前端
    生命周期钩子在UniApp中，页面的生命周期与Vue的生命周期钩子紧密相关，并且针对小程序平台，UniApp还扩展了一些额外的生命周期钩子。以下是重要的页面生命周期钩子及其简要说明：基础的Vue生命周期钩子beforeCreate在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前被调用。created实例已经创建完成之后被调用。此时已完成数据观测，属性和
  • 使用原生table合并单元格 会说法语的猪 前端vuevue.jsjavascript表格
    先上个我要实现的页面例子1：就是最近要开发这么一个页面（这是个原型图，没有美化，大概是这个样子也都懂），刚看到的时候说实话有点儿懵的，第一次见到这样的表格，可以看到里面有很多字段，将来后台会一个个的返回给我们，其中右侧的原因是可编辑的！下面的调度主任和填写人也都是可编辑的，其他的都是后台会返回给我们的字段了，并且可以导出这咋整呢，看着就烦，里面乱糟糟的，闹心。然后开始的时候我是用element-u
  • 如何采集来赞达Lazada虾皮shopee各区域商品详情页面数据 古德猫宁的干货 数据库APIlazada商品详情shopee商品详情
    以虾皮shopee根据ID取商品详情API返回值说明为例shopee.item_get公共参数名称类型必须描述keyString是调用key（必须以GET方式拼接在URL中）注册Key和secret接入secretString是调用密钥api_nameString是API接口名称（包括在请求地址中）[item_search,item_get,item_search_shop等]cacheStrin
  • 在html中图像标签是什么意思,在html中图像标签是什么意思 李白涛 在html中图像标签是什么意思
    在html中图像标签是指用于定义图像的标签，即“”标签。img元素可以向网页中嵌入一幅图像，“”标签的作用是为被引用的图像创建占位符，将图像链接到HTML页面上。本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。在html中图像标签是指用于定义图像的标签，即“”标签。HTML标签标签定义HTML页面中的图像。标签有两个必需的属性：src和alt。注释：从技术上讲，图
  • lingo使用笔记(仅入门) 发篇博客骗自己 笔记
    lingo使用教程㈠，大致描述（平白无趣的科普）Lingo是一款用于线性规划、整数规划和非线性规划的优化软件。以下是一些常见的Lingo语法和写法的笔记，帮助你快速上手。1.基本结构Lingo模型通常由以下几个部分组成：集合定义：定义模型中使用的集合。数据输入：定义模型中的参数和数据。变量定义：定义决策变量。目标函数：定义优化目标。约束条件：定义模型的约束条件。求解命令：告诉Lingo进行求解。2
  • 从零开始：使用原生JS打造简易飞机大战游戏 西域情歌
    本文还有配套的精品资源，点击获取简介：在本教程中，我们将探讨如何利用原生JavaScript的特性，包括事件处理、DOM操作、定时器和音频处理，来构建一个基础的“飞机大战”游戏。该游戏的核心元素包括玩家飞机、敌机、子弹和碰撞检测，它们通过HTML和CSS展现在页面上。通过编写JavaScript脚本，我们实现游戏对象的创建与状态管理，响应用户的键盘和点击事件，更新游戏内容，并通过定时器维护游戏循环
  • selectpicker.js 下拉框多选控件的属性和方法 草木红 #JavaScriptjsjqueryjavascriptbootstrap
    中文网：https://www.bootstrapselect.cn/index.htmgithub：https://github.com/snapappointments/bootstrap-select需要用到的js和css（按顺序引用）：bootstrap.min.cssbootstrap-select.cssjquery.min.jsbootstrap.min.jsbootstrap-se
  • Netty源码分析之Reactor线程模型详解 Java-进阶架构师 javajava编程java后端java-ee
    在分析源码之前，我们先分析，哪些地方用到了EventLoop？NioServerSocketChannel的连接监听注册NioSocketChannel的IO事件注册NioServerSocketChannel连接监听在AbstractBootstrap类的initAndRegister()方法中，当NioServerSocketChannel初始化完成后，会调用case标记位置的代码进行注册。f
  • 使用 Arduino 和 Wi-Fi 的 Web 控制伺服 David WangYang ESP8266项目前端硬件工程
    使用Arduino和Wi-Fi的Web控制伺服在这篇文章中，我们将在Arduino和Wi-Fi模块ESP8266的帮助下使用Web浏览器控制伺服电机。ESP8266将在舵机和web浏览器通过IP地址建立连接，然后通过移动web页面上的Slider，舵机将相应地移动。即使通过在路由器中设置PortForwarding，您也可以从世界任何地方通过Internet控制Servo，我们将在本教程后面解释。
  • ip2region与express最佳实践 红衣大叔 nodejs帮助文档express
    在使用ip2region进行IP地址定位并与Express框架集成时，最佳实践主要集中在如何高效地初始化Searcher实例、处理并发请求以及优化查询性能等方面。以下是一个基于ip2region和Express的示例项目结构和代码实现，帮助你快速上手。1.项目结构my-express-app/│├──node_modules/├──public/├──routes/│└──ip.js├──view
  • 04.文本标签 龙哥带你学编程 #html前端
    一、文本简介1、页面组成元素1）以淘宝购物官网为例，分析网页：在淘宝购物官网的首页上，我们可以看到它是由超链接，文字，图片等元素构成。2）页面组成元素①一个静态页面绝大部分由以下四种元素组成：文本图片超链接音频和视频②思考：符合以下特点的网页是静态还是动态页面？带有音频和视频带有flash动画带有css动画带有JavaScript特效不是。动态页面和静态页面区别在于：是否用到了后端技术，以及是否与
  • ruoyi 小程序使用笔记 万变不离其宗_8 笔记小程序笔记
    1.上传图片页面jsimportuploadfrom'@/utils/upload.js'methods:{upload(){constconfig={filePath:this.$refs.imageUploadRetire.files[0].path,url:'/api/common/file/upload'}upload(config).then(res=>{this.form.retire
  • 云服务器linux下配置springboot项目启动、停止、重启脚本 努力的Andy 脚本linux运维服务器
    目录为什么要配置启动脚本？配置脚本一、选择一个文件夹新建一个XXX.sh文件（xxx可以命名为项目名称，新建.sh.conf等文件用到的是vi指令）二、进入如下页面，按下键盘i键进入insert模式三、insert如下配置（只需修改APP_NAME内容为自己想要启动的jar包）四、脚本代码解释：linux下脚本测试1、启动测试2、查看状态3、停止测试4、重启测试为什么要配置启动脚本？一般情况下我们
  • Apache Tomcat默认文件漏洞 m0_67401606 javatomcatapacheservlet后端
    ApacheTomcat默认文件漏洞一、概要漏洞描述：默认错误页面，默认索引页面，示例JSP和/或示例servlet安装在远程ApacheTomcat服务器上。应删除这些文件，因为它们可能有助于攻击者发现有关远程Tomcat安装或主机本身的信息。漏洞风险：中修复建议：删除默认索引页并删除示例JSP和servlet。按照Tomcat或OWASP说明更换或修改默认错误页面。二、解决办法1、直接删除do
  • 一款超实用的社交软件多开神器，免费无广告 贫道曰 工具djangopythongithub开源软件scipyhttpx
    你是否还在为微信只能开一个而烦恼？今天我就来给兄弟们推荐一个非常好用的微信多开软件。01软件介绍这款软件就是微信多开助手：绿色免费且无需安装适用windows系统界面简洁，操作简便02软件安装和使用这款软件完全免费，没有任何的广告，适用更是非常方便。使用方法更是十分简单，选择好需要多开的微信数量，点击启动多开按钮即可。例如，若要同时多开10个微信，软件能够轻松帮你实现。这款微信多开软件完全免费，没
  • UI自动化测试往往在功能测试之后进行的核心原因 豌豆射手^ 测试ui功能测试
    一、流程效率：避免“过早优化浪费资源”1.功能未定型，频繁修改导致脚本维护成本高实际场景：某电商平台开发初期，前端页面按钮的ID因需求变动频繁更改。此时若投入UI自动化，需不断调整元素定位逻辑，甚至完全重写脚本。对比分析：阶段功能测试方式成本对比开发初期手动功能测试人工快速验证，适应变化，成本低。稳定期UI自动化测试代码维护成本高，反复修改会抵消效率收益。2.瀑布模型与敏捷开发的差异瀑布模型：严格
  • 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其他