提高型实验报告封面模板.doc

黄冈师范学院提高型实验报告实验课题： 新闻发布系统的制作 实验类型：综合性 设计性 应用性专业名称： 教育技术学 实验课程： 教育网站设计与开发 实验时间： 2010.102010.12 实验班级： 0802 学生姓名 : 刘应会 主题选择：因为我自己比较喜欢Photoshop,所以这次的网站我选择的题材是关于Photoshop的总共有六个页面，包括主页面（chklogin）、注册页面（reg）、登陆页面（login）、还有三个二级页面Photoshop之色彩搭配（secai）、Photoshop滤镜制作绚丽的圆环（jiaocheng）、Photoshop之特殊效果欣赏。主页面上可以链接到注册、登陆或者是其它二级页面，可以上传资料，还可以下载Photoshop制作的源文件。整个网页的背景是我首先在PS里弄好的。实验步骤：启动VS软件，新建一个网站，命名为“ASP实验”。新建一个Web窗体，打开设计页面，将设计页面命名为reg.aspx.（注册页面）。建立的网站全部保全。并在网站里新建“download”、“image”、“ps”等文件夹，将准备好的素材分别放入到相关的文件夹里。注册页面的设计：（1）在注册页面空白处单击右键刷新，此时会出现属性栏窗口，在background一栏里选择准备好的“222.jpg”的注册页面的背景图片。（2）在页面中加入五个 TextBox 控件，分别修改其 ID 属性为 txtUname、txtPwd1、 txtPwd2、txtName、txtTel，Text 属性为空值，分别用来输入用户注册的用户名、密码、 密码输入确认、用户姓名和电话号码信息。将 txtPwd1、txtPwd2 的 TextMode 属性设置为 Password。 （3）在页面中加入一个LinkButton 控件，修改其 ID 属性为 lbtnJc，Text属性为“用 户检测”。 （4）加入一个 Button 控件，修改其 ID 属性为btnZc，Text 属性为注册；再加入 一个 Input（ReSet）类型的 HTML 控件，修改其value 属性为“重置”。 （5）在页面中加入 3 个 RequiredFieldValidator 验证控件、1 个 CustomValidator 验 证控件、3 个 RegularExpressionValidator 验证控件、1 个 CompareValidator 验证控件， 并按下表修改其相关属性。控件类型控件ID属性属性值RequiredFieldVali datorRequiredFieldVali Dator1ControlToValidatetxtUnameErrorMessage*必填信息RequiredFieldVali Dator2ControlToValidatetxtPwd1ErrorMessage*必填信息RequiredFieldVali Dator3ControlToValidatetxtPwd2ErrorMessage*必填信息CustomValidatorCustomValidator1ControlToValidatetxtUnameErrorMessage*用户名已存在CompareValidatorCompareValidator1ControlToValidatetxtPwd2ControlToComparetxtPwd1ErrorMessage*两次密码输入不一致RegularExpression ValidatorRegularExpressionVali dator1ControlToValidatetxtPwd1ErrorMessage*密码长度为6-12位ValidationExpression.6,12RegularExpressionVali Dator2ControlToValidatetxtPwd2ErrorMessage*密码长度为6-12位ValidationExpression.6,12RegularExpressionVali Dator3ControlToValidatetxtTelErrorMessage*电话号码格式不正确ValidationExpression选择中华人民共和国电 话号码（6）利用表格进行布局。效果如图所示：（7）选择注册按钮并双击，为其添加事件过程 btnZc_Click。在 reg.aspx.cs 中添加 引用 using System.Data.OleDb，并编写以下程序： private void addUser()/添加一个新用户 string password, sqlstr; password = System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(txtPwd1.Text, MD5); sqlstr = insert into userinfo(uname,upwd,rname,tel)values( + txtUname.Text.Trim() + , + password + , + txtName.Text + , + txtTel.Text + ); /连接并打开ACCESS数据库 string dbname = Server.MapPath(App_Data/userinfo.mdb); string strConnection = Provider=Microsoft.Jet.OleDb.4.0; Data Source= + dbname + ; OleDbConnection con = new OleDbConnection(strConnection); con.Open(); /执行操作 OleDbCommand cmd = new OleDbCommand(sqlstr, con); cmd.ExecuteNonQuery(); /关闭数据库 con.Close(); protected void btnZc_Click(object sender, EventArgs e) if (Page.IsValid) try addUser(); Response.Write(注册成功！); txtUname.Text = ; txtPwd1.Text = ; txtPwd2.Text = ; txtTel.Text = ; txtName.Text = ; catch (Exception ex) Response.Write(注册失败！ + ex.Message); （8）选择 LinkButton 控件并双击，为其添加事件过程 lbtnJc_Click，并编写以下程 序，用来检测用户是否已经存在： protected void lbtnJc_Click(object sender, EventArgs e) string sqlstr = select * from userinfo where uname= + txtUname.Text.Trim() + ; /连接并打开ACCESS数据库 string dbname = Server.MapPath(App_Data/userinfo.mdb); string strConnection = Provider=Microsoft.Jet.OleDb.4.0; Data Source= + dbname + ; OleDbConnection con = new OleDbConnection(strConnection); con.Open(); /执行操作 OleDbCommand cmd = new OleDbCommand(sqlstr, con); if (cmd.ExecuteScalar() = null) CustomValidator1.IsValid = true; else CustomValidator1.IsValid = false; /关闭数据库 con.Close(); （9）保存并测试运行，观察效果。登陆界面的设计（1）创建 2 个 web 窗体 login.aspx（登陆页面）、chklogin.aspx（主页面），在login.aspx中导入“登陆界面.jpg”作为背景模板，在chklogin.aspx中导入“网页模版.jpg”作为背景模板，在页面 login.aspx 中加入 2 个 TextBox 控件 、 2 个 RequiredFieldValidator 验证控件 、 1 个RegularExpressionValidator验证控件、2 个 Button 控件，并按下表修改其相关属性。控件类型控件ID属性属性值RequiredFieldVali datorRequiredFieldVali Dator1ControlToValidatetxtUnameErrorMessage*必填信息RequiredFieldVali Dator2ControlToValidatetxtPwd1ErrorMessage*必填信息RegularExpression ValidatorRegularExpression Validator1ControlToValidatetxtPwd1ErrorMessage*密码长度为6-12位ValidationExpression.6,12TextBoxtxtUnameWidth150pxxtPwd1Width150pxTextModePasswordButtonbtnLoginText登录btnRegText注册（2）利用表格进行布局，如图所示：（3）选择登录按钮并双击，为其添加事件过程 btnLogin_Click。在 login.aspx.cs中 添加引用 using System.Data.OleDb，并编写以下程序： protected void btnLogin_Click(object sender, EventArgs e) string password, sqlstr; password = System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(txtPwd1.Text, MD5); sqlstr=select * from userinfo where uname= + txtUname.Text.Trim() + and upwd=+ password +;/连接并打开ACCESS数据库 string dbname = Server.MapPath(App_Data/userinfo.mdb); string strConnection = Provider=Microsoft.Jet.OleDb.4.0; Data Source= + dbname + ; OleDbConnection con = new OleDbConnection(strConnection); con.Open(); /执行操作 OleDbCommand cmd = new OleDbCommand(sqlstr, con); try if (cmd.ExecuteScalar() != null)/登录成功 /Response.Write(登录成功！); string js = alert(登录成功，即将转到引导页面！ );window.location.replace(chklogin.aspx); HttpContext.Current.Response.Write(js); else/登录失败 /Response.Write(登录失败！); string js = alert(登录失败！用户名或密码错误！ ); HttpContext.Current.Response.Write(js); /关闭数据库 con.Close(); catch(Exception ex) Response.Write(ex); （5）选择注册按钮并双击，为其添加事件过程 btnReg_Click。在 login.aspx.cs 中编 写以下程序： protected void btnReg_Click(object sender, EventArgs e) Response.Redirect(reg.aspx); （6）保存网站，测试运行。设计主页面（1）在chklogin.aspx中，在页面中添加 6个 TextBox 控件，分别用来表示文件名称、文件大小、文件简介、 作者、地址 1、下载地址 1 的信息；1 个 RequiredFieldValidator 控件，1 个 FileUpload 控件，1 个 CheckBox 控件，2 个 Button 控件，1 个 Label 控件，将其基本属性设置为如表 所示。控件类型控件ID属性属性值TextBoxTxtsnameMaxLength50Width250pxtxtsbigTextKWidth120pxtxtsinfoTextModeMultiLineWidth500pxtxtauthorWidth290 pxtxtsadd1Width300 pxTextaddinfo1Text下载地址1Width230pxRequiredFieldVali datorRequiredFieldVali Dator1ControlToValidatetxtsnameErrorMessage*必填信息FileUploadFileUpload1CheckBoxChks1Text本地下载ButtonBtnupText上传资源OnClickBtnup_ClickBtnenterText提交OnClickBtnenter_ClickLabellblmyWidth50px(2) 利用表格进行布局,如图所示：（3）将准备好的数据库复制到data文件夹中，打开代码设计器窗口 chklogin.aspx.cs ， 在页面上端加入引用 using System.Data.OleDb。在 downAdd.aspx 页面中选择“上传资源”按钮并双击，为该按钮添加 事件过程 Btnup_Click，并打开代码设计器窗口chklogin.aspx.cs，编写以下程序，实现文件 的上传： protected void Btnup_Click(object sender, EventArgs e) try string filename = FileUpload1.FileName; string shz = filename.Substring(filename.LastIndexOf(.) + 1); System.Random rd = new System.Random(); string afilename = System.DateTime.Now.ToString(yyyyMMdd) + rd.Next(10000) + . + shz; if (shz = swf | shz = SWF) FileUpload1.PostedFile.SaveAs(Server.MapPath(uploadfolder) + flash + afilename); string sn = uploadfolderflash + afilename; upload(sn); else if (shz = jpg | shz = JPG | shz = bmp | shz = BMP | shz = gif | shz = GIF) FileUpload1.PostedFile.SaveAs(Server.MapPath(uploadfolder) + images + afilename); string sn = uploadfolderimages + afilename; upload(sn); else if (shz = wmv | shz = WMV | shz = wma | shz = WMA) FileUpload1.PostedFile.SaveAs(Server.MapPath(uploadfolder) + media + afilename); string sn = uploadfoldermedia + afilename; upload(sn); else if (shz = ppt | shz = PPT) FileUpload1.PostedFile.SaveAs(Server.MapPath(uploadfolder) + ppt + afilename); string sn = uploadfolderppt + afilename; upload(sn); else FileUpload1.PostedFile.SaveAs(Server.MapPath(uploadfolder) + otherfile + afilename); string sn = uploadfolderotherfile + afilename; upload(sn); catch (Exception ex) this.lblmy.Text = 文件上传失败！; Response.Write(ex.Message); protected void upload(string sn) /文件信息处理 float sbig = this.FileUpload1.PostedFile.ContentLength / 1024; this.lblmy.Text = ; if (this.txtsadd1.Text = ) if (sbig = 1000) sbig = sbig / 1024; this.txtsbig.Text = sbig.ToString(