一个文本文件（文件名为 code。py）输入: import web。这条语句会导入 web。py 模 块。

现在我们需要把我们的 URL 结构告诉 web。py。 第一部分是匹配 URL 的正 则表达式，像/、/help/faq、/item/(\d+)等(\d+将匹配数字)。圆括号表示捕捉对应的 数据以便后面使用。第二部分是接受请求的类名称，像 index、view、welcomes。hello (welcomes 模块的 hello 类)，或者 get_\1。\1 会被正则表达式捕捉到的内容替换， 剩下来捕捉的的内容将被传递到你的函数中去。

urls = (论文网

'/', 'index'

)

这行表示我们要 URL/(首页)被一个叫 index 的类处理。

class index:

def GET(self):

return "Hello, world!"

当有人用 GET 请求/时，这个 GET 函数随时会被 web。py 调用。

if     name == "     main    ":

app = web。application(urls, globals()) app。run()

这会告诉 web。py 去创建一个基于我们刚提交的 URL 列表的 application。这

个 application 会在这个文件的全局命名空间中查找对应类，然后启动。[4]

2。1。4Bootstrap 介绍 

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。

Bootstrap 具有移动设备优先，响应式设计，多浏览器支持，易于上手等多个 优点，并且包含了强大的内置组件，易于定制。Bootstrap 包括了如下内容： 

 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本 结构。这将在 Bootstrap  基本结构 部分详细讲解。

CSS：Bootstrap  自带以下特性：全局的 CSS  设置、定义基本的 HTML

元素样式、可扩展的 class，以及一个先进的网格系统。这将在 Bootstrap CSS 部 分详细讲解。

组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、 导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。

JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以 直接包含所有的插件，也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详 细讲解。

定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到 您自己的版本。[5]

2。2 开发工具介绍 

2。2。1 利用 Fiddle 进行网络抓包 

Fiddler 是位于客户端和服务器端的 HTTP 代理，也是目前最常用的 http 抓 包工具之一 。它能够记录客户端和服务器之间的所有 HTTP 请求，可以针对特 定的 HTTP 请求，分析请求数据、设置断点、调试 web 应用、修改请求的数据， 甚至可以修改服务器返回的数据，功能非常强大，是 web 调试的利器。既然是代 理，也就是说：客户端的所有请求都要先经过 Fiddler，然后转发到相应的服务器， 反之，服务器端的所有响应，也都会先经过 Fiddler 然后发送到客户端，基于这 个原因，Fiddler 支持所有可以设置 http 代理为 127。0。0。1:8888 的浏览器和应用程 序。

Fiddle  主界面的布局如图 2-1，主界面中主要包括四个常用的块：  1。Fiddler 的菜单栏，上图绿色部分。包括捕获 http 请求，停止捕获请求保存

http 请求，载入本地 session、设置捕获规则等功能。

2。Fiddler 的工具栏,上图红色部分。包括 Fiddler 针对当前 view 的操作（暂 停，清除 session,decode 模式、清除缓存等）。