动态网页的设计.ppt

/ 45 （三）用户管理页面设计(yhgl.aspx) 该页面(效果见前页图片)具有对user1表进行查询、添加、删除和修改(只允许修改密码和权限)记录等功能。 1、启动，新建Visual Basic项目，模板为ASP.NET Web应用程序，位置为http://localhost，即IIS主目录d:\abc，确定后系统会自动在工作目录下建立一个bin子目录和若干系统文件,并且创建一个名为WebForm1.aspx的Web窗体页面，在右侧的解决方案资源管理器”中右键单击此页面选择“重命名”将其改名为yhgl.aspx ；右键单击此页面选择“将其设为起始页”。 2、 设置数据库连接串 在配置文件Web.config中configuration后面加入如下的内容： appSettings add key=data value=Provider=Microsoft.Jet.OLEDB.4.0;Data Source=/ add key=data1 value=yhgl.mdb/ add key=data2 value=;jet oledb:database password=xxx/ /appSettings 注：加入上面代码能使各页面从配置文件中通过key定义的各键值得到数据库连接串。这里的三个键值data、data1、data2被读到页面后再组合成实际的连接串。 3、为页面添加两个数据集对象 　 在页面窗口左侧“工具箱”的“数据”栏中向页面拖入两个非类型化数据集(DataSet)对象,分别重命名为ds1和ds2。 注：如未显示出“工具箱”或“属性”面板，可在“视图”菜单中进行打开。 4、前台界面设计 　(1) 从左侧工具箱往页面中加入1个DataGrid控件（DataSource属性设为ds1，DataMember属性设为user1, DataKeyField属性为用户名） (2) 加入4个Label控件（Text属性分别为用户数、用户名、密码、权限） (3) 加入2个TextBox控件 (4) 加入1个DropDownList控件（DataSource属性设为ds2，DataMember属性设为qx, DataValueField属性为权限） (5) 加入1个Button控件（Text属性为“添加此记录”）。 (6) 右击DataGrid控件，选择“属性生成器”，在“列”卡片中取消“在运行时自动创建”复选框，为DataGrid控件添加3个模板列（页眉文本分别为用户名、密码、权限）和2个按钮列（“编辑\更新\取消”和“删除”，PushButton类型）。 再对“分页”、“格式”、“边框”三个卡片分别进行相关设置。 * 项目6 动态网页设计 * 项目6 动态网页设计 知识技能目标 了解常用动态网页设计技术 掌握.net页面连接与访问数据库的基本方法 本单元理论授课6学时，上机操作6学时。 掌握ASP及其内置对象的使用 目的 备注 投影仪 教具 2 20 无 难点 ASP常用内置对象的使用 重点 任务1 动态网页技术 课题 课时 课次 任务1 动态网页技术 一、任务分析 张先生的网站除了展示企业形象和宣传产品外，因为还具有简单的商品管理和客户管理的功能，也就是说具有访问后台数据库的能力，实际上是一个动态网站。另外，张先生还要求为他的网站设置一个网站计数器，从而随时掌握网站访问情况。下面我们就为张先生的网站设计添加这些功能。 二、相关知识 （一）动态网页技术简介 　　所谓“动态”，并不是指放在网页中的动画，动态网页应具备以下几个特点： ? 交互性：即网页显示内容会根据用户的要求和选择而动态改变和响应，将网页作为客户端输入界面，这是Web发展的大势所趋。 ? 自动更新：可自动生成相应页面，从而大大节省工作量。 ? 因时因人而变：不同时间、不同人访问时可以产生不同的页面输出。 （二）常用动态网页开发技术 常用动态网页技术有CGI、JSP、ASP / ASP.NET、PHP等，它们的特点如下： 　　1．CGI 　　在早期，动态网页技术主要采用CGI技术，即Common Gateway Interface（公用网关接口）。可以使用不同的语言编写CGI程序，如VB、Delphi或C/C++等。将已经写好的CGI程序放在Web服务器上运行，再将其运行结果通过Web服务器传输到客户端的浏览器上。通过CGI建立前台Web页面与后台脚本程序之间的联系，并且可以利用脚本程序来处理访问者输入的