BS开发(浏览器和服务器开发)

1、概述

浏览器 通过服务器控制联网的设备

HTML:超文本标记语言 静态的 显示网页
CSS:层叠样式表 渲染网页
XML:指可扩展标记语言 传输网页
Javascript:脚本语言 和 网页交互 （局部刷新网页）
AJAX:基于Javascript语言的技术 （将网页 和 服务器 交互）
CGI:通用网关接口（服务器 借助 CGI 控制 外设（数据库、传感器设备、文件））

2、什么是B\S架构

B/S架构就是浏览器和服务器架构

Browser/Server（浏览器/服务器结构），是随着Internet技术的兴起，是对C/S结构的一种变化或者改进的结构。
用户界面完全通过www浏览器实现，一部分事物逻辑在前端实现，但是主要事务逻辑在服务器端实现。

B/S架构 与 C/S架构对比

3、Apache Tomcat环境搭建

Apache是web服务器，Tomcat是应用(java)服务器，它只是一个servlet容器，是Apache的扩展。 Apache和Tomcat都可以做为独立的web服务器来运行，但是Apache不能解释java程序(jsp,servlet)。

两者都是一种容器，只不过发布的东西不同:Apache是html容器，功能像IIS一样;Tomcat是jsp/servlet容器，用于发布jsp及java的，类似的有IBM的websphere、BEA的Weblogic，sun的JRun等等。

打个比方:Apache是一辆卡车，上面可以装一些东西如html等。但是不能装水，要装水必须要有容器(桶)，Tomcat就是一个桶(装像Java这样的水)，而这个桶也可以不放在卡车上。

Apache是世界使用排名第一的Web服务器。它可以运行在几乎所有广泛使用的计算机平台上。

Apache环境搭建: https://blog.csdn.net/weixin_43288201/article/details/106841110

4、HTML和JavaScript的简单使用

HTML:
网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），
可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。

JavaScript:
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用， 用来给HTML网页增加动态功能。
HTML和JavaScript的简单使用:https://blog.csdn.net/weixin_43288201/article/details/106926274

5、AJAX和CGI 技术的应用及案例

AJAX:
AJAX 不是语言 而是（基于js和xml）技术
概述：
1、AJAX是 Asynchronous JavaScript And XML的缩写
2、AJAX 是一种用于创建快速动态网页的技术
3、AJAX 不是新的编程语言，而是一种使用现有标准的新方法
4、AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。
传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面
5、AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。
有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等
浏览器与服务器通信采用的就是AJAX技术，AJAX核心是XMLHttpRequest对象

CGI
CGI(Common Gateway Interface)是WWW技术中最重要的技术之一 , 有着不可替代的重要地位 , CGI是外部应用程序(CGI程序)于Web服务器之间的接口标准 , 实在CGI程序和Web服务器之间传递信息的规程 . CGI规范允许Web服务器执行外部程序 , 并将它们的输出发送给Web浏览器 . CGI 讲Web的一组简单的静态超媒体文档变成一个新的交互式媒体 .

Common Gateway Interface , 简称CGI . 在物理上是一段程序 , 运行在服务器上 , 提供客户端的HTML页面的接口 . 下面举个例子 现在的个人主页上大部分都有一个留言本 . 留言本的工作是这样的 : 先由客户端输入一些信息 , 如名字之类的东西 . 接着用户按一下 " 留言 " (到目前为止的工作都在客户端进行) , 浏览器把这些信息传送到服务器的CGI目录下特定的CGI程序中 , 于是CGI程序在服务器上按照指定的方法进行处理 . 在本例中就是把用户提交的信息存入指定的文件中 . 然后CGI程序给客户端发送一个信息 , 表示请求的任务已经结束 . 此时用户在浏览器里面看到 " 留言结束 " 的字样 . 整个过程就是这样的 .

绝大多数的CGI程序用于解释处理来自表单的输入信息 , 并在服务器产生相应的处理 , 或将相应的信息反馈给浏览器 . CGI程序是网页具有交互功能

AJAX和CGI 技术的应用:https://blog.csdn.net/weixin_43288201/article/details/106930536