1、第十章 Web应用程序开发实例,第十章 Web应用程序开发实例,【教学目标】本章主要让学生体验如何综合运用前面几个章节所学的知识去开发一个实用性网站，主要达到如下目标：1学会系统分析的方法，掌握如何来分析系统的功能与业务流程。2学会数据库的设计方法，掌握如何来设计数据表单。 3学会面向对象的方法和模块化的页面设计方法。 4熟练掌握常用Web控件的使用以及C#语言的编程。 5掌握第三方控件以及AJAX技术的运用。,10.1 系统功能设计,本范例是一个毕业生就业系统。毕业生通过网站进行注册，然后创建个人简历，即可寻找自己中意的岗位，进行网上简历投递。应聘单位也可以使用该系统，进行注册，然后发布岗位
2、信息。并对接收的简历进行筛选，对满意的毕业生发送面试通知。,10.1.2系统主要流程,学生求职流程,10.1.2系统主要流程,企业招聘流程,10.1.3系统页面介绍,campus文件夹,10.1.3系统页面介绍,C2C根目录,10.2 系统数据库设计,数据字典 syddm生源地代码 tbl_xldm 学历代码 tbl_zwlbdm 职位类别代码 tbl_mzdm民族代码 tbl_zzmmdm 政治面貌代码 学生求职相关数据库 G_syxx 学生基本信息表 S_ContactType 联系方式 G_Resume 学生简历信息表 G_Job 简历投递情况管理 G_JobSave 岗位收藏管理 企业
3、招聘相关数据库 C_Job 职位信息表 C_JobKind 职位类别 S_JobCharacter 职位类型 S_JobPay 岗位薪金 S_Degree 学位类别表 S_LanguageLevel 外语等级 C_CompanyInfo 企业信息表 C_CompField 公司所属类别,10.3 公共类设计,数据库操作类CAccess CAccess类主要实现数据库的连接、查询、以及SQL语句的执行。使用此类，可以大大简化数据库操作的代码。统一数据的连接以及操作，提高系统的复用性和移植性。 修改Web.config文件 由于在类CAccess中连接数据库的方法，要求连接字符串必须写在Web.c
4、onfig文件中。为此，需要对Web.config文件的内容进行修改，在下添加如下信息：该节点存放了数据库连接对象，Data Source指定数据库服务器，值为数据器的名称或者IP地址。如果本地服务器为“.”或者“localhost”，database指定数据库的名称，UID与Password对应数据库访问的账户名称和地址。,10.3 公共类设计,public class CAccesspublic static string ConnString=ConfigurationSettings.AppSettings“sqlConnString“;/ / 根据给定的SQL语句，生成并返回相应的D
5、ataSet/ / 给定的SQL语句/ SQL语句对应的DataSetpublic static DataSet CreateDataSet(String strSQL) trySqlDataAdapter objCmd = new SqlDataAdapter(strSQL, ConnString);DataSet ds = new DataSet();objCmd.Fill(ds);return ds; catch (Exception e)CFun.JsAlerT(e.Message.ToString();return null;,10.3 公共类设计,public static boo
6、l dosql(string strsql)trySqlConnection sqlconn = new SqlConnection(ConnString);SqlCommand cmdTable = new SqlCommand(strsql, sqlconn);cmdTable.CommandType = CommandType.Text;sqlconn.Open();cmdTable.ExecuteNonQuery();sqlconn.Close();catch (Exception e)CFun.JsAlerT(e.Message.ToString();return false;ret
7、urn true;,10.3 其它类设计,公共函数类CFunction 学生类CStudent 企业类Ccompany,10.4 学生求职子系统网页与程序设计,单击“开始”“程序”“Microsoft Visudio.NET 2005”菜单，启动Microsoft Visudio.NET 2005。 在Visual Studio.Net开发环境中，单击“文件”“新建”“网站”菜单。在出现的“新建网站”对话框的“模板”中选择“ASP.Net网站”项；在“位置”框中，选择“文件系统”，在后面的路径中将“WebSite1”修改成“C2C”（你也可以修改前面的路径，将网站保存在其他位置），单击“确定”
8、按钮。以下涉及的文件都建立在该项目中。 在“解决方案资源管理器”下的C2C节点下右击，在弹出的菜单中选择“新建文件夹”，此时C2C根节点下会新生成一个“新文件夹1”的节点，将其重命名为“campus”。该小节中有关学生求职的页面都存放在该文件夹下。,10.4 学生求职子系统网页与程序设计,10.4 学生求职子系统网页与程序设计,为了让提示框变得美观些，我们可以设置Label1，Label2的“BackColor”值为“#C0FFFF”,“BorderWith”的值为“1px” ,“ForeColor”的值为“Teal”；将验证控件的“BackColor”值为“#FFC0C0”,“BorderW
9、ith”的值为“1px” ,“ForeColor”的值为“Red”。 在StuReg.aspx的“设计”视图下，双击空白处，进入对应的代码文件StuReg.aspx.cs编辑状态，在该文件头部添加以下引用： using System.Data.SqlClient; 在StuReg类的起始部分添加以下成员： 图 10.7 学生注册,10.4 学生求职子系统网页与程序设计,登陆页面的设计,表 10.2 StuReg.aspx控件属性设置,10.4求职系统框架的设计,学生求职子系统中，所有页面采用统一的架构如图10.9所示，其中Top.ascx、Menu.aspx、Left_版块名.ascx、Bot
10、tom.ascx全部采用“Web用户控件”来实现，以便于设计与维护。Top.ascx作为网页的头部，主要用户网站的Logo等信息；Menu.aspx用于版块之间的导航；Left_版块名.ascx用于各版块内页面的导航; Bottom.ascx是网站的底部信息；各个页面的具体设计放在中部右侧。,10.4求职系统框架的设计,图 10.9 页面架构设计,10.4求职系统框架的设计,Top用户控件的设计版块导航条的设计,10.4求职系统框架的设计,Bottom用户控件的设计 以下步骤完成Bottom用户控件的设计，具体步骤如下： 在campus节点下添加Bottom.ascx用户控件。 在Bottom
11、.ascx的“设计”视图里面，拖入一个4行的“Table”, 将其width属性设为“1000px”，border属性设为“0”；将第一行的Color属性设为“#ff0000”按图10.12所示，调整行列宽度，插入相应的文字和图片即可。 图 10.12 Bottom.ascx设计,10.4求职系统框架的设计,Left导航控件的设计,10.4求职系统框架的设计,页面整体框架搭建举例 在campus节点下添加changepassword.aspx新窗体。 在changepassword.aspx的“设计”视图里面，拖入一个4行的“Table”, 将其width属性设为“1000px”，border
12、属性设为“0”； 图 10.14 changepassword.aspx框架设计 按图10.14所示，在campus节点下找到“Top.ascx”节点，按住鼠标左键不动，将起拖动到Table的第一行中，然后送开鼠标左键。 将Table的第三行拆分成两列，将其中第一列的width属性设为“170px”。按步骤3所示的方法，将left_personinfo.ascx用户控件拖动到该列。 使用步骤3方法，将Menu.ascx与Bottom.ascx用户控件分别拖动到第二行和第四行。,10.4求职系统框架的设计,个人信息版块,图 10.15 changepassword.aspx框架设计（一） 图 1
13、0.16 Calendar界面,10.4求职系统框架的设计,个人信息版块,图 10.17 changepassword.aspx框架设计（二）,10.4求职系统框架的设计,简历管理版块,左侧导航控件的设计 左侧导航模块主要是实现版块页面的导航，设计的具体步骤如下：,在campus节点下添加left_resume.ascx用户控件。 按图10.21所示，添加两个超连接“简历管理”和“创建简历”分别指向resumemanage.aspx与createnewresume.aspx，具体步骤参看1022.2第4点。,图 10.21 left_ resume.ascx设计,10.4求职系统框架的设计,简
14、历创建页面的设计 以下步骤完成简历创建的界面及功能的设计与实现，具体步骤如下： campus节点下添加Resume文件夹，然后在Resume文件夹下添加新Web窗体createnewresume.aspx；按10.2.2中5所示搭建好整个页面的框架。按图10.22所示设计好页面。添加TextBox控件，修改ID为“tbxRName”；添加Button控件，修改ID为“btnCreate”，Text属性为“创建”。,10.4求职系统框架的设计,职位搜索版块,左侧导航控件的设计 左侧导航模块主要是实现版块页面的导航，设计的具体步骤如下：,在campus节点下添加left_searchjob.asc
15、x用户控件。 按图10.23所示，添加两个超连接“职位搜索”和“职位收藏”分别指向searchjobspeedy.aspx与favorite.aspx，具体步骤参看1022.2第4点。,图 10.23 left_searchjob.ascx设计,10.4求职系统框架的设计,职位搜索页面的设计,表 10.5 searchjobspeedy.aspx控件属性设置,10.4求职系统框架的设计,职位搜索结果页面的设计,10.4求职系统框架的设计,退出页面 在campus下添加exit.aspx窗体文件，然后在起page_load事件下，添加如下代码： protected void Page_Load(
16、object sender, EventArgs e) System.Web.HttpContext.Current.Session.Clear(); System.Web.HttpContext.Current.Response.Write(“location.href=/index.aspx;“);System.Web.HttpContext.Current.Response.End(); ,10.5 企业招聘子系统网页与程序设计,10.5 企业招聘子系统网页与程序设计,注册与登陆页面,企业注册页面的设计与功能，基本学生注册一致。我们先在Company节点下面创建一个ComReg1.asp
17、x窗体文件。按10.2.1节所介绍的，来设计界面。最后“注册”按钮的Click事件代码如下：protected void BT_Reg_Click(object sender, ImageClickEventArgs e)CCompany mCompany = new CCompany();if (mCompany.IsExitByEmail(TB_Email.Text.Trim() = true)CFun.JsAlerT(“对不起,您的邮箱已经存在,请重新输入!“);return; if (mCompany.IsExit(TB_account.Text.Trim() = true)CFun.
18、JsAlerT(“对不起,您的会员名称已经存在,请重新输入!“);return;if (mCompany.Add(TB_account.Text.Trim(), TB_Psw.Text.Trim(), TB_Email.Text.Trim() = true)Session“Loginname“ = TB_account.Text.Trim();Session“Name“ = TB_account.Text.Trim();Session“MID“ = mCompany.GetMID(TB_account.Text.Trim();Response.Redirect(“company/system/
19、account.aspx“);elseCFun.JsAlerT(“对不起,注册信息提交失败,请重试!“); ,10.5 企业招聘子系统网页与程序设计,招聘系统框架的设计,Top用户控件,版块导航条的设计,10.5 企业招聘子系统网页与程序设计,企业信息版块,左侧导航控件的设计,左侧导航模块主要是实现版块页面的导航，设计的具体步骤如下： 在Company节点下添加left_system.ascx用户控件。按图10.28所示，添加两个超连接“修改密码”和“企业基本资料”分别指向changepassword.aspx与baseinfo.aspx，具体步骤参看1022.2第4点。 图 10.28 le
20、ft_ resume.ascx设计,10.5 企业招聘子系统网页与程序设计,密码修改页面的设计,10.5 企业招聘子系统网页与程序设计,企业基本资料页面的设计,图 10.30 baseinfoaspx页面设计（一） 图 10.31 baseinfoaspx页面设计（二）,10.5 企业招聘子系统网页与程序设计,表 10.7 baseinfo.aspx控件属性设置,10.5 企业招聘子系统网页与程序设计,职位管理版块,图 10.32 left_ job.ascx设计,图 10.33 publishjobsaspx页面设计,10.5 企业招聘子系统网页与程序设计,baseinfo.aspx控件属性
21、设置,10.5 企业招聘子系统网页与程序设计,招聘管理版块,10.6 首页面网页与程序设计,首页设计,首页main.aspx由四部分组成：头部、导航菜单、页面主体、底部；头部、导航、底部的设计可以参考10.2.2。页面主体是由“最新企业招聘”和“最新英才信息”组成，分别有两个Repeater控件来显示。设置它们的ID属性分别为“RPT_Resume”与“RPT_Resume”,10.6 首页面网页与程序设计,企业信息页面,10.6 首页面网页与程序设计,岗位信息页面,图 10.40 Job_Info.aspx设计页面（一） 图 10.41 Job_Info.aspx设计页面（二）,10.6 首页面网页与程序设计,按图10.42所示，拖入RadioButtonList，设置其ID为RBL_Resume。添加Lable，设置其ID为LB_Error，Text为“您还没有简历,请先创建简历!”，BackColor值为“#FFC0C0”,BorderWith的值为“1px”，ForeColor的值为“Red”。,简历发送页面,
