2022年Web程序设计方案指导书.docx

《2022年Web程序设计方案指导书.docx》由会员分享，可在线阅读，更多相关《2022年Web程序设计方案指导书.docx（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Web 程序设计上机指导一、试验目的1二、试验要求1三、试验步骤1一、试验目的2二、试验要求2三、试验步骤3一、试验目的4二、试验要求5一、试验目的5二、试验要求5一、试验目的7二、试验要求7三、试验步骤8一、试验目的11二、试验要求11三、试验步骤12一、试验目的13二、试验要求13三、试验步骤14一、系统功能16试验 1 ASP.NET 基础 1试验 2 C# 程序设计 2试验 3 基本控件的使用 4试验 4 用户界面交互及网页间的数据传递5试验 5 使用 Web 服务器常用控件 7试验 6 状态治理对象的应用 11试验 7 设计数据库应用网站 13试验 8 Web 技术综合应用 16二、

2、系统功能模块分析16三、数据库设计 17试验 1ASP.NET 基础一、试验目的1、 通过本试验明白 HTML 标记语言的基本语法格式2、 明白使用 HTML语言制作静态网页的基本技术3、 把握 HTML 表格的设计方法4、 设计一个同学成果查询的ASP.NET 2.0 网站二、试验要求1、 使用 HTML语言，在 Windows “记事本”程序中编写HTML代码，制作同学成果登记表，要求能在浏览器中正确显示字体、字型、字号等格式；2、 设计一个用于同学成果查询的ASP.NET 2.0 网站；三、试验步骤1、 使用 Windows 记事本程序制作网页1） 编写 HTML代码：启动 Window

3、s 附件中的记事本程序，编写HTML代码2） 储存 HTML文件3） 执行如图 1-1图 1-12、 设计一个用于同学成果查询的ASP.NET 2.0 网站1） 设计要求：假设某学校现在有3 个班级，要求设计一个能在网络中通过IE 浏览器进行各班级同学成果查询的ASP.NET 网站；设计时可采纳 Visual Studio 2005 或记事本为每个班级创建一个独立的静态页面 class1.htm、class2.htm、 class3.htm；站点打开时第一显示列有全部班级名称的导航页default.aspx ，用户通过单击期望查看的班级名称链接，打开对应的班级查询网页；2） 创建 ASP.NE

4、T 网站启动 VS 2005 新建一个 ASP.NET 网站工程，新建 3 个 HTML 页文件： 显 示 各 班 级 学 生 成 绩 列 表 内 容 的 静 态 网 页class1.htm 、 class2.htm 、class3.htm；或者，将事先已通过记事本完成的用于显示各班级同学成果列表内容的静态网页 class1.htm、class2.htm、class3.htm 添加到网站中；可以直接将预备好的静态网页文件复制到网站所在的文件夹，也可在“解决方案资源治理器”窗口中，挑选工程的储存位置后单击鼠标右键，在弹出的快捷菜单中执行“添加现有项”命令，挑选需要添加的文件，单击【添加】按钮；3

5、） 设计 WEB 页面切换到default.aspx 的设计视图，执行布局菜单下的“插入表”命令，在对话框中用户可在可视化界面中设置HTML表格的各种属性，单击【确定】按钮将表格插入到页面当前光标位置4） 设置对象属性分别挑选页面中的3 个超链接控件，在属性窗口中按表设计它们的初始属性；控件HyperLink1 HyperLink3表 1-1 属性设置属性值说明IDlnkClass1、lnkClass2 、lnkClass3控件在程序中使用的名称Text网络 1 班、网络 2 班、网络 3 班空间上显示的文本NavigateUrlclass1.htm、class2.htm、class3.htm

6、单击控件时跳转的目标URLTarget_blank打开新网页时的目标框架5） 编写程序代码6） 测试运行结果试验 2C#程序设计一、试验目的1、 通过上机操作把握结构化设计的基本方法2、 懂得次序结构、挑选结构和循环结构的基本概念3、 把握 if else、 switch 、for 和 while 语句的使用方法4、 通过本试验进一步懂得使用C# 2005 创建 ASP.NET 网站的一般步骤和常用编程技巧二、试验要求注：至少选做2 题；1、 设计一个能运算 1！+2！ +3！ + +n！的程序2、 设计一个商场收费程序3、 为学校生设计一个用于100 以内的加法练习程序；要求见课本P93 习

7、题 16 小题；4、 设计一个循环程序，当用户单击“开头”按钮时，产生8 组 19 之间的随机整数， 假如在某组中已产生了5 个随机数或产生的随机数为6，就开头下一组；要求见课本 P94 习题 17 小题；三、试验步骤图 2-1图 2-21问题分析：可以将问题分为“运算如干项的和”与“运算某数的阶乘”两个层次来理2解，这两个层次分别通过解决问题；设计 WEB 页面：新建一个for 循环来处理；也就是说，可以通过一个for 循环的嵌套来ASP.NET 网站，切换到设计视图；向页面中添加需要说明3文字和 1 个文本框TextBox1 ； 1 个按钮Label1； 设置对象属性Button1 和 1

8、 和用于显示结果的标签控件表 2-1 属性设置4编写大事代码2、 设计商场收费程序1、 设计阶乘和运算程序（如图）控件属性值说明TextBox1IDtxtNum文本框在程序中使用的名称Button1IDbtnOK按钮控件在程序中使用的名称Label1TextID确定lblResult按钮控件上显示的文本标签控件在程序中使用的名称Text空标签控件上显示的文本图 2-3图 2-4要求：1) 如没有输入商品数量，就默认为1.2) 如没有输入商品的编号，直接单击【确定】按钮，就表示统计完毕， 屏幕上显示购物金额、折扣率和应对金额；3) 为了防止因用户误单击【确定】按钮导致结算数据重复显现，在显示了结

9、算数据户，【确定】按钮呈灰色显示；4) 单击【返回】按钮清晰上次购物具体清单及结算数据，将程序复原为初始状态；步骤：1) 问题分析：用户输入“商品编号”及“数量”值后，程序依据预先的 设定进行判定，从而得到相应的“商品名称”、“单价”、运算出小计值并将结果显示到标签控件中；为了得到总购物金额仍需要对小计值进行累加；2) 设计 WEB 页面：新建一个 ASP.NET 网站，切换到设计视图；向页面中添加需要的说明文字和 2 个文本框； 2 个按钮和一个用于显示运算结果的标签控件；3) 设置对象的属性表 2-2 属性设置控件属性值说明TextBox1IDtxtAmount文本框 1 在程序中使用的名

10、称TextBox2IDtxtSerial文本框 2 在程序中使用的名称Button1IDbtnOK按钮 1 控件在程序中使用的名称Text确定按钮 1 控件上显示的文本Button2IDTextbtnBack返回按钮 2 控件在程序中使用的名称按钮 2 控件上显示的文本Label1IDlblBill标签控件在程序中使用的名称Text空标签控件上显示的文本4) 编写大事代码试验 3 基本控件的使用一、试验目的1、熟识在 Microsoft Visual Studio.Net中建立工程的方法；2、把握常用的 Html 服务器控件和 Web服务器控件的主要属性和它们的使用方法；二、试验要求1、设计一

11、个 ASP.NET 工程，实现如下功能：通过一个组合列表框挑选或输入姓名，通过复选框挑选其爱好，然后显示“欢迎你，爱好 * 的* ”的信息；其中 * 代表爱好， * 代表姓名；2、利用 Web 服务器控件及 C#程序完成以下功能：1） 制作一个用户登陆界面2） 验证用户名和密码是否正确，如正确给出欢迎信息，并可以输入留言，否就，给出错误提示；试验 4 用户界面交互及网页间的数据传递一、试验目的（1） 练习 ASP.NET 基本状态治理对象的使用（2） 练习网页间数据传递的方法二、试验要求（ 1）设计一个登录界面，在其中输入登录信息后，在同一页面给出反馈结果；要求使用Request 和 Resp

12、onse对象操作完成；操作界面截图如下：图 4-2图 4-1（2） 设计如下图所示的数据输入界面：图 4-3当用户填写并挑选完相应的信息，并单击“提交”按钮后，在另一界面返回用户输入的信息；如下图：图 4-4试验 5 使用 Web 服务器常用控件一、试验目的通过上机操作进一部懂得常用Web 服务器控件的属性、大事和方法，把握控件在程序设计中的作用及特点；通过本试验把握在程序运行时动态地向页面添加控件的程序设计方法；二、试验要求注：以下题目至少选做2 题；本试验为了防止将程序设计的过于复杂，又兼顾到试验的掩盖面，将试验分为两个独立的部分进行；1） 使用挑选性控件（下拉列表和复选框）设计一个能依据

13、用户挑选查询员工信息的 Web 应用程序；2） 使用向页面中动态添加控件的技术，设计一个简洁的在线测验Web 应用程序；3） 设计一个可以在程序运行中动态更换文本框中字体、字型和字号的网页；页面打开后用户可使用程序供应的单项按钮更换字体（宋体、黑体、楷体、隶书），使用复选框更换字型（粗体、斜体和下划线），使用下拉列表框更换字号（ 8、10、12、14、18、24、 36、48）；文本框中的内容为您的专业、年级、班级、学号和姓名；4） 设计一个用于按班级名称查询课表的网站；用户可以使用页面中的下拉列表框挑选班级名称，进行班级课表查询；5） 使用用户控件设计一个用户注册网页；用户控件公开Usern

14、ame 和 Password 两个属性，分别对应用户控件界面中两个文本框的Text 属性；通过验证时在页面中显示公开属性的值；使用验证控件对用户输入数据进行验证（用户名不能为空、两次密码必需相同），验证失败时，显示出错提示信息；三、试验步骤1. 设计员工信息查询程序程序运行时的界面如图5-1 所示，用户可通过下拉列表框挑选要查询的员工所在的部门，程序能依据用户挑选，自动在“姓名”下拉列表框中添加指定部门的员工姓名；例如挑选了教务处，就姓名下拉列表框中只有教务处员工的姓名；图 5-1用户在挑选了“部门”和“姓名”后，页面中显示该员工的基本信息（姓名，性别和生日），挑选了“住址”，“电话”，“学历

15、”后，依据用户挑选，程序自动将有关信息添加到页面中，如图 6-2 所示图 5-2假如要求“部门”下拉列表框中显示的是“-挑选部门 -”，就“姓名”下拉列表框中只有供选项“ -挑选姓名 - ”，而没有具体的员工姓名数据1) 设计 Web 页面图 5-3 设计 Web 页面2）创建下拉列表框的共享大事为了实现“部门”下拉列表框和“姓名”下拉列表框中的数据联动，需要切换到源视图，创建这两个控件的共享SelectedIndexChanged 大事，这里将共享时间名定义为：drop_SelectedIndexChanged；需 要 注 意 的 是 ， 本 例 中 “ 部 门 ” 下 拉 列 表 框 仍

16、有 自 己 的SelectedIndexChanged 大事的处理程序；也就是说，如“部门”下拉列表框中的选项变化时，将引起两个SelectedIndexChanged 大事；3）设置对象属性控件属性表 5-1 属性设置值说明DropDownList1DropDownList2CheckBoxList1Items“住 址 ”,”电添加初始供选项AutoPostBack话”,”学历 ”true使用自动回发（默认值为false）新建一个 ASP.NET 网站工程，切换到设计视图；按图3-3 所示向页面中添加一个用于布局的HTML表格，适当调整表格的行列数及宽度；向页面中添加必要的说明文字，添加2

17、个下拉列表框控件DropDownList1和DropDownList2 ；添加一个复选框组控件CheckBoxList1和一个容件控件PlaceHolder1 ；适当调整个控件的大小及位置；IDdropUnit部门下拉列表在程序中使用的名称AutoPostBacktrue使用自动回发（默认值为false）Items“-挑选单位-”添加初始供选项IDdropName姓名下拉列表在程序中使用的名称AutoPostBacktrue使用自动回发（默认值为false）ItemsID“-挑选姓名ChklDisplay-”添加初始供选项附加选项复选框在程序使用的名称RepeatDirectionHorizo

18、ntal设置个元素的排列方向4）编写大事代码2. 设计简易在线测试程序如图 5-4 所示，要求在页面打开时显示一组模拟的测试卷，每题均由一个4元素单项按钮组控件 4 个选项，用户可以使用鼠标挑选自己认为正确的答案；全部题目完成后，单击 提交 按钮，页面将显示出答对题的数量，全部答错题目的标题均加一个淡兰色底色，突出显示出来；要求全部题目，分隔线均以动态的方式在程序运行时通过代码添加到页面中；图 5-4 动态添加控件12问题分析设计 Web 页面图 5-5 设计 Web 页面3设置对象属性表 5-2 个控件对象的属性设置4大事过程代码编写试验 6 状态治理对象的应用一、试验目的通过本试验进一步把

19、握Application和 Session 对象的特点和使用方法，懂得Application对象和 Session对象在应用程序中储存用户数据的基本原理；二、试验要求注：至少选做1 题；1. 设计一个简易网上谈天室用户拜访网站时第一打开登录页面（Default.aspx）；在输入了用户名和相应的密码后，进入谈天页面（chat.htm）；页面通过框架分为上下两部分，上方显示谈天文字信息，下方显示一个输入谈天信息的表单，用户在输入了信息后单击 提交 按钮即可将信息发布到上方窗口；当用户进入谈天页面时，屏幕上显示“* 进入谈天室”（* 为用户昵称）的信息；如用户在登录时遗忘输入用户名或密码是弹出出错

20、提示，如图6-2所示；如输入的用户名或密码不正确，弹出出错信息，如图6-3 所示；图 6-1登录谈天室图 6-2 遗忘输入用户名或密码是时的提示图 6-3 用户名或密码出错时的提示2. 设计一个站点计数器图 6-4 谈天页面要求：使用Session对象设计一个站点计数器，将来访人数存放在放在站点内的counter.txt文件中，该数字不会因服务器或网站的重新启动而丢失；程序运行时要将当前会话的 ID 值显示到页面中，留意比较SessionID值的变化；三、试验步骤以简易网上谈天室为例；1. 设计登录页面（ Default.aspx）新建一个ASP.NET 网站，向页面中添加一个用于布局的HTM

21、L表格，向表格中添加必要的说明文字；添加两个文本框TestBox1和 TestBox2 ，添加一个连接按钮控件LinkButton1；适当调整各控件的大小及位置，页面设计成效如图5-1所示 ；2. 设置 Defalt.aspx中控件的属性设置用户名文本框TestBox1 的 ID 属性为 txtUsername ；设置密码文本框的ID 性为 txtPassword， TextMode 属性为 Password（将文本框设为密码框）；设置连接按钮 LinkButton1的 ID 属性为 lbtnLogin， Text 属性为“进入谈天室”；3. 编写 Default.aspx中包含的程序代码4.

22、 添加并配置全局配置文件（Global.aspx）在解决方案资源治理器中，右键单击网站名称，在弹出的快捷菜单中执行“添加命令，然后挑选“全局应用程序类”模板，单击 添加 按钮；5. 添加用于显示谈天信息的页面（main.aspx ）通 过 解 决 方 案 资 料 管 理 器 向 网 站 中 添 加 一 个 新 Web 窗 体 ， 将 其 命 名 为main.aspx ；切换到设计视图，向页面中添加一个用于显示谈天信息的标签控件；将标签的 ID 属性设置为 lblMsg,Text属性设置为空；6. 设置发送谈天信息的页面（send.aspx ）向网站中添加一个新的Web 窗体，向页面中添加一个用

23、于显示用户名的标签控件Label1 ，添加一个用于输入谈天文字的文本框控件TextBox1和一个按钮控件Button1 如图 2 所示；设置标签控件Label1的 ID属性为lblName ， Text属性为空；设置文本框TextBox1 的 ID 属性为 txtMsg ， TextMode 属性为 MultiLine（能显示多行文本）；设置按钮控件 Button1的 ID 属性为 btnSubmit ， Text 属性为“提交”；7. 编写 send.aspx中包含的程序代码8. 设计框架网页chat.htm在 Windows 附件中的“记事本”程序中输入如下HTML代码，并以 chat.h

24、tm为文件名进行储存，设计完毕的网页必需储存到站点文件夹中；试验 7 设计数据库应用网站一、试验目的通过本试验懂得在 ASP.NET 环境中创建 ASP.NET数据库应用网站的方法和常用技巧； 懂得 ADO.NET环境中的应用；把握 Web窗体控件的基本使用方法和常用属性；本试验除应用到了 ADO.NET包含的主要对象和 GirdView 数据表控件外，仍设计了很多 SQL查询语句和通过 ASP.NET 内置对象，在不同页面间传递数据的技巧，这些都是开发 Web数据库应用程序的基本手段，要求在程序中仔细懂得其含义及语句书写格式；二、试验要求在 ASP.NET 环境中创建一个简易的留言板网站；设

25、已创建了一个Access数据库文件msg.mdb，其 中包含有 用于存 放用户留言内容的message 表和存 放用户登 录数据 的userinfo表；在 userinfo表中添加一条初始记录；其中，“密码”字段值为字符串“654321”经MD5 算法加密后得到的密文字符串“C33367701511B4F6020EC61DED35205”9 ；“答案”字 段 值 为 字 符 串 “ 辽 宁 ” 经MD5算 法 加 密 后 得 到 的 密 文 字 符 串“2FF1BF5F2845959D00BCE4799AA79A9”9；程序具体要求如下；1. 用户登录身份验证2. 查看和发表留言3. 新用户注

26、册4. 遗忘密码的处理注：也可以使用 Oracle 、 SQL Server 2000/2005等数据库系统；选做题目 ：课本第 8 章习题 9、10、11、12 题（ P274277）；三、试验步骤1. 用户登陆功能的实现（register.aspx）（ 1）设计 WEB 页面新建一个 APS.NET网站，将预备好的数据库文件复制到系统自动创建的App_Data 文件夹中；向页面中添加一个用于布局的HTML表格；向表格中添加必要的说明文字，添加2 个文本框控件 TextBox1 和 TextBox2 ，添加 3 个按钮控件 Button1Button3；适当调整各控件的大小及位置；（ 2）设

27、置对象属性Default.aspx 页面中的控件初始属性设置如表；表 7-1 属性设置（ 3）编写大事代码第一，在代码窗口最上方命名空间引用区中使用以下代码引入OleDb 命名空间：using System.Data.OleDb ；然后，在此页面装入时执行的大事过程及各控件的触发大事过程中填入代码，具体代码见程序，就不在此详述；2. 查看和发表留言功能的实现（msg.aspx）（ 1）设计 WEB 页面向网站中添加新的WEB窗体，并命名为 msg.aspx ；向页面中添加一个用于布局的HTML 表格；向页面中添加必要的说明文字，添加一个用于显示留言列表的GirdView控件，添加 1 个标签控

28、件 Label1 ，添加 1 个用于填写留言文本的文本框控件TextBox1 和 3 个按钮控件Button1Button3；（ 2）设置对象属性msg.aspx 页面中的控件初始属性值见下表；表 7-2 属性设置（ 3）编写大事代码第一，在代码窗口最上方命名空间引用区中使用以下代码引入OleDb 命名空间：using System.Data.OleDb ；然后，在此页面装入时执行的大事过程及各控件的触发大事过程中填入代码，具体代码见程序；3. 新用户注册功能的实现（ 1）设计 WEB 页面向网站中添加新的WEB 窗体，并命名为register.aspx；向页面中添加一个用于布局的HTML表格

29、；向页面中添加必要的说明文字，添加5 个文本框控件TextBox1TextBox5 ， 添加 1 个链接按钮控件 LinkButton1控件和 2 个按钮控件Button1 、Button2 ；适当调整各控件的大小及位置；（ 2）设置对象属性设置 register.aspx 页面中的控件初始属性值见下表；表 7-3 属性设置（ 3）编写大事代码第一，在代码窗口最上方命名空间引用区中使用以下代码引入OleDb 命名空间：using System.Data.OleDb ；然后，在此页面装入时执行的大事过程及各控件的触发大事过程中填入代码，具体代码见程序；4. 复原遗忘密码功能的实现（recover

30、.aspx）（1） 设计 Web 页面通 过 解 决 方 案 资 源 管 理 器 ， 向 网 站 中 添 加 一 个 新Web 窗 体 并 将 其 命 名 为recover.aspx；切换到设计视图，向页面中添加一个用于布局的HTML表格；向页面中添加 必要的说明文字，添加一个标签控件Label1 ，添加 2 个文本框控件 TextBox1 、TextBox2 和2 个按钮控件Button1 、Button2 ；向表格的最终一行添加一个容器控件Panel1，并向其中添加一个用于布局的HTML表格，向表格中添加“请输入新密码：”“确认新密码：”等说明文字，添加 2 个文本框控件 TextBox3

31、 、TextBox4 ，添加 1 个按钮控件 Button3 ，适当调整各控件的大小及位置；（2） 设置对象属性页面中各控件的初始属性设置如表；表 7-4 属性设置（3） 编写大事代码第一，在代码窗口最上方命名空间引用区中使用以下代码引入OleDb 命名空间：using System.Data.OleDb ；在全部大事过程之外声明一个字符串变量strAnswer 来存放从数据库中读取的问题“答案”；其他具体代码见程序；string strAnswer ；试验 8Web 技术综合应用一、系统功能教务治理系统依据用户身份的不同，将操作划分为超级治理员、一般治理员和同学权限；1、 治理员权限治理员是

32、系统中最高权限的拥有者，可以对同学、班级、课程等工程进行统一的治理；权限如下：同学信息治理、老师信息治理、基本课程治理、班级信息治理、选课治理、同学成果治理和用户治理；2、 同学身份的用户值能利用本系统进行与自己有关的操作，不能浏览或修改其他信息，主要内容如下：治理个人基本信息：如浏览个人信息、修改密码、查询成果等；执行选课操作：同学可利用本系统选修相关课程，在选课过程中可查询供选课的基本信息和老师情形，可浏览截至当前选此课程的人数，也可以利用本系统浏览个人选课情形；二、系统功能模块分析主要功能包括以下三个方面：1、 用户治理，包括对超级治理员、治理员、同学3 种不同身份的识别以及治理；2、

33、基本数据治理，包括对同学、老师、课程、班级、选课、成果等有关基础数据的治理；3、 同学对个人数据的查询及治理，包括修改密码、浏览课程信息、执行选可操作、查询所选课程、查询个人成果等；1、治理员操作模块该模块由 7 个子模块组成，主要负责超级治理员、治理员和同学的身份治理以及系统基础数据的治理；1) 同学信息治理包括对同学信息的浏览、添加、修改和删除；2) 老师信息治理包括对老师信息的浏览、添加、修改和删除；3) 基本课程治理包括对学校基本课程的浏览、添加、修改和删除；可以对所设课程进行老师、学时、学分的设置；4) 班级信息治理包括对班级信息的浏览、添加、修改和删除；5) 选课治理治理员可以依据

34、科课程名称、老师姓名和授课年度等数据查询选修某课程的同学信息；可以依据实际需要从选课名单中删除某个同学；6) 同学成果治理包括对同学成果的浏览和录入，治理员可按课程编号查看，录入或修改选修该课程同学的成果；7) 用户治理一般治理员可以修改自己的密码、超级治理员可执行添加新治理员并治理全部治理员用户的操作，如修改密码、删除用户、添加新治理员等；2、同学操作模块同学只能进入此模块，而无法拜访治理员模块中的内容；该模块共有5 个方面的功能：浏览个人信息、修改密码、查询所选课程、选课操作和成果查询；1) 浏览个人信息同学登陆系统后，可浏览自己的个人基本信息，但是没有修改或删除的权限；2) 修改密码3) 查询所选课程4) 选课操作同学可依据全部供选课类表中显示的数据，挑选最基本年度要修的课程；挑选完成后在查询所选课程模块中能立刻显示出来；5) 成果查询三、数据库设计系统全部数据存放在 Microsoft SQL Server 数据库 Course_Manage 中，其中包括 7 张数据表：用户信息表、同学信息表、老师信息表、班级信息表、课程信息表、同学-课程信息表、老师 -课程信息表；