Bootstrap4 教程

Bootstrap4 教程

Bootstrap 教程

Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap4 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。

谁适合阅读本教程?

只要您具备 HTML 和 CSS 的基础知识,您就可以阅读本教程,进而开发出自己的网站。在您学习完本教程后,您即可达到使用 Bootstrap 开发 Web 项目的中等水平。

阅读本教程前,您需要了解的知识:

在您开始阅读本教程之前,您必须具备 HTML 、 CSS 和 JavaScript 的基础知识。如果您还不了解这些概念,那么建议您先阅读我们的这些教程:

Bootstrap4 实例

Bootstrap4 实例

<div class=jumbotron text-center>
<h1>我的第一个 Bootstrap 页面</h1>
<p>重置浏览器大小查看效果!</p>
</div>
<div class=container>
<div class=row>
<div class=col-sm-4>
<h3>第一列</h3>
<p>菜鸟教程</p>
<p>学的不仅是技术,更是梦想!!!</p>
</div>
<div class=col-sm-4>
<h3>第二列</h3>
<p>菜鸟教程..</p>
<p>学的不仅是技术,更是梦想!!!</p>
</div>
<div class=col-sm-4>
<h3>第三列</h3>
<p>菜鸟教程..</p>
<p>学的不仅是技术,更是梦想!!!</p>
</div>
</div>
</div>

尝试一下 »

Boostrap4 与 Bootstrap3

Boostrap4 是 Bootstrap 的最新版本,与 Bootstrap3 相比拥有了更多的具体的类以及把一些有关的部分变成了相关的组件。同时 Bootstrap.min.css 的体积减少了40%以上。

Boostrap4 放弃了对 IE8 以及 iOS 6 的支持,现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器。如果对于其中需要用到以前的浏览器,那么请使用 Bootstrap3

SQL 教程

SQL 教程

SQL 是用于访问和处理数据库的标准的计算机语言。

在本教程中,您将学到如何使用 SQL 访问和处理数据系统中的数据,这类数据库包括:MySQL、SQL Server、Access、Oracle、Sybase、DB2 等等。

每一章实例

每章节都提供了简单的 SQL 简单实例。

实例

SELECT * FROM Websites;

本教程的 SQL 在 MySQL 中测试通过。

本教程使用到的 Websites 表 SQL 文件:websites.sql

本教程使用到的 access_log 表 SQL 文件:access_log.sql

本教程使用到的 apps 表 SQL 文件:apps.sql

现在开始学习 SQL!

SQL 快速参考手册

一个 SQL 快速参考手册,可以打印它放到口袋里,随时查看。

SQL 快速参考手册

SQL 数据类型

介绍 Microsoft Access、MySQL 和 SQL Server 的数据类型和范围。

SQL 数据类型

MySQL 教程

MySQL 教程

mysql

Mysql是最流行的关系型数据库管理系统,在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System:关系数据库管理系统)应用软件之一。

在本教程中,会让大家快速掌握Mysql的基本知识,并轻松使用Mysql数据库。


什么是数据库?

数据库(Database)是按照数据结构来组织、存储和管理数据的仓库,

每个数据库都有一个或多个不同的API用于创建,访问,管理,搜索和复制所保存的数据。

我们也可以将数据存储在文件中,但是在文件中读写数据速度相对较慢。

所以,现在我们使用关系型数据库管理系统(RDBMS)来存储和管理的大数据量。所谓的关系型数据库,是建立在关系模型基础上的数据库,借助于集合代数等数学概念和方法来处理数据库中的数据。

RDBMS即关系数据库管理系统(Relational Database Management System)的特点:

  • 1.数据以表格的形式出现
  • 2.每行为各种记录名称
  • 3.每列为记录名称所对应的数据域
  • 4.许多的行和列组成一张表单
  • 5.若干的表单组成database

RDBMS 术语

在我们开始学习MySQL 数据库前,让我们先了解下RDBMS的一些术语:

  • 数据库: 数据库是一些关联表的集合。.
  • 数据表: 表是数据的矩阵。在一个数据库中的表看起来像一个简单的电子表格。
  • 列: 一列(数据元素) 包含了相同的数据, 例如邮政编码的数据。
  • 行:一行(=元组,或记录)是一组相关的数据,例如一条用户订阅的数据。
  • 冗余:存储两倍数据,冗余降低了性能,但提高了数据的安全性。
  • 主键:主键是唯一的。一个数据表中只能包含一个主键。你可以使用主键来查询数据。
  • 外键:外键用于关联两个表。
  • 复合键:复合键(组合键)将多个列作为一个索引键,一般用于复合索引。
  • 索引:使用索引可快速访问数据库表中的特定信息。索引是对数据库表中一列或多列的值进行排序的一种结构。类似于书籍的目录。
  • 参照完整性: 参照的完整性要求关系中不允许引用不存在的实体。与实体完整性是关系模型必须满足的完整性约束条件,目的是保证数据的一致性。

Mysql数据库

MySQL是一个关系型数据库管理系统,由瑞典MySQL AB公司开发,目前属于Oracle公司。MySQL是一种关联数据库管理系统,关联数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性。

  • Mysql是开源的,所以你不需要支付额外的费用。
  • Mysql支持大型的数据库。可以处理拥有上千万条记录的大型数据库。
  • MySQL使用标准的SQL数据语言形式。
  • Mysql可以允许于多个系统上,并且支持多种语言。这些编程语言包括C、C++、Python、Java、Perl、PHP、Eiffel、Ruby和Tcl等。
  • Mysql对PHP有很好的支持,PHP是目前最流行的Web开发语言。
  • MySQL支持大型数据库,支持5000万条记录的数据仓库,32位系统表文件最大可支持4GB,64位系统支持最大的表文件为8TB。
  • Mysql是可以定制的,采用了GPL协议,你可以修改源码来开发自己的Mysql系统。

在开始学习本教程前你应该了解?

在开始学习本教程前你应该了解PHP和HTML的基础知识,并能简单的应用。

本教程的很多例子都跟PHP语言有关,我们的实例基本上是采用PHP语言来演示。

如果你还不了解PHP,你可以通过本站的PHP教程来了解该语言。

jQuery 教程

jQuery 教程

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

本章节的每一篇都包含了在线实例

通过本站的在线编辑器,你可以在线运行修改后的代码,并查看运行结果。

实例

$(document).ready(function(){
$
(p).click(function(){
$
(this).hide();
});
});

尝试一下 »

点击 “尝试一下” 按钮查看运行结果。

jQuery 实例

在本教程中,您将通过教程以及许多在线实例,学到如何通过使用 jQuery 应用 JavaScript 效果。


jQuery 测验

在菜鸟教程上测试你的 jQuery 技能!

jQuery 参考手册

在本教程中,你将学习到更多的jquery的使用方法。

AngularJS 教程

AngularJS 教程

Angular

AngularJS 通过新的属性和表达式扩展了 HTML。

AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。

AngularJS 学习起来非常简单。

现在开始学习 AngularJS!


每个章节都有相应的实例

在每个章节中,您可以在线编辑实例,然后点击按钮查看结果。

AngularJS 实例

<!DOCTYPE html>
<html>
<head>
<meta charset=“utf-8”>
<script src=“http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js”></script>
</head>
<body>

<div ng-app=“”>
  <p>名字 : <input type=“text” ng-model=“name”></p>
  <h1>Hello {{name}}</h1>
</div>

</body>
</html>

尝试一下 »


阅读本教程前,您需要了解的知识:

在开始学习 AngularJS 之前,您需要具备以下基础知识:

  • HTML
  • CSS
  • JavaScript

AngularJS 历史

AngularJS 是比较新的技术,版本 1.0 是在 2012 年发布的。

AngularJS 是由 Google 的员工 Miško Hevery 从 2009 年开始着手开发。

这是一个非常好的构想,该项目目前已由 Google 正式支持,有一个全职的开发团队继续开发和维护这个库。


AngularJS 实例

本教程包含了大量的 AngularJS 实例!

AngularJS 实例


AngularJS 参考手册

参考手册包含了本教程中使用到的所有指令和过滤器。

AngularJS 参考手册

jQuery EasyUI 教程

jQuery EasyUI 教程

jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。

jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。本教程将告诉您如何使用 jQuery EasyUI 框架创建应用。

现在开始学习 jQuery EasyUI!

jQuery EasyUI 离线版CHM下载!

内容列表

Application(应用)

Drag 与 Drop(拖动与放置,即拖放)

Menu 与 Button(菜单与按钮)

Layout(布局)

DataGrid(数据网格)

Window(窗口)

Tree(树形菜单)

Form(表单)

参考手册

SQLite 教程

SQLite 教程

SQLite 是一个软件库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是在世界上最广泛部署的 SQL 数据库引擎。SQLite 源代码不受版权限制。

本教程将告诉您如何使用 SQLite 编程,并让你迅速上手。

现在开始学习 SQLite!

谁适合阅读本教程?

本教程有助于初学者了解 SQLite 数据库引擎相关的基础知识和先进理念。

阅读本教程前,你需要了解的知识:

在开始使用本教程提供的各类实例进行练习之前,您需要了解什么是数据库,尤其是 RDBMS,以及什么是计算机编程语言。

编译/执行 SQLite 程序

如果您想要通过 SQLite DBMS 编译/执行 SQL 程序,但是您没有相关设置,那么可以访问 compileonline.com。您只需进行简单的点击动作,即可在高端的服务器上体验真实的编程经验。这是完全免费的在线工具。

SQLite 函数参考手册

本教程提供了所有重要的内置的 SQLite 函数的参考手册。

SQLite 常用函数

SQLite 有用的资源

本教程列出了 SQLite 数据库网站和书籍。

SQLite 有用的网站

  • SQLite Home Page – SQLite 官方网站提供了最新的 SQLite 安装版本,最新的 SQLite 资讯以及完整的 SQLite 教程。

  • PHP SQLite3 – 网站提供了 SQLite 3 数据库的 PHP 支持的完整细节。

  • SQLite JDBC Driver: – SQLite JDBC,由 Taro L. Saito 开发的,是一个用于 Java 中访问和创建 SQLite 数据库文件的库。

  • DBD-SQLite-0.31 – SQLite Perl driver 驱动程序与 Perl DBI 模块一起使用。

  • DBI-1.625 – Perl DBI 模块为包括 SQLite 在内的任何数据库提供了通用接口。

  • SQLite Python – sqlite3 python 模块由 Gerhard Haring 编写的。它提供了与 DB-API 2.0 规范兼容的 SQL 接口。

SQLite 有用的书籍

Using SQLite The Definitive Guide to SQLite Sams Teach Yourself SQL in 10 Minutes SQLite The SQL Guide to SQLite SQLite 3 with PHP Essential Training

CSS 教程

CSS 教程

通过使用 CSS 我们可以大大提升网页开发的工作效率!

在我们的 CSS 教程中,您会学到如何使用 CSS 同时控制多重网页的样式和布局。

各章节实例

本 CSS 教程包含了数百个CSS在线实例

通过本站的在线编辑器,你可以在线编辑CSS,并且可以在线查看修改后的效果。

CSS 实例

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:Times New Roman;
font-size:20px;
}

尝试一下 »

点击 “尝试一下” 按钮查看css是如何工作的。

CSS 实例

css 在线150个实例,通过本站编辑器,你可以学习在线查看修改后css的运行效果。

尝试一下!

HTML/CSS/JS 在线工具

HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码,并实时查看效果,你也可以将优质代码保存分享:https://c.runoob.com/front-end/61

CSS 参考手册

在菜鸟教程中你可以找到更完整的CSS属性、选择器的语法,浏览器支持等资料.

CSS 属性

CSS 选择器参考手册

CSS 声音参考手册

CSS 单位

CSS 颜色参考手册

PHP 教程

PHP 教程

PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。

PHP 是免费的,并且使用非常广泛。同时,对于像微软 ASP 这样的竞争者来说,PHP 无疑是另一种高效率的选项。

适用于PHP初学者的学习线路和建议

PHP 开发工具推荐

PHP 在线工具

通过实例学习 PHP

我们的 PHP 在线实例让您能够更简单的学习 PHP,实例中包含了 PHP 的源码及运行结果。

实例


<!DOCTYPE html>
<html>
<body>

<?php
echo “Hello World!”;
?>

</body>
</html>

运行实例 »

点击”运行实例”按钮查看在线实例运行结果。


PHP 入门视频教程

PHP 参考手册

在菜鸟教程中,您会发现所有 PHP 函数的完整参考手册:

设计模式

设计模式

设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

本教程将通过 Java 实例,一步一步向您讲解设计模式的概念。

现在开始学习设计模式!

谁适合阅读本教程?

无论您是新手,还是老手,本教程都值得一读。对于那些具有丰富的开发经验的开发人员,学习设计模式有助于了解在软件开发过程中所面临的问题的最佳解决方案;对于那些经验不足的开发人员,学习设计模式有助于通过一种简单快捷的方式来学习软件设计。

阅读本教程前,您需要了解的知识:

在您开始阅读本教程之前,您必须具备基本的 Java 编程的概念。如果您还不了解这些概念,那么建议您先阅读我们的 Java 教程