-小明音乐库管理系统课件02第2章PPT内容-.docx

”小明音乐库管理系统课件02第2章PPT内容”1、小明音乐库管理系统第2章Web界面开发学习目标理解界面设计包括美工和交互两个方面的内容。把握什么是HTML、XHTML以及HTML元素的概念和运用规章。把握HTML文件结构和基本标签，把握列表、图像和表格元素。了解网站发布的原理，理解动态网站的工作原理。把握ASRNET项目的创建和发布。理解HTML表单的概念,把握常用表单输入控件。深刻理解Request和Response对象，把握Request和Response的简洁用法。理解ASP.NET控件的作用，把握Literal控件的使用。2.1编写页面LHTML文件结构2.MPMM首页标题标记段落标记超链接标记符号标记2、水平分隔标记MPMM首页index.html的扫瞄效果3.HTML列表无序列表标记音乐分类页面category.html扫瞄效果摇滚音乐列表页面listrock.html扫瞄效果有序列表标记4.图片标记肯定引用相对引用音乐海阔天空具体资料页面detail_hktk.html扫瞄效果5.HTML表格标准表格合并单元格Colspanrowspan图文混排音乐海阔天空具体资料页面detail_hktk.html扫瞄效果2.2发布网站1.发布原理扫瞄器和服务器之间的网络通信遵守HTTP协议。扫瞄器在展现HTML页面上，不区分从磁盘读取还是通过网络通信来猎取HTML文件。要在网络上发布一个网3、站供用户访问，必需要有一台执行HTTP协议的服务器，这个服务器称为Web服务器。2.发布MPMM网站Windows自带Web服务器，叫做InternetInformationService,简称IISoIIS服务器安装完后,会增加一个Uinetpubroot文件夹，这是IIS默认读取HTML文档的文件夹。将前面编写好的HTML文档复制到这个文件夹中，MPMM网站就发布胜利了。LOCalhOSt和127.0.0.1默认文档在和Web服务器联网的任意一台计算机中打开扫瞄器，输入Web服务器的IP地址或域名(假如有)打开这个页面。这样的网站，其内容不会随着访问者、访问时间发生变化，所以称4、为静态网站。3.动态网站原理当ASP.NET程序完成处理生成结果后，这个结果就和ASP.NET程序没有任何关系了。ASRNET程序不行能去修改已经提交给Web服务器的结果，更不行能修改送回到客户端呈现在扫瞄器中的结果。用户在扫瞄器中和HTML页面进行交互的过程，Web服务器和ASP.NET程序都是一无所知的。此时，Web服务器和ASP.NET程序所能做的就是等待客户端的另一次恳求。像这种每次恳求都是独立的状况，称为无状态的(Stateless),Web服务是典型的无状态服务。4.ASP.NET网站1)新建Web项目选择开发语言:C#选择框架版本：4.5版本选择模板：Web从前版本中的ASP5、.NET空网站”指定项目名称：MPMM选择保存的位置：默认实际保存在默认位置下的MPMM文件夹4.ASP.NET网站2)ASPX页面”添加Web窗体命令添加Default.aspx页面绽开消失Default.aspx.cs文件Defaultaspx可理解为动态生成网页的框架对应CS代码文件负责动态处理这个框架生成最终HTML页面的程序。通常把包含HTML代码的文件称为前台页面文件，把包含对应C#代码的文件称为后台代码文件4.ASP.NET网站3）设计页面控件：控件就是一个对象，具有肯定的属性，可以通过代码操控实现特定的功能。可视控件：会呈现在HTML页面上。ASP.NET将HTML元素6、封装成控件，开发人员可通过代码操控，最终实现HTML页面的动态生成。Lable控件设置Label控件的Font属性操控Label控件的后台代码4.ASP.NET网站4）调试运行内部简化版IIS,支持查看网站运行结果，还支持在代码中设置断点。启动调试按钮（绿色向右的三角小箭头）启动内部Iis将网站文件发布到这个IIS中启动扫瞄器访问这个网站Localhost：51460（随机端口号）MPMM运行效果4.ASP.NET网站5）发布网站解决方案管理器，右键发布Web应用命令配置文件页中选择自定义，配置文件名MPMM发布方法选择文件系统，指定目标位置CJnetpubroo7、t文件夹在HS管理器中，将MPMM网站的应用程序池从DefaUltAPPPOOl修改为ASP.NETv4.00打开扫瞄器，访问localhost其他联网的计算机通过服务器IP地址来访问这个网站。演示：MPMM运行效果2.3实现首页1.首页布局表格布局布局效果差布局不简单理解布局不简单调整。实现图标和标题行对齐，嵌套了另一个表格图片路径ImageS的文件夹源代码使用2行3列的表格实现首页布局2.表单和输入表单：一个包含表单元素的区域表单元素：一些允许用户输入信息的元素标记定义ASRNET页面默认生成一个表单，不要删除。首页表单输入：使用文本框实现关键字的输入提交按钮，表示输入完毕将8、表单信息发送给Web服务器留意将表单元素置于表单标记内部快速查找的活动图2.表单和输入1）文本框和密码框用name属性指定文本框的名称密码输入框将type属性的值设置为password文本区域，可输入多行文本，2）单选按钮和复选框单选按钮代码：同组选项标记name属性值相同的名称，不同选项设置不同的value属性值MaIeFemaIe复选框代码：每个选项独立,设置不同name来区分Ihaveabikelhaveacarvalue属性用来标识选项的，不会呈现在扫瞄器中2.表单和输入3）下拉列表：带有下拉按钮的文本框，单击按钮会弹出一组选项VolvoSaabFiatAu9、di4）按钮：一般按钮、复位按钮和提交按钮单击提交按钮会向Web服务器发出恳求，同时携带表单中输入的内容3.处理输入表单的标记中通过action属性来指定单击按钮后恳求的URLASP.NET程序每个ASPX页面都有对应的程序（页面类）,扫瞄器恳求的URL和表单内容都会提交给ASPX页面的后台对应类publicpartialclass_Default:System.Web.UI.PageASP.NET内置的Page类，绝大部分恳求由Page类负责处理：将全部和恳求有关的内容封装到一个对象中，便于开发人员使用。按规定的挨次调用类中的各个方法，方法被调用的动作通常称为触发大事依据数据融合页10、面代码，生成最终的HTML页面，作为结果返回给Web服务器。开发人员的处理代码主要写在两个地方：PageOado方法中页面控件触发的各种服务器端大事处理方法中Page类依据输入数据分析后来触发的,支配在Page，Oado方法执行之后发生在服务器上不是扫瞄器在大事发生时触发的在哪里编写ASRNET的程序代码，从而在收到恳求时能够得到执行？4.Request输入Request对象:ASP.NET将全部恳求信息封装到Request对象中客户端扫瞄器的名称、版本，Cookie,URL,用户在表单中的输入ASRNET页面的一个属性，在页面类方法中可以直接访问例如：stringkey=R11、equesttbKey;URL查询变量：http:/localhost/Default.aspx?cat=soul访问：ReqUeSt"cat"在代码中如何猎取恳求的数据?”Request输入POST方式和GET方式GET方式直接在扫瞄器的地址栏中输入，在恳求资源的同时就传递了变量和值POST方式只能在表单中输入，用户首先获得一个带有表单的页面，然后在下次向服务器恳求时携带表单中的数据IspostBackASPX页面，表单提交页面和表单所在页面是同一个首次加载页面：用户第一次恳求页面时没有携带表单数据回发(PoStBaCk)加载页面：用户提交表单时的恳求页面类的ISPOStBaCk属性，用12、于区分这两种状况在代码中如何猎取恳求的数据?5.Response输出Response对象Page类的一个属性，在页面类方法中可以直接使用ReSPonSe.Write。方法可以输出HTML代码没有供应橡皮功能没有供应定位功能只能根据挨次写入内容ReSPonSe.Redirect。方法依据音乐资料生成HTML代码源代码ReSPOnSe.End();搜寻结果页面难以掌握输出位置！6.控件输出将各种控件布置到页面中，然后设置控件的内容来精确掌握生成的页面Literal控件快速查找：原样输出HTML代码ReSPonSe.Write。替换成对Lieral控件设置属性的代码:IitSearChReSUIt.Text=sb.ToString();/写入结果实战练习创建个人通讯录ASP.NET网站，仿照MPMM实现首页布局和模拟查找通讯录的功能。然后发布到HS,并正确运行通过。