web系统及技术实验报告

《web系统及技术实验报告》由会员分享，可在线阅读，更多相关《web系统及技术实验报告（19页珍藏版）》请在金锄头文库上搜索。

1、090511105 蒋弨 实验二HTML Dom 编程 一、实验目的一、实验目的 1、 掌握 Javascript 脚本编程方法 2、 掌握使用 word,excel 制作 web 系统的报表； 3、掌握常用 HTML dom 对象使用方法。 二、实验内容二、实验内容 1、 制作 Excel 表格，输入web 应用技术课程的学生信息，包括学号、姓名、 班级等，至少录入 10 条记录，保存为 student.xsl。 2、 制作一个页面，把 student.xsl 的文件上传到服务器上，保存在数据库的 student 表中； 3、 制作一个页面 score.html,录入每个学生的 5 次平均成

2、绩； 4、 在页面 score.html 添加两个按钮，分别把成绩信息制作成 word,excel 报表， 格式如下图所示。 三、实验步骤三、实验步骤 1. using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI

3、.HtmlControls; using System.Data.OleDb; using System.Data.SqlClient; using System.Data.SqlTypes; public partial class _Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) 090511105 蒋弨 protected void Button1_Click(object sender, EventArgs e) if (FileUpload1.HasFile) try

4、string path = HttpContext.Current.Request.MapPath(“); FileUpload1.SaveAs(path + FileUpload1.FileName); int size = FileUpload1.PostedFile.ContentLength; string type = FileUpload1.PostedFile.ContentType; Response.Write(“alert(“文件上传成功!“) “); catch (Exception ex) Label1.Text = “发生错误：“ + ex.Message.ToStr

5、ing(); else Response.Write(“alert(“ 必须指定文件!“)“); protected void Button2_Click1(object sender, EventArgs e) stringstrConn=“Provider=Microsoft.Jet.OLEDB.4.0;data source=E:090511101student.xls;Extended Properties=Excel 8.0“; OleDbConnection connxls = new OleDbConnection(strConn); OleDbDataAdapter myDa

6、= new OleDbDataAdapter(“select * from Sheet1$“, connxls); DataSet myDs = new DataSet(); myDa.Fill(myDs); string mySql = “; string sqlConn = “Data Source=111-41SQLSERVER2005;Initial Catalog=student;Integrated Security=True“; SqlConnection con = new SqlConnection(sqlConn); if (con.State.ToString() = “

7、Closed“) con.Open(); 090511105 蒋弨 SqlCommand myCmd = new SqlCommand(); for (int i = 0; i alert(数据已成功导入到数 据库！);“); catch (Exception ex) Response.Write(“ 将 数 据 插 入 数 据 库 时 出 错 “+ ex.Message); if (con.State.ToString() = “Open“) con.Close(); 2.2. JavaScript 代码 function add() var ExcelApp = new ActiveXOb

8、ject(“Excel.Application“); var ExcelSheet = new ActiveXObject(“Excel.Sheet“); ExcelSheet.Application.Visible=true; ExcelSheet.ActiveSheet.Cells(1,1).Value = “This is column A, row 1“; ExcelSheet.SaveAs(“C:TEST1.XLS“); ExcelApp.Quit(); 四、实验小结四、实验小结 通过本次实验掌握了 Javascript 脚本编程方法，使用 word、excel 制作 web 系 统

9、的报表和常用 HTML dom 对象使用方法。 090511105 蒋弨 实验三在 XML 文档中使用 DTD 和 schema 一、实验目的一、实验目的 1、 掌握 XML DTD 的定义方法及其用途; 2、 掌握使用元素、属性、实体和标记声明的基本语法； 3、了解并掌握 XML Schema 的定义方法及其用途； 4、了解并掌握 Schema 的基本结构、数据类型、元素声明和属性声明； 二、实验内容二、实验内容 4、 根据下列要求，编写 student.XML 文档： （1）文档内容要求：08 届（班级（学生信息（学号、姓名、电子邮件、QQ、通 信地址（省份（或州） 、城市、街道、邮政编码

10、） ） ） ） ； （2）要求建立至少 2 个班级，每个班级至少 2 个学生的信息； （3）XML 文档中包含以下技术的使用： a、5 个预定义字符实体的使用； b、CDATA 字符定界符的使用； c、属性的简单使用； d、注释的使用； e、空元素的使用。 相关代码： 0800310101 李建国 247956456 广西 桂林 金鸡路 1 号 541004 0800310102 张红 090511105 蒋弨 247954645 广西 桂林 金鸡路 2 号 541004 0800310201 周敏 12345688 广西 桂林 尧山校区 541004 0800310202 欧阳飞 2

11、47956666 广西 桂林 金鸡路 4 号 541004 2.为 student.XML 文档，编写 DTD 文档,如图 3-1 所示；使得 XML 文档中包含以 下技术的使用： （1）内部一般实体的使用； （2）外部参数实体的使用； （3） 属性声明的使用(如： CDATA 类型、 枚举类型、 ID 类型、 IDREF 类型、 ENTITIS 090511105 蒋弨 类型)。 图 3-1 DTD 文档 3. 为 student.XML 文档，编写 Schema 文档，如图 3-2 所示；使得 Schema 文档 中包含以下技术的使用： （1）简单类型元素的定义与应用； （2）复杂类型元素

12、的定义与应用； （3）属性声明的使用。 图 3-2 Schema 树形图 三、实验步骤三、实验步骤 090511105 蒋弨 1.1. 2.2. 四、实验小结四、实验小结 通过本次实验掌握了 XML DTD 的定义方法及其用途，使用元素、属性、实 体和标记声明的基本语法。了解并掌握 XML Schema 的定义方法及其用途和 Schema 的基本结构、数据类型、元素声明和属性声明。 090511105 蒋弨 实验四 服务器控件 一、实验目的一、实验目的 1、 掌握文件上传方法 2、 掌握常用 HTML 服务器控件 3、掌握常用 A 服务器控件。 4、掌握常用验证控件： 必须字段验证控件 Req

13、uiredFieldValidator 范围验证控件 RangeValidator 正则表达式验证控件 RegularExpressionValidator 自定义验证控件 CustomValidator 验证总结控件 ValidationSummary 二、实验内容二、实验内容 1、 实现文件上传功能，限定只能上传图片（.jpg .gif .bmp .png） ，上传成功 后在页面自动显示上传的图片。 2、 在页面中显示当前时间：格式如：2010 年 4 月 12 日 11 点 58 分 18 秒 星期 一。 3、 在页面中显示动态时间： “) setInterval(“time.inner

14、Text=new Date().toLocaleString()“,1000) / 4、实现通过下拉列表控制图片显示，如图 5、在注册页面使用日历控件： 090511105 蒋弨 6、 使用必须字段验证控件 RequiredFieldValidator 验证用户名字段 7、 使用范围验证控件 RangeValidator 验证文本框的输入是否是一个 1-5 之间 的整数 8、 使用正则表达式验证控件 RegularExpressionValidator 验证用户输入的邮 政编码是否合法 9、使用自定义验证控件验证用户的输入是否是偶数 10、使用验证总结控件 ValidationSummary，

15、完成如下验证 三、实验步骤三、实验步骤 1.1.（ 第 2 题代码） function Year_Month() var now = new Date(); 090511105 蒋弨 var yy = now.getYear(); var mm = now.getMonth() + 1; var cl = ; if (now.getDay() = 0) cl = ; if (now.getDay() = 6) cl = ; return (cl + yy + 年 + mm + 月); function Date_of_Today() var now = new Date(); var cl =

16、 ; if (now.getDay() = 0) cl = ; if (now.getDay() = 6) cl = ; return (cl + now.getDate() + 日); function CurentTime() var now = new Date(); var hh = now.getHours(); var mm = now.getMinutes(); var ss = now.getTime() % 60000; ss = (ss - (ss % 1000) / 1000; var clock = hh + :; if (mm ; if (now.getDay() = 0)