第3章 主题、用户控件和母版页
- 格式:ppt
- 大小:375.00 KB
- 文档页数:33
第3章Ext Core实例语言实现为了更好地学习和了解Ext Core在实际开发中的应用,本章将通过DIY(do it yourself,自己动手做)一个简单网站的方式,一步一步地讲述如何使用Ext Core。
在开发的过程中还需要使用到LINQ to SQL和Newtonsoft.Json的知识,其中Newtonsoft.Json的相关知识可阅读第5章的相关内容。
在开始讲述本章内容之前,需要感谢Ext Core的一个扩展控件WindowLite的作者何一鸣先生。
WindowLite是在Ext Core基础上构建的一个Window控件,非常实用,大家可以到/blog/374182下载它。
3.1 创建应用并设置开发环境在VS 2008中创建一个名称为"ExtShop"的网站。
在"解决方案资源管理器"的根目录下创建以下目录:App_Code、bin、css、images和js。
建立目录后,将NewTonsoft.Json.dll文件复制到bin目录下,将ext-core.js文件复制到js目录下。
打开web.config文件,在configSections段增加一个名称为"dbConnection"的数据库连接字符串,如下面的代码所示。
<connectionStrings><add name="dbConnection" connectionString="Data Source=192.168.0.254;Initial Catalog=ExtShop;Persist Security Info=True;User ID=sa;password=abcd-1234" providerName="System.Data.SqlClient"/></connectionStrings>代码中的"Source"、"User ID"和"password"对应的值请根据你的数据库环境设置。
《程序设计》复习习题基础一、选择题1、.NET Framework是一种( )。
A、编程语言B、程序运行平台C、操作系统D、数据库管理系统2、用Visual 编写的程序被编译成中间语言(MSIL)后,运行时还要再一次被编译,这种编译被称为( )。
A、CLRB、JITC、GCD、GDI3、运行程序的计算机必须安装 ( )。
A、.NET Framework和IISB、C、C#和D、4、要使程序立即运行需要按( )键。
A、F5B、Ctrl+F5C、F 10D、F11二、判断题1、浏览器只能解释HTML和JavaScript代码,不能解释后台代码。
2、页面的<HEAD>标签是可有可无的,而<BODY>标签是必不可少的。
3、JavaScript脚本在发送到客户端之前,需要将其编译成HTML代码。
三、思考题1、静态网页与动态网页的区别是什么?2、现动态交互式网页的技术与方法是什么?3、微软推出的有什么意义?服务器控件一、选择题1、指定Label控件的边框风格,需要设臵其()属性。
A、BorderColorB、BackColorC、BorderStyleD、BorderWidth2、要将数据源绑定到控件,需要调用控件的()方法。
A、LoadB、DataBindC、DisposeD、GetType3、要掩盖TextBox控件中文本,需要将控件的TextMode属性设臵为()。
A、PasswordB、MultiLineC、SingleLineD、Null4、要使文本框最多输入6个字符,需要将该控件的()属性值设臵为6。
A、MaxLengthB、ColumnsC、RowsD、TabIndex5、要使Button控件不可用,需要将控件的()属性设臵为false。
A、EnabledB、EnableViewStateC、VisibleD、CausesValidation6、DropDownList被选中项的索引号被臵于()属性中。
ASP. NET的皮肤、主题和母版页在Web应用程序开发中,一个良好的Web应用程序界面能够让网站的访问者耳目一新,当用户访问Web 应用时,网站的界面和布局能够提升访问者对网站的兴趣和继续浏览的耐心。
提供了皮肤、主题和模板页的功能增强了网页布局和界面优化的功能,这样即可轻松的实现对网站开发中界面的控制。
12.1皮肤和主题皮肤和主题是自 2.0就包括的内容,使用皮肤和主题,能够将样式和布局信息分解到单独的文件中,让布局代码和页面代码相分离。
主题可以应用到各个站点,当需要更改页面主题时,无需对每个页面进行更改,只需要针对主题代码页进行更改即可。
12.1.1CSS 简介在任何Web应用程序的开发过程中,CSS (Cascading Style Sheets,级联样式表)都是非常重要的页面布局方法,而且CSS也是最高效的页面布局方法。
CSS发展于1994年10月,是为了补救HTML 3.2语法中的不足,但是由于当时网络的发展的不足和浏览器的支持率较低,直到1996年底,才正式发表了CSS 1.0规格,也正是1996年之后,浏览器才开始正式的支持CSS。
在网页布局中,CSS经常被使用于页面样式布局和样式控制。
熟练的使用CSS能够让网页布局更加的方便,在页面维护时,也能够减少工作量。
通常CSS能够支持三种定义方式,一是直接将样式控制放置于单个HTML元素内,称为内联式;二是在网页的head部分定义样式,称为嵌入式;三是以扩展名为. css文件保存样式,称为外联式。
这三种样式适用于不同的场合,内联式适用于对单个标签进行样式控制,这样的好处就在于开发方便,而在维护时,就需要针对每个页面进行修改,非常的不方便;而嵌入式可以控制一个网页的多个样式,当需要对网页样式进行修改时,只需要修改head标签中的style标签即可,不过这样仍然没有让布局代码和页面代码完全分离;而外联式能够将布局代码和页面代码相分离,在维护过程中,能够减少工作量。
《程序设计》复习习题基础一、选择题1、.NET Framework是一种( )。
A、编程语言B、程序运行平台C、操作系统D、数据库管理系统2、用Visual 编写的程序被编译成中间语言(MSIL)后,运行时还要再一次被编译,这种编译被称为( )。
A、CLRB、JITC、GCD、GDI3、运行程序的计算机必须安装 ( )。
A、.NET Framework和IISB、C、C#和D、4、要使程序立即运行需要按( )键。
A、F5B、Ctrl+F5C、F 10D、F11二、判断题1、浏览器只能解释HTML和JavaScript代码,不能解释后台代码。
2、页面的<HEAD>标签是可有可无的,而<BODY>标签是必不可少的。
3、JavaScript脚本在发送到客户端之前,需要将其编译成HTML代码。
三、思考题1、静态网页与动态网页的区别是什么?2、现动态交互式网页的技术与方法是什么?3、微软推出的有什么意义?服务器控件一、选择题1、指定Label控件的边框风格,需要设臵其()属性。
A、BorderColorB、BackColorC、BorderStyleD、BorderWidth2、要将数据源绑定到控件,需要调用控件的()方法。
A、LoadB、DataBindC、DisposeD、GetType3、要掩盖TextBox控件中文本,需要将控件的TextMode属性设臵为()。
A、PasswordB、MultiLineC、SingleLineD、Null4、要使文本框最多输入6个字符,需要将该控件的()属性值设臵为6。
A、MaxLengthB、ColumnsC、RowsD、TabIndex5、要使Button控件不可用,需要将控件的()属性设臵为false。
A、EnabledB、EnableViewStateC、VisibleD、CausesValidation6、DropDownList被选中项的索引号被臵于()属性中。
母版页使用详解收藏母版页是VS2005中新引入的一个概念,它很好地实现界面设计的模块化,并且实现实现了代码的重用。
它就像婚纱影楼中的婚纱模板,同一个婚纱模板可以给不同的新人用,只要把他们的照片贴在已有的婚纱模板就可以形成一张漂亮的婚纱照片,这样可以大大简化婚纱艺术照的设计复杂度。
这里的母版页就像婚纱模板,而内容页面就像两位新人的照片。
在VS2003中没有母版页,要实现这种设计重用的效果,我们只能用“用户控件”来实现,但用户控件没有一种可视化的组合外观,使用起来不太方便。
母版页(扩展名是.master)它的使用跟普通的页面一样,可以可视化的设计,也可以编写后置代码。
与普通页面不一样的是,它可以包含ContentPlaceHolder控件,ContentPlaceHolder控件就是可以显示内容页面的区域。
代码如下:<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>......<form id="form1" runat="server"><div><asp:contentplaceholder id="ContentPlaceHolder1" runat="server"></asp:contentplaceholder></div></form>......注意:1、这里的声明指示符是“<%@ Master...%>”2、其内部包含<asp:contentplaceholder......>控件内容页(扩展名是.aspx)在建立内容页面的时候,在“添加新项”对话框中要选中“选择母版页”复选框。
第三章Web页面第3章的Web页面教学目的:本章简要介绍网页的运行机制,包括页面是如何组织和运行的、页面的往返与处理机制、页面的生命周期和事件;System.Web.UI.Page类具有的一些共同的属性、事件和方法;网页代码隐藏模型;提供的几种基于客户端的状态管理方式;的配置文件Machine.config和Web.config 的配置方法。
3.1 页面管理页面是带“.aspx”文件扩展名的文本文件。
当浏览器客户端请求“.aspx” 资源时,运行库分析目标文件并将其编译为一个.NET框架类。
此类可用于动态处理传入的请求。
页面在第一次访问时进行编译,已编译的类型示例可以在多个请求间重用。
3.1.1 页面代码模式是一个完全面向对象的系统,每个网页都直接或间接地继承自System.Web.UI.Page类。
由于在Page类中已经定义了网页所需要的基本属性、事件和方法,因此只要新网页一生成,就从它的基类中继承了这些成员,因而也就具备了网页的基本功能。
设计者可以在这个基础上再进行开发。
Page类中的成员:(在第5章中详细介绍) Request对象:用于检索从浏览器向服务器发送的请求中的信息。
它提供对当前面请求的访问,包括标题、Cookie、客户端证书、查询字符串等,与HTTP协议的请求消息相对应。
Response对象:用于将数据从服务器发送回浏览器。
它允许将数据作为请求的结果发送到浏览器中,并提供有关响应的信息,还可以用来在页面中输入数据、在页面中跳转,并传递各个页面的参数。
与Request 对象的作用正好相反。
ViewState、Session、Application对象:这些对象用来保持网页的各种状态。
Page类的两个重要属性Page类有许多属性,其中有两个特别重要,它们是IsPostBack属性和IsValid属性。
IsPostBack属性获取一个值,该值指示该页是否正为响应客户端回发(PostBack)而加载,或者是被首次访问而加载。
《设计界面并设置控件的属性》作业设计方案(第一课时)一、作业目标本次作业旨在帮助学生掌握界面设计和控件属性设置的基本方法,能够根据任务需求设计合理的界面,并掌握如何设置控件的基本属性,如大小、位置、颜色等。
二、作业内容1. 布置一个简单的界面设计任务,要求学生在规定时间内完成,包括但不限于标题栏、菜单栏、工具栏等基本界面元素。
2. 针对每个界面元素,要求设置其大小、位置、颜色等属性,使其符合任务需求和美观要求。
3. 提供一个简单的控件示例,如按钮、文本框等,要求学生在自己的界面设计中合理使用并设置其属性。
4. 完成作业后,请提交一份包含设计思路和具体设置过程的文档或图片,以便教师检查和评价。
三、作业要求1. 作业设计应符合课程要求,紧扣教学内容,难度适中。
2. 作业提交形式不限,可以是文档、图片、视频等,但需确保内容清晰、真实。
3. 作业内容应包含对控件属性的合理设置,注重实践操作,避免理论性过强。
4. 完成作业后,请自行检查无误后再提交,避免因错误导致评价不准确。
5. 鼓励创新和个性化设计,但需确保设计质量。
四、作业评价1. 评价标准:作业评价将综合考虑界面设计和控件属性设置的合理性和美观性,以及完成程度和提交质量。
2. 评价方式:教师将对学生的作业进行批改,并结合提交情况进行综合评价。
3. 优秀作业:对于评价较高的作业,将作为优秀作品进行展示和交流,以激励学生的学习热情和积极性。
4. 反馈意见:对于作业中存在的问题和不足,教师将给予反馈和建议,以便学生改进和提高。
五、作业反馈1. 学生应认真对待作业,积极寻求帮助和指导,确保作业质量和完成度。
2. 教师将及时批改作业,并在下次课堂上公布评价结果和反馈意见,以便学生了解自己的优缺点,及时改进和提高。
3. 学生如有疑问或建议,可向教师提出,教师将积极回应和解答。
通过本次作业,学生将能够掌握界面设计和控件属性设置的基本方法,提高实践操作能力和创新意识,为后续学习打下坚实的基础。