网络编程实训指导书(新编).doc

网络编程综合实训课程实训指导书谢建华 编著系部：_专业：_班级： _学号： _姓名：_江门职业技术学院电子与信息技术系网络编程综合实训实训目录实 训 须 知考 核 要 求实训一 个人信息显示页面一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训二 会员注册系统一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训三 个人信息验证一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训四 将Web页转换为Web用户控件一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训五 学生成绩管理系统一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训六 母版页与导航控件一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训七 修改数据库信息一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训八 实现新闻内容的输入一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训九 完成新闻内容的管理一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训十 分页功能一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实训十一 新闻发布系统一、实训目的二、实训内容与实训要求三、实训总结与反思四、实训成绩实 训 须 知1 实训前，应认真阅读本次实训的全部内容，明确实训目的和实训任务，做好必要的实训准备。2 实训前，应注意收集平时学习生活中的典型模块代码、优秀作品，留作实训中借鉴。3 提前五分钟以上进入实训室，不得迟到。4 实训中充分利用实训的宝贵时间积极思考、注重细节，争取高标准当堂完成实训。5 珍惜实训时间，不开小差、不做与实训无关的事，更不得打游戏、或上网聊天。6 保持实训室安静和清洁卫生，不得大声喧哗；不得在实训室吃东西。7 实训报告以作品文档的形式提交（格式为：姓名+学号）；每次实训的源程序文件必须上交，并且须保存在相应的实训目录中，如实训一的源程序文件须存放在实训一文件夹中。实训一 个人信息显示页面一、实训目的1 使学生了解ASP.NET的服务器控件的基本知识，掌握运用服务器控件进行程序设计的方法。2 掌握常用服务器控件的属性，事件与方法。3 掌握利用VS2005开发Web应用程序的方法。二、实训内容与实训要求1利用控件设计如下图1-1所示的页面视图和效果图。当单击提交按钮时，录入的信息按图中格式显示。利用Text、Radio、Checkbox、TextArea、File、Button、Div和Image等控件设置个人信息页面。当单击提交按钮时，可以将文件上传到服务器端，同时在下方将图片信息显示出来。图1-1 “个人信息表”页面视图和效果图 2利用表格分别列出程序的前台页面代码和程序实现逻辑代码三、实训总结与反思四、主要技术实训二 会员注册系统一、实训目的 掌握常用Web Server控件的事件和属性，并能灵活的选择控件进行程序设计。 掌握“会员注册系统”的实现方法二、实训内容与实训要求我们经常在一些网站上用到会员注册功能，比如下载资源前，加入某论坛等等。会员注册系统在实现中需要使用多种Web Server控件。“会员注册系统”填写会员信息页reg.aspx，运行效果如图2-1所示。图2-1 “会员注册系统”填写基本信息页点击页面上的“填写详细资料”按钮，将显示更多的内容供用户输入，显示效果如图2-2所示。图2-2 “会员注册系统”填写详细资料页点击页面上的“提交注册”按钮，当前页面将填写的数据显示出来，如图2-3所示。图2-3 “会员注册系统”显示信息页点击页面上的“重新填写”按钮，将注册页面里输入的信息清空，显示效果同图2-2的效果相同。 2利用表格分别列出程序的前台页面代码和程序实现逻辑代码三、实训总结与反思html xmlns=/1999/xhtml 会员注册 用 户 名：   密码：   确认密码：   电子邮件：    性别：   学历：   小学 中学 大专 本科           毕业时间：   Width=38px / 所在城市：   锦州 上海 大连 北京 出生日期：            个人爱好：                               个人简介：           会员注册信息如下： 用 户 名：   密码：   电子邮件：   详细资料如下 性别：   学历：   毕业时间:   所在城市：   出生日期：   个人爱好：   个人简介：       后台代码如下Protected Sub Page_Load1(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load Panel1.Visible = False End Sub Protected Sub Btn_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Btn.Click 点击填写详细资料按钮的程序代码 Dim I As Short, J As Short, K As Short Dim Iy As Integer Dim uY As ListItem Dim uM As ListItem Dim uD As ListItem For I = 1 To 20 Uyear.Items.Remove(I) Iy = 1969 + I uY = New ListItem(Iy.ToString & 年) Uyear.Items.Add(uY) Next For J = 1 To 12 Umonth.Items.Remove(J) uM = New ListItem(J.ToString & 月) Umonth.Items.Add(uM) Next For K = 1 To 31 Uday.Items.Remove(K) uD = New ListItem(K.ToString & 日) Uday.Items.Add(uD) Next Panel1.Visible = True Btn.Visible = False PlaceHolder1.Visible = False End Sub Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click 点击按钮显示日历控件的程序代码 Calendar1.Visible = True Panel1.Visible = True Btn.Visible = False PlaceHolder1.Visible = False End Sub Protected Sub Calendar1_SelectionChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles Calendar1.SelectionChanged 点击日历控件的程序代码 Utime.Text = Calendar1.SelectedDate Calendar1.Visible = False Panel1.Visible = True Btn.Visible = False PlaceHolder1.Visible = False End Sub Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click 点击提交注册按钮的程序代码 Panel1.Visible = False Btn.Visible = False PlaceHolder1.Visible = False PlaceHolder2.Visible = True Panel2.Visible = False Panel3.Visible = False Label1.Text = Uname.Text Label2.Text = Upwd.Text Label4.Text = Uemail.Text If girl.Checked Then Label5.Text = girl.Text If boy.Checked Then Label5.Text = boy.Text Label6.Text = Uxueli.SelectedValue Label7.Text = Utime.Text Label8.Text = Ucity.SelectedValue Label9.Text = Uyear.SelectedValue Label9.Text = Label9.Text + Umonth.SelectedValue Label9.Text = Label9.Text + Uday.SelectedValue If Ulove1.Checked Then Label10.Text = Label10.Text + Ulove1.Text If Ulove2.Checked Then Label10.Text = Label10.Text + Ulove2.Text If Ulove3.Checked Then Label10.Text = Label10.Text + Ulove3.Text If Ulove4.Checked Then Label10.Text = Label10.Text + Ulove4.Text Label11.Text = Uintro.Text End Sub Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button3.Click 点击重新填写按钮的程序代码 Panel1.Visible = True Btn.Visible = False PlaceHolder1.Visible = False 点击重新填写按钮，清空控件中填写的内容 Uname.Text = Upwd.Text = Uqrpwd.Text = Uemail.Text = girl.Checked = True boy.Checked = False Utime.Text = Ulove1.Checked = False Ulove2.Checked = False Ulove3.Checked = False Ulove4.Checked = False Uintro.Text = End Sub Protected Sub Button4_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button4.Click 点击返回按钮的程序代码 PlaceHolder2.Visible = False Panel1.Visible = False Btn.Visible = True PlaceHolder1.Visible = True Panel2.Visible = True Panel3.Visible = True End Sub Protected Sub Calendar1_VisibleMonthChanged(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MonthChangedEventArgs) Handles Calendar1.VisibleMonthChanged 点击日历控件的上月 下月按钮的程序代码 Panel1.Visible = True End Sub四、实训成绩（由老师填写）实训表现实训报告实训成绩实训三 个人信息验证一、实训目的程序运行时，对一些输入的数据进行验证是很有必要的，因为不正确的输入很可能会给后续的应用带来麻烦。同学们能了解和掌握验证控件的类型、各验证控件的使用方法，并能运用它们实现网页之间信息传递和状态维护。l 使用RequiredFieldValidator控件l 使用RangeValidator控件l 使用CompareValidator控件l 使用RegularExpressionValidator控件l 使用CustomValidator控件l 使用ValidationSummary控件二、实训内容与实训要求我们在上网时，经常会在网站上进行注册，成为网站的免费会员，在注册时需要对用户输入的信息进行验证，本实例介绍了一种使用验证控件对用户信息验证的方法。1.验证用户输入的用户名，用户名是必填项，第1个字符必须是字母，且只能包含字母、数字和下划线。2.验证用户是否输入了密码，如没有输入则提示必须输入密码。3.验证用户输入的二次密码是否一致，如不一致则提示密码和确认密码必须一致。4.验证用户输入的年龄必须在18到120之间的一个整数，如不是则提示年龄应该在18到120之间。5.验证用户输入的Email格式是否正确，如错误则提示必须输入正确的E-mail地址。6.运行的效果如图3-1所示。设计完成后如图3-2所示。 图3-1 个人信息验证图3-2 验证控件综合实例设计图 2利用表格分别列出程序的前台页面代码和程序实现逻辑代码 用户名   密码 确认密码   年龄    Email   三、实训总结与反思四、实训成绩（由老师填写）实训表现实训报告实训成绩实训四 将Web页