实验四综合应用服务器控件.doc

实验四：综合应用服务器控件 建立一个注册网页： 页面建立步骤： 1、每一行建立两对div（也可以使用表格）,以方便控制一行的文字与控件的对齐。Div设置如下图： 2、并分别从[工具栏]拖入相应的控件放入相应行中，其中各选择或输入控件为： 学号、姓名、籍贯、入学时间、毕业时间：用文本框控件； 性别：单选按钮； 出生日期：文本框、命令按钮(将其Text设为“...”)、日期控件Calendar(将visible设为False)； 政治下面貌、年级、学院、班级、系：下拉列表框控件； 特长：用复选按钮； 个人照片：使用文件上传按钮； 有一个文效果如下图： 3、分别给性别的单选按钮、政治面貌、特长的复选按钮设置上值： （1）性别：单选按钮 （2）政治面貌的下拉按钮： （3）特长的复选按钮： 其他同类按钮一样设置。年级： 2008级至2012级；班级：1班至8班 4、设置图像按钮的图像和各按钮文字，如图[提交]、[重置]按钮： 5、对各控件进行规范命名： 学号：txtSno； 姓名：txtSname； 性别：rablistSex； 出生日期：（文本框）txtBirthday、（按钮）btnBirthday、（日期calendar控件）cldBirthday； 籍贯：txtParentAddress； 政治面目：ddlPolity； 年级：ddlGrade； 学院：ddlInstitute； 系：ddlDept； 班：ddlClass； 入学时间：txtStuIn； 毕业时间：txtStuOut； 特长：ckbGoodat 个人照片：fuPhotos； 提交：btnSubmit； 取消：btnCancel 编写代码： 引入命名空间，并获取服务器连接字符串： 在窗体首次打开时，初始化[学院]、[系]下拉框控件中的值：在窗体的Page_Load()事件中编程。 单击[出生日期]按钮时，自动弹出时间选择控件： 选择完[出生日期]时间后，将选择的时间显示在文本框中，并自动隐藏时间选择控件： 选择[学院]下拉框时自动更新[系]下拉框中的项目选项： 获取[注册页面]中录入的值，并提交到数据库中，编写[提交]单击事件： （1）定义局部变量，并判断学号和姓名是否为空： （2）获取网页中录入的学号、姓名、性别、特长等信息： （3）从客户端上传照片，保存到服务器指定目录中，同时获取将服务器中的照片相对路径，以便后面保存到数据库中。 （4）将注册信息提交到数据库。 7、[返回]按钮，返回到首页： 三、完善下面的[登录页面]，实现[学生]角色登录功能：（实验三-2已做过，这里使用类的session传递用户信息） 1、建立实体层类库: (1)单击解决方案的右键菜单|[添加]|[新建项目]： （2）选择如下的类库，并命名为model类库名 如下图，建立了一个实体层model类库文件: (3)修改实体层的默认命名空间：单击实体层model的右键的[属性]菜单，弹出如下窗口，修改为方便标识的命名空间名：showExercise.model。 2、在实体层model中添加一个userImfo类. （可用代码生成器直接生成：请安装[实验四]的“三层架构类生成器”文件的生成器软件，再连接数据库生成后，COPY相应tb1_StuInfo表的model类） 3、编写登录网页的[学生]角色的登录代码： （1）在web项目中引用model类： （2）在登录网页代码中加入model的命名空间： （3）编写[登录]按钮的click事件，完成对学生角色登录的代码（注意，这里使用了session传送类实例）： 四、添加一个浏览用户信息的网页currentUserInfo.aspx。 1、网页界面如图： 个人照片：image图像控件 2、网页的Page_Load事件代码为： 五、首页default.aspx设置与编程： 1、中添加一个[注册]超链接，并设置超链接地址为:前面建立好的注册网页名。 2、首页添加一个超链接命令按钮[退出]： 编写[退出]按钮的单击事件： 3、修改default.aspx导航菜单项及超链接。 六、测试网页，以default.aspx为起始页，按F5，测试以上网页和按钮。 七、修改default.aspx 页[学生爱好]网页的访问权限，使得学生角色登录也有权限访问（上课已演示）。 七、学生自己设计：重新制作用户个人信息页，使得用户信息页具有：浏览个人资料、修改个人资料的功能。