视频单元在线视频

同学们大家好

我是云南大学信息学院的余鹏飞老师

今天我们一起来认识一下

Web应用开发技术的一些基础知识

什么是Web

当我们在浏览器里输入网址

打开网站看到的页面就是Web页面

比如说大家经常访问的淘宝

网易

新浪等等

各种网站上面展示的内容

就是由一个个的Web页面组成的

网页上面的图片

文字

视频

音频等

提供了丰富多彩的显示内容

并且可以用鼠标点击

跳转到另外的Web页面

正因为Web页面内容表现形式丰富多彩

使用方便

从1991年诞生以来

迅速成为了最为流行的互联网表现形式

Web的全称是World Wide Web

简称WWW

是internet提供的众多信息服务中

最为流行的一种

这些信息以Web页面文件的形式

存放在internet上的web服务器里

也就是我们通常所说的网站

我们在IE

Chrome

Firefox等浏览器中输入网址的时候

就可以在浏览器中看到网站展现的文字

图片

视频

音频等页面内容

同时

我们还可以点击链接

打开其它的页面

因为web页面图文并茂

是用户在互联网上获取信息的重要渠道

下面让我们来看一看

Web服务的系统架构

这种架构称为BS架构

所谓的B代表Browser

是浏览器的意思

S代表Server

是服务器

在BS架构中

服务器也就是Web服务器存放了Web的页面文件

而使用者通过电脑

手机或者平板电脑上的浏览器

访问各种Web服务器的内容

也就是Web页面文件

这些页面文件是怎么组成的呢

事实上这些页面文件是以

超文本标记语言HTML格式

编写出来的HTML代码

我们在浏览器里输入网址的时候

这些页面文件就会通过超文本传输http协议

从Web服务器返回给浏览器

再由浏览器解释以后

展现给用户

这里让我们以云南大学的网站首页

也就是主页为例来看一看

超文本标记语言是什么样子的

打开云南大学的主页以后

用鼠标右键

点击页面上的任意位置

然后选择菜单项里的查看源代码

云南大学主页的源代码就会展现在大家面前

这些代码和我们刚才看到的页面大相径庭

我们在主页上看到的所有内容

包括文字和图片其实都在HTML代码里

都是以文字的形式呈现出来的

当这些HTML代码以HTTP协议

从Web服务器返回到浏览器以后

浏览器就会把它们展示成用户看到的Web页面

Web网站是怎么开发出来的呢

同学们

下面让我们来了解一下Web开发的相关技术

我们在Web上看到的页面分为两种类型

一种是静态页面

它的内容一般来说不会发生变化

是固定的

另外一种是动态页面

其内容会发生变化

比如说淘宝网站的各种商品信息页面

静态页面涉及到的技术相对少一些

主要是HTML或者HTML5

CSS

Javascript

开发工具

有PhpStorm

SublimeText3

Dreamweaver

Photoshop

静态页面是我们学习入门Web开发的第一步

动态页面因为要从数据库中来获取数据

把这些数据动态的读取出来

然后再在Web页面上动态地展示出来

所以需要的技术相对要复杂一些

除了掌握静态页面开发需要的技术和工具以外

我们还需要至少掌握一门开发语言或者技术

这门开发语言或者技术的重要作用

就是从数据库中提取数据

并且拼装出各种Web页面元素

然后把这些数据展示在用户面前

还可以把外部的数据写到数据库里存储下来

让这些数据可以在合适的时候再提取出来

展示在Web页面

常用的开发语言或者技术包括

PHP

JSP

Asp.Net等

PHP（Hypertext Preprocessor）

是超文本预处理器的缩写

是一种开源免费的脚本语言

由于它专门为Web开发而设计

语言精练

利于学习

开发速度快

成本低

是目前最流行的网站开发编程语言

据统计

在互联网上超过80%的网站

都是基于PHP或者PHP的框架开发出来的

JSP（Java Server Pages）

中文名称叫Java服务器页面

基于Java语言

是由Sun公司牵头建立的一种动态网页技术标准

开发是在传统的网页HTML文件中

插入Java代码和JSP标记(tag)

从而形成JSP文件

后缀名为(*.jsp)

用JSP开发的Web应用是跨平台的

既能在Linux上运行

也能够在其它操作系统上运行

Asp.Net是微软公司推出的基于

.NET Framework开发平台的Web开发的脚本语言

它支持三种开发模式

Web Pages（Web 页面）

MVC（Model View Controller 模型-视图-控制器）

和Web Forms（Web 窗体）

降低了开发难度

特别适合原来开发.Net桌面应用的程序员

转到开发Web应用

另外大量的网站都把数据和信息存储在后台数据库

因此我们还需要至少掌握一种数据库

比如

MySQL或者MongoDB

这两种数据库因为是免费开源的数据库

在网站开发中用得比较多

作为入门

重点掌握MySQL数据库系统的管理和使用

包括数据库系统的安装

创建库

创建表

数据的常用操作

增加

删除

修改

查询

学习了以上的基础知识还不够

如果想要继续深入下去

更快更高效地完成Web项目的开发

还需要学习一些更高级的框架或者技术

例如

PHP框架

Laravel

ThinkPHP

Java框架

SpringMVC

Javascript框架

Vue

AngularJS

React

NodeJs

CSS框架

BootStrap

Ajax技术

JSON

Restful API

这些框架和技术

可以大大提高我们开发的效率

通俗形象的说

只学习了简单的开发语言和工具

就好像徒手去搬砖

你的工作效率是很低的

但掌握了框架以后

你就可以使用卡车去搬砖

工作效率就会大大提高

需要说明的是

上面的框架中

有一些功能是重复的

比如上面提到的三种PHP框架和Java框架

可以只选择其中的一种进行学习

另外

Javascript的三种框架中

推荐学习Vue作为入门

因为相对而言

它的学习门槛不高

但功能足够强大

由于是中国人开发的

它的文档也很详细

资料也很多

非常适合大家入门

再具体而言

Web的开发分为前端开发和后端开发

前端开发主要做的是

用户能看到的Web展示界面

侧重于用户看得见的Web部分

后端开发主要做的是业务和功能逻辑等模块

通常而言

用户不能直接看到后端开发的工作

这两种类型的工作

侧重点各不相同

打个比方

就像电视台的节目一样

观众在屏幕上看到的是前端

由摄像完成

节目的构思

流程是由后端的制片人

编导等幕后工作人员完成的

关于前端开发和后端开发

想一口吃成胖子

同时掌握这两种技能是很难的

因此同学们可以根据自己的喜好和特长

来选择其中的一种学习

例如

有美术功底的同学

可以选择做前端

因为前端讲究的是颜色的搭配

页面布局的安排

而喜欢解决功能逻辑问题

编写代码的同学

可以选择后端开发来进行学习

其中前端开发推荐学习的内容包括

基础

HTML5

CSS

XML

Javascript

进阶

BootStrap框架

Vue框架

后端开发推荐学习的内容包括

基础

HTML5

CSS

XML

Javascript

PHP

数据库

MySQL

MonGoDB

Web服务器Ngix

操作系统Linux

框架

Laravel框架

BootStrap框架

Vue框架

技术

Ajax技术

JSON

Restful API

集成开发环境

Laragon

需要注意的是

Web的开发语言或者技术众多

以上我们选择的是PHP这一最流行

也是最容易掌握的语言和相关Laravel框架

如果你有其它语言的基础

也可以选择自己熟悉的语言

比如

学习过Java语言的同学

可以选择JSP

SpringMVC框架来进行学习

如果以前学习过.Net平台开发的同学

可以选择Asp.Net来学习

好了

这次课就到这里

谢谢大家