ASP.NET第一章、Web应用基础
ASP.NET第一章、Web应用基础
1、Web应用程序简介
随着互联网技术的不断发展,各式网络程序开发体系结构应运而生,运用最多的网络应用程序开发体系结构可以分为两种:
1、基于客户端和服务器端的 C/S 结构
C/S 体系结构:Client/Server 的缩写,即客户端 / 服务器端结构
2、基于浏览器和服务器的 B/S 结构
B/S 体系结构:Browser/Server 的缩写,即浏览器 / 服务器结构
Web应用程序的工作原理:
Web 应用程序大致可以分为两种,即静态网站和动态网站。早期的 Web 应用主要是静态页面的浏览,即静态网站 随着互联网技术的发展,更多的内容需根据用户的请求动态生成页面信息,即动态网站。
2、HTTP 协议
URL是什么
URL 是 Uniform ResourceLocator 的缩写,表示统一资源定位器,它是专为标识网络上的资源位置而设定的一种编码地址方式 URL 通常由 4 个部分组成,包括应用层协议、主机 IP 地址或域名、协议端口号以及资源所在的路径和文件名
应用层协议 :// 主机 IP 地址或域名 / 资源所在路径 / 文件名
HTTP 协议(HyperText Transfer Protocol,超级文本传输协议)是关于如何在网络上传输超级文本及 HTML 文档的协议 Web 浏览器通过 URL 与 Web 服务器建立网络连接后,按照 HTTP 协议的规定向 Web 服务器发送请求信息,Web 服务器接收到浏览器的请求后,再按照 HTTP 协议的要求将结果发送给 Web 浏览器。
浏览器发出一个 HTTP 请求,服务器能够返回一个响应,并且通过一个 HTTP 请求只能对应一个响应,每个过程都是独立的 一次完整的请求响应过程 客户端和 Web 服务器建立连接 客户端发送 HTTP 请求 服务器端接受客户端的请求,生成 HTTP 响应并发送给客户端 服务器端关闭连接。客户端接收服务器端的响应,恢复页面 。
HTTP 请求常用两种请求方式
GET 请求方式:GET 为表单的默认提交方式
POST 请求方式:客户程序可通过此方式发送大量信息给服务器
GET 和 POST 的请求方式的区别 GET请求方式仅能传送文本给服务器;
POST请求方式可以传送二进制数据如音频、视频等 GET请求方式提交的数据会暴露在地址栏,不安全;POST请求方式提交的数据则不会暴露在地址栏,安全性高 GET请求方式提交的数据不能超过 2KB,POST请求方式则无此限制 表单通过method属性来指定使用哪种请求方式,默认为GET请求方式
3、ASP.NET简介及 Web Forms的创建
选择创建【Web窗体】
站点结构分析:
.aspx 是 Web Forms 窗体页面的后缀
App_Data文件夹是 ASP.NET提供程序存储自身数据的默认位置
App_Start 文件夹是应用程序静态配置文件
Content 文件夹用于存放样式表等资源文件
fonts 文件夹用于存放项目中需要使用到的字体
Scripts 文件夹用于存放站点所用到的 JavaScript 脚本文件
Default.aspx 是项目默认首页,也可以使用 Index.aspx 代替
默认代码对照:
<%@Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
【page】指令
【AutoEventWireup】是否启用页面自动事件回传
【CodeFile】页面对应类文件
【Inherits】页面对应类的类名
在浏览器中运行 ASP.NET 页面 Visual Studio2017通过启动 IIS Express(简易版的 Internet 信息服务器)来运行站点程序,在浏览器中即可看到 Default.aspx 页面的执行结果。
4、Web Forms 基本控件
ASP.NET 沿用Windows Forms编程中的事件驱动概念,使用类似于Windows Forms中的控件,其属性和事件也与Windows Forms中控件的属性方法类似
使用 Label、TextBox 和 Button 3 种控件实现页面数据的输入和显示功能
在 Visual Studio 2017 中创建一个空的 Web 应用程序
在该程序中新建一个 Web 窗体页面,并且取名为 Login
切换回“设计”视图,并展开工具箱
1、利用get和post进行两个页面之间的传值
get/post直接修改method即可
<form id="form1" runat="server" method="get">
<div>
<asp:TextBox runat="server" ID="userName" placeholder="请输入账号"></asp:TextBox>
<asp:TextBox runat="server" ID="pwd" placeholder="请输入密码"></asp:TextBox>
<asp:Button runat="server" OnClick="Unnamed_Click" Text="登录"/>
</div>
</form>
2、制作母版页
<form id="form1" runat="server" method="get">
<div>
<asp:TextBox runat="server" ID="userName" placeholder="请输入账号"></asp:TextBox>
<asp:RequiredFieldValidator runat="server" ID="ReqUserName" ControlToValidate="userName" ErrorMessage="不能为空" ForeColor="Red"></asp:RequiredFieldValidator>
<asp:TextBox runat="server" ID="pwd" placeholder="请输入密码"></asp:TextBox>
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" ControlToValidate="userName" ErrorMessage="不能为空" ForeColor="Red"></asp:RequiredFieldValidator>
<asp:Button runat="server" OnClick="Unnamed_Click" Text="登录"/>
</div>
</form>
- 点赞
- 收藏
- 关注作者
评论(0)