什么是web应用？

    应用程序分两种模式：C/S、B/S

        1 、C/S：客户端(Client)与服务端
            一般独立运行
        2 、B/S：浏览器(Browser)与服务端
            这类应用要借助浏览器：谷歌、火狐、IE等浏览器来运行，不需要再安装其他软件。

    web应用一般是B/S模式。用Java、Python编写的web应用没有什么本质上的不同，在网络编程的意义下，浏览器是一个socket客户端、服务器是一个socket服务端。

手写socket服务端(web_server.py)：
 import socket               　  # 导入socket模块

     sk = socket.socket()        # 创建socket套接字对象

     sk.bind(("127.0.0.1",8800)) # 绑定IP和端口

     sk.listen(5)                # 设置监听数 5

     #连接循环

     while True:

         print('wait……')

         conn,addr = sk.accept() # 等待连接  conn：浏览器套接字对象

         data = conn.recv(1024)  # data  浏览器发来的数据

         print('浏览器发来的数据',data)          # 打印浏览器发来的数据

         # 读取手写的login.html文件，作为回复浏览器的数据

         with open('login.html','rb') as f:

             data=f.read()

         conn.send(b'HTTP/1.1 200 OK\r\n\r\n%s'%data)  # 向浏览器发送数据  格式必须这样写：HTTP/1.1 200 OK\r\n\r\n

         conn.close()    　　　　# 关闭浏览器套接字对象

     sk.close()          　　　　# 关闭socket对象

 手写login.html

     <!DOCTYPE html>

     <html lang="zh_CN">

     <head>

         <meta charset="UTF-8">

         <title>模拟post</title>

     </head>

     <body>

     <h1>欢迎登录</h1>

     <form action="/127.0.0.1:8800/" method="post">

         用户名<input type="text" name="user">

         密码<input type="password" name="pwd">

         <input type="submit" value="登录">

     </form>

     </body>

     </html>

运行web_server.py文件后，打开浏览器，url地址栏输入127.0.0.1:8800

　　此时服务端接收：

        浏览器发来的数据

            b'GET /favicon.ico HTTP/1.1\r\n

            Host: 127.0.0.1:8800\r\n

            Connection: keep-alive\r\n

            User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36\r\n

            Accept: image/webp,image/apng,image/*,*/*;q=0.8\r\n

            Referer: http://127.0.0.1:8800/\r\nAccept-Encoding: gzip, deflate, br\r\n

            Accept-Language: zh-CN,zh-TW;q=0.9,zh-MO;q=0.8,zh;q=0.7\r\n

            Cookie: csrftoken=PqzfhK7r3yKazDF2gQuW4PODvYxyU2byEafCehsIYcA1w3TAnck51Z0ccbvF0sDv; sessionid=ggeryt0m3w80cnh2uuc1ynj21s91pyh2\r\n\r\n'

先不看这是什么，那是请求首行加请求体的。此时浏览器已经得到了一个页面。

这就是刚刚我写的html文件，被浏览器渲染之后是一个页面。

输入用户名和密码之后，点击登陆，服务端一样会接收form表单发送的数据。注意看末尾的user和pwd。

这就是一个最简单web应用，浏览器请求url。服务端返回数据。浏览器再渲染成页面。

001---web应用程序的更多相关文章

  1. ASP.NET Core 中文文档 第二章 指南（3）用 Visual Studio 发布一个 Azure 云 Web 应用程序

    原文:Getting Started 作者:Rick Anderson 翻译:谢炀(Kiler) 校对:孟帅洋(书缘).刘怡(AlexLEWIS).何镇汐 设置开发环境 安装最新版本的 Azure S ...

  2. vs2012 发布web应用程序

    Visual Studio 2012 Visual Studio Express 2012 for Web 与 的Visual Studio 2010  Visual Studio Web发布更新 与 ...

  3. web应用程序

    1.web应用程序和网站的区别 应用程序有两种模式C/S.B/S.C/S是客户端/服务器端程序,也就是说这类程序一般独立运行.而B/S就是浏览器端/服务器端应用程序,这类应用程序一般借助IE等浏览器来 ...

  4. Web应用程序的自动化测试库-FluentAutomation

    FluentAutomation是流畅的自动化应用编程接口,支持Selenium和WatiN 连同它们所有的风格和驱动程序.自从Fluient支持Selenium,那就意味着你可以使用Selenium ...

  5. 简化 Web 应用程序与 Windows Azure Active Directory、ASP.NET 和 Visual Studio 的集成

    大家好! 今天的博文深入讨论我们今天推出的开发人员工具和框架中的一些新功能.我们通过与 ASP.NET 和 Visual Studio 团队合作开发了一些重大的增强功能,让开发人员能够轻松使用 Win ...

  6. deployment与Web应用程序部署

    定义用于支持 Web 应用程序部署的配置设置. <deployment retail="true|false" /> retail属性:设置一个值,该值指定是否以发布模 ...

  7. 在Autodesk应用程序商店发布基于浏览器的Web应用程序

    你一定已经听说过Autodesk应用程序商店了,通过Autodesk应用程序商店,你可以免费下载或购买来自全球的优秀开发者发布的应用程序,来帮助你更快更方便的完成你的工作.而且作为开发者,您也可以在A ...

  8. web应用程序开发原理

    企业应用计算的演变为1.主机/哑终端的集中计算模式: 2.客户机/服务器计算模式:3.浏览器    /服务器计算模式.其中,1具有部署方面的优势,但在一台计算机中进行全部的处理,应用程序难于维护,难于 ...

  9. web前端程序员真的值这么多钱吗？

    对于互联网公司来说用户就是上帝,做好客户体验一切才有可能.所以互联网公司都会把钱砸向前端,Web前端程序员也越来越受到企业争相聘用. 前端工程师工资也越来越高,目前Web前端工程师工作1~2年后通常会 ...

  10. 基于EasyUI的Web应用程序及过去一年的总结

    前言 在这家公司服务了一年时间,一个多月之前已经提交了离职申请,好在领导都已经批准了,过几天就办理手续了,在此感谢领导的栽培与挽留,感谢各位同事在工作中的给我的帮助,感谢师傅(在我心中当他是我师傅,跟 ...

随机推荐

  1. IDEA学习中的参考资料

    下载安装破解:https://www.cnblogs.com/wang1024/p/7485758.html FIntelliJ-IDEA13基础教程: http://static.runoob.co ...

  2. __getattr__,__getattribute__????

    class Foo(object): def __getattr__(sel,item): print('y') def __getattribute(self,item): print('x') o ...

  3. php socket简单使用

    php的socket编程算是比较难以理解的东西吧,不过,我们只要理解socket几个函数之间的关系,以及它们所扮演的角色,那么理解起来应该不是很难了,在笔者看来,socket编程,其实就是建立一个网络 ...

  4. iview 中 select 值不对

    <Select v-model="formValidate.departmentId" @on-change="selectDepartment"> ...

  5. js之静态方法与实例方法

    静态方法是指不需要声明类的实例就可以使用的方法. 实例方法是指必须要先使用"new"关键字声明一个类的实例, 然后才可以通过此实例访问的方法. function staticCla ...

  6. 【起航计划 027】2015 起航计划 Android APIDemo的魔鬼步伐 26 App->Preferences->Preferences from XML 偏好设置界面

    我们在前面的例子Android ApiDemo示例解析(9):App->Activity->Persistent State 介绍了可以使用Shared Preferences来存储一些状 ...

  7. IDEA中git的配置与使用

    IDEA中git的配置与使用 1.介绍 git是目前非常流行的版本管理管理软件,因其具有分布式特点,越来越受到企业的欢迎.IDEA作为一款优秀的开发软件,其内部也提供了对git的支持. 2.下载并安装 ...

  8. golang 2行代码在基于arm linux的树莓派、orangepi上运行http web服务

    go语言(golang)简化了跨平台交叉编译步骤,支持在windows系统下交叉编译基于arm+linux平台的应用,运行时无需其它依赖库.以下以一个简单的http server为例,先上源码: ** ...

  9. Entity Framework 6事务回滚

    使用EF6你有新的事务处理可以使用类似于: 复制代码 using (var context = new PostEntityContainer()) { using (var dbcxtransact ...

  10. 虚拟内存映射 段分割 vm_area_struct

    http://www.cnblogs.com/huxiao-tee/p/4660352.html linux内核使用vm_area_struct结构来表示一个独立的虚拟内存区域,由于每个不同质的虚拟内 ...