Web 开发简介

教程说明

白月黑羽的 Django 教程 以一个 实际的项目 来 讲解如何使用Django 开发Web应用。

我们的 项目是 实现一个 公司 的 销售管理系统。

如果你们现在就急着想看看 教程实现什么样的系统， 可以点击这里查看具体的系统需求

Web 应用技术

边看下面2个视频，边学习本节内容

学习视频1

学习视频2

当今的互联网时代，大家经常使用电脑上的浏览器或者手机 进行购物、刷新闻，娱乐，学习。

这些丰富多彩应用，背后的软件系统是基于web技术开发的。

这些系统，通常可以分为 ： 客户端 和 服务端 。

下面是一个 简单的 示意图

比如，手机应用（比如微信）就是 客户端， 腾讯公司的微信服务程序（运行在腾讯的机房里面）就是服务端。

再比如，电脑打开淘宝， 浏览器里面运行的淘宝网页，就是 客户端， 而 阿里巴巴 的 淘宝服务程序（运行在阿里的机房里面）就是服务端。

也有人喜欢把 客户端 称之为 前端 ，服务端称之为 后端 。

那么 开发 客户端（前端）的工程师 就会被称之为 客户端（前端）工程师 ，

开发 服务端（后端）的工程师 就会被称之为 服务端（后端）工程师。

如果一个工程师，同时可以做前端和后端的开发，通常可以称之为 web系统全栈工程师。

客户端和服务端 之间 是需要 进行数据信息的交流的。 想象一下，当你登录淘宝 想查看自己的购买记录， 你的购买记录存储在阿里的服务器上， 所以浏览器就需要从阿里的服务器上获取你的购买记录。

那么作为客户端的浏览器或者手机 是怎么获取信息呢？

通常 是使用 HTTP网络协议 （Hypertext Transfer Protocol），通过网络传送数据信息。

客户端通过http协议发送请求信息给服务端，并从服务端接收响应信息。

下面我们就 分别来看看 前端开发 和 后端开发 大体是做什么。

这里，我们先关注 浏览器前端， 也就是web前端。 对于手机前端的 开发，暂不涉及。

Web 前端开发

Web 前端开发的重点是 ： 提供用户界面给 用户进行观看和操作。

开发人员通常需要开发如下文件：

• html 文件

  用来显示界面给用户看，我们看到的 各种美观的web网页就是通过解释html实现的。

  当然，要显示出各种美观的界面，并且让用户方便的操作，光是html是不够的，还需要下面这些文档。

• CSS

  CSS 文档控制界面的显示样式和效果，比如字体、大小、前景色、背景色、间距、一些动画效果等等，

  一句话：就是让你的界面更好看

• 资源文件

  包括显示在界面上的 图片、视频等

• javascript 脚本

  html 文档里面还经常包括一些，javascript 脚本 ( 简称 js )。

  js 和 python 一样是一种编程语言。

  python脚本通过python解释器执行，js脚本通过浏览器内置的 js 引擎执行。

  注意：html 和 css 文档 只是定义了一些静态的界面内容。前端的动态功能， 就是通过浏览器执行 这些 js脚本产生的。

上述的这些文件开发出来后， 最终都是通过 浏览器 来运行，展示出界面来给用户观看和操作的。

上述的文件（html，css，js）没法直接放到浏览器端，都是部署在后端服务器上（有些在cdn上）。

当我们浏览一个网站的时候，浏览器先通过http协议获取这些文档，然后读取解释它们的内容，生成对应的界面呈现给我们操作。

在大概十多年前，相对后端开发来说，前端的开发量相对较小。 主要就是设计界面。

前端开发一般没有太多的动态的逻辑控制功能。

最多就是用js 脚本做一些页面动态效果，以及一些数据校验的工作（比如注册时的用户名长度校验等）。

主要的数据处理 和 业务逻辑的实现，甚至界面html 文档的动态生成，都是后端做的事情。

由于 设计上的难度相对较小，前端工程师有时被称为 做界面的，略带一种轻视的意味。

而现在由于 浏览器 内嵌的js 解释器性能飞速提升，可以让大量的代码逻辑在前端实现。

由于前端浏览器运行在每个用户各自的电脑（或者手机）上，如果把一部分业务逻辑的实现放在前端，相当于有成千上万的前端设备分担后端的负荷， 可以大大分担后端的压力。

所以现在的web系统的设计，前端的重要性日益增加。

前端工程师经常需要通过javascript语言，实现数据处理和展示。

有的系统，前端也实现部分业务逻辑功能。 比如: 用户权限检查、用户显示数据过滤等。

有的架构师喜欢把大量的业务逻辑转移到前端，加上界面渲染的功能也完全由前端实现。

这样 后端就做单纯的数据存储 和 分析工作。

所以现在前端工程师， 不仅设计实现 用户界面，还要能使用js 语言 实现 数据获取、分析处理 和 业务相关的逻辑。

Web 后端 开发

刚才说了前端开发的工作，那么后端开发主要做什么？

后端程序主要工作就是 数据管理。

通常 包括数据的 存储 （包括 增加、删除、修改）和 查询 。

这听起来似乎很简单，其实有的业务流程非常复杂 （想想淘宝购物），有时一个购买操作，要涉及到很多逻辑处理。

而且，如果设计用户量非常大，需要响应 百万级以上 的客户访问， 就需要精心的设计架构，做好多服务分布式、集群式的处理大量的用户请求。

通常，后端的开发涉及到：

• 静态文件服务方案

  前端开发出来的HTML、css、js文件存储在什么地方，使用什么的服务提供给前端浏览器访问。

  通常一个比较大型的网站， 静态文件往往会使用单独的服务器专门提供服务。

  一部分特别消耗带宽的数据（比如视频、图片）会使用第三方的云服务厂商（比如阿里云的cdn和oss服务）。

• API 接口设计， 就是 定义 前端和后端交互接口规范。

  目前流行的是REST API 风格的接口，但是需要我们设计具体的API请求和响应消息的具体内容。

  这个通常应该是架构师设计的， 但是往往这工作经常会落到后端工程师头上。实际上 很多公司里面，系统架构师 也会做后端开发的工作。

• 数据库存储方案，比如：选择什么样的数据库，包括 关系型和非关系型的数据库。

• 数据库表结构设计， 要能合理、高效的存储业务数据，这样才能 高效查询、修改各种关联性的数据。

• 为了提高性能， 需要决定使用怎样的 缓存服务 和 异步任务服务

• 还有 其它种种特殊的考虑，比如 要熟悉目前日益流行的云存储技术，将有的数据，如图片，视频等 合理存储在云端

• 有的系统还需要有 大数据分析的需求 要后端高效实现。

使用 Django 开发后端服务

本教程重点放在后端服务的实现， 包括 API 接口设计 和 数据库设计和操作。

我们 使用 Python Web 开发 最流行的应用框架 Django 帮我们高效地实现 后端。

Django是一个 基于Python语言的 开源免费的 Web应用 开发框架。

它帮我们解决了Web应用开发的 常见问题。

使用它，我们可以把精力放在应用本身的逻辑处理上，而不用操心Web服务的基本问题。这样可以大大提高我们的开发效率。

这是Django的 官方网站 https://www.djangoproject.com

我们的Django 教程 以一个实际的案例 来 讲解如何使用Django 开发Web应用。

我们的案例是 实现一个 公司 的 销售管理系统。

要查看具体的系统需求， 请点击这里

大家可以把自己想象成一个后端开发人员， 根据上面的系统需求， 一步步的实现后端系统。 而这个系统的前端开发 ，你们也假想有个团队在开发， 如果你们后端实现正确， 就可以正确 对接成功，完成一个完整系统的功能。