实习报告(例文)
位置: 首页 >文书 > 承诺书 > 文章内容

实习报告(例文)

2020-11-21 10:03:44 投稿作者: 点击:

 Web 教务管理系统

 基于 ASP.NET 的 Web 教务管理系统包括 3 种类型的用户,教务员、教师和学生。根据登录用户的权限,系统自动区分用户身份,并显示相应的功能菜单页面。

 1.1 Web 教务系统的设计 1.1.1 系统总体设计 基于 ASP.NET 的 Web 教务管理系统包括 3 种类型的用户,教务员、教师和学生。

 只有登录用户才能使用该系统提供的功能。系统根据登录用户的权限,自动区分用户身份,并显示相应的功能菜单页面。系统的总体设计如图 1-1 所示。

  图 1-1 Web 教务管理系统的总体设计

  1.1.2 数据库设计 Web 教务管理系统中的 WebDBJWS 数据库包括一下数据表。

 (1)

 用户表(Users)。用户表用于存储系统用户信息。其结构如表 1-1所示。

 表 1-1 用户表(Users)

 字段名

 数据类型

 字段说明

 健

 备注

 编号

 varchar(20) 用户 ID 主键

 姓名

 varchar(20) 用户姓名

  密码

 varchar(20) 用户密码

  区分

 char(1) 用户权限区分

 1:学生权限2:教师权限 9:教务员权限

 (2)

 课程信息表(Course)。课程信息表用于存储课程信息.其表结构如表 1-2 所示。

 表 1-2 课程信息表(Course) 字段名

 数据类型

 键

 课程编号

 varchar(20) 主键 课程名称

 varchar(50)

 课程描述

 varchar(200)

  (3)

 教学班信息表(JXB)。教学班信息表用于存储开课信息。其结构如表 1-3 所示。

 表 1-3 教学班信息表 字段名

 数据类型

 键

 教学班号

 varchar(20) 主键 课程编号

 varchar(20)

 教师编号

 varchar(20)

 教学安排

 varchar(20)

  (4)

 学生成绩表(Grades)。学生成绩表用于存储各教学班的选课学生及其成绩。其结构如表 1-4 所示。

 字段名

 数据类型

 键

 教学班号

 varchar(20)

 学号

 varchar(20)

 成绩

 int

 备注

 varchar(50)

  1.13 功能模块设计

 Web 教务管理系统的缺省主页是登录页面。根据登录用户的不同,显示不同的操作页面。Web 教务管理系统的功能模块及执行流程如图 1-2 所示.

 图 1-2 Web 教务管理系统的功能模块及执行流程

 Default.aspx(自动跳转到用户登录界面)Login.aspx(用户登录)MainMenu.aspx(Web教务管理系统主菜单)Users.aspx(用户维护界面)--教务权限InsertUser.aspx(新建用户)--教务权限Course.aspx(课程维护界面)--教务权限InsertCourse.aspx(新建课表)--教务权限JXB.aspx(排课计划页面)--教务权限InsertJXB.aspx(新建排课计划)--教务权限GradeByJXB.aspx(按教学班登记学生信息)--教务权限TKebiao.aspx(教师任课一览)--教师权限TGradeByJXB.aspx(按教学班登记学生成绩)--(教师权限)SKebiao.aspx(学生选课一览)--学生权限SXuanke.aspx(学生选课)--学生权限Exit.aspx(退出系统)

  表 1-5 Web 教务管理系统 ASP.NET 页面 文件名称

 说明

 Default.aspx

 默认主页(自动跳转到用户登录页面) Login.aspx

 登录界面(用户输入用户名 ID 和密码,验证成功后,把用户信息存储在 Session 中,并根据用户的角色,显示不同功能主菜单) JWS.master

 Web 教务管理系统母版文件(左侧包含主菜单) MainMenu.aspx

 Web 教务管理系统主菜单(基于 JWS.master)

 Exit.aspx

 退出系统页面(清除保存在 Session 中的信息,自动跳转到用户登录页面) ChangePassword.aspx

 登录用户修改自己的密码 Users.aspx

  用户信息维护(登记、修改、删除用户信息) (教务员权限) InsertUser.aspx

 新建用户信息(教务员权限) Course.aspx

 课程信息维护(登记、修改、删除课程信息) (教务员权限) InsertCourse.aspx

 新建课程信息(教务员权限) JXB.aspx

 开设教学班(排课计划) (教务员权限) InsertJXB.aspx

 新建排课计划(教务员权限) GradeByJXB.aspx

 学生成绩管理(按教学班登录登记学生成绩)(教务员权限) SKebiao.aspx

 学生查询自己的课表和成绩(学生权限) SXuanke.aspx

 学生选课(学生自由选择教学班)(学生权限) AddToSkebiao.aspx

 学生添加选课记录(学生权限) TKebiao.aspx

 教师查询自己的课表(教师权限) TGradeByJXB.aspx

 教师查询自己的教学班,并可更新学生成绩(教师权限)

  1.2 Web 教务管理系统共同页面的设计与实现 1.2.1 默认主页 Default.aspx 的创建 创建本地文件系统 ASP.NET 网站:D:\WWW\JWS。并新建默认主页 Default.aspx,使其自动跳转到 Login.aspx。

 操作步骤:

 (1)

 创建本地 ASP.NET Web 空网站:D:\WWW\JWS。

 (2)

 新建 Web 窗体:Default.aspx。

 (3)

 在Default.aspx.cs文件中的主事件Page_Load函数体中加入如下代码,

 以自动跳转到 Login.aspx。

 Protected void Page_Load(object sender, EventArgs e) {

 Response.Redirect(“~/Login.aspx”); } (4)

 保存 Default.aspx

  1.2.2 创建登录页面 Login.aspx。

 创建交互式登录 ASP.NET Web 页面 Login.aspx,其设计布局如图 1-3 所示,运行效果如图 1-4 所示。单击”登录”按钮时,先判断”用户编号”、”用户密码”是否输入,如果没有输入,则报错。然后与数据库中的用户表(Users)比较,如果不一致,则报错:否则,跳转到系统主菜单页面 MainMenu.aspx。

  图 1-3 Login.aspx 设计布局

 图 1-4 Login.aspx 运行效果

  (1)

 打开 ASP.NET Web 网站:D:\WWW\JWS。

 (2)

 新建 Web 窗体:Login.aspx。

 (3)

 设计 ASP.NET 页面 Login.aspx。在”设计”视图中,根据图 1-3 设计页面布局(利用菜单命令”表”|”插入表”插入一个 2 行 2 列的表格以实现页面内容的对齐功能)。根据表 1-6 设置控件的属性。

 表 1-6 Login.aspx 的页面控件 类型

 ID

 属性

 说明

 TextBox

 txtID

 “用户编号”文本框 TextBox

 txtPassword TextMode:Password “用户密码”文本框 Button

 btnLogin Text:登录 “登陆”按钮 Label

 lblMessage Text:(空白); ForeColor:Red 结果显示标签

 (4)

 引用名称空间 System.Data.SqlClient。在 Login.aspx.cs 代码的头部添加如下语句:

 using System.Data.SqlClient; (5)

 双击”登录”按钮生成 Click 事件,并加入如下粗体语句:

 public partial class Login : System.Web.UI.Page {

  protected void Page_Load(object sender, EventArgs e)

  {

 }

  protected void Button1_Click(object sender, EventArgs e)

  {

  //zhushi

  if (txtID.Text == "") {

  lblMessage.Text = "请输入用户名!";

  return;

  }

  if(txtPassword.Text == ""){

  lblMessage.Text = "请输入密码!";

  return;

  }

 //连接到数据库 WebDBJWS

  SqlConnection con = new SqlConnection(@"Server = .\SQLEXPRESS;Integrated Security = True; database=WebDBJWS");

  con.Open();

  //创建查询 Users 表的 SQL 命令

  string sSql = "select 编号, 姓名, 区分 from users where 编号 = @userID and 密码=@password ";

  SqlCommand cmd = new SqlCommand(sSql, con);

  cmd.Parameters.AddWithValue("@userId", txtID.Text);//设置参数

  cmd.Parameters.AddWithValue("@password",txtPassword.Text);//

  //执行 sql 命令并返回结果

  SqlDataReader dtr = cmd.ExecuteReader();

  //判断用户是否存在

  if(dtr.HasRows){

  dtr.Read();

  //编号、姓名、区分存储与 Session 中

  Session["UserID"] = dtr.GetString(0);

  Session["UserName"] = dtr.GetString(1);

  Session["UserType"] = dtr.GetString(2);

  Response.Redirect("~/MainMenu.aspx");

  }else

  lblMessage.Text = "用户 ID 或者密码有误,请重新输入";

  } }

 (6)

 保存 Login.aspx

 1.2.3 创建 Web 教务管理系统的母版页 JWS.master。

  创建Web教务管理系统的母版页JWS.master。母版页整体布局如图1-5所示。

  图 1-5 JWS.master 的设计布局

  (1)

 打开 ASP.NET Web 网站:D:\WWW\JWS。

 (2)

 新建 ASP.NET 母版页面:JWS.master。

 (3)

 删除页面中系统自动生成的 ContentPlaceHolder1 控件。

 (4)

 设计 ASP.NET 母版页面。如图 1-5 设计网页布局(通过插入一个 3 行 2列的表格进行布局。设置表格第2行第1列和第2行第2列的valign=”top”);根据 1-7 设置控件的属性。

 表 1-7 Web 教务管理系统母版页的控件 类型

 ID

 属性

 说明

 Label

 lblUser Text:(空白)

 显示登录用户名 Panel

 PanelJW

 教务权限菜单面板 HyperLink

 hlUser Text:用户管理;NavigateURL:~/jiaowu/Users.aspx 用户管理 HyperLink

 hlCourse Text :

 课 程 管 理 ;NavigationURL :~/jiaowu/Courses.aspx 课程管理 HyperLink

 hlJXB Text:排课管理;NavigateURL:~/jiaowu/JXB.aspx 排课管理 HyperLink

 hlGrade Text:成绩管理;NavigateURL:~/jiaowu/Users.aspx 成绩管理 Panel

 PanelTeacher

 教师权限菜单面板 HyperLink

 hlTKebiao Text:我的课程;NavigateURL:~/jiaowu/Users.aspx 我的课程 Panel

 PanelStudent

 学生权限菜单面板 HyperLink

 hlSKebiao Text:我的课程;NavigateURL:~/jiaowu/Users.aspx 我的课程 HyperLink

 hlPassword Text:修改密码;NavigateURL:

 修改密码

 ~/jiaowu/Users.aspx HyperLink

 hlExit Text:退出系统;NavigateURL:~/jiaowu/Users.aspx 退出密码 ContentPlaceHolder

 ContentPlaceHolder1

 内容占位符

 (5)

 切换到”源”视图,系统生成代码如下:

 <%@ Master Language="C#" AutoEventWireup="true" CodeFile="JWS.master.cs" Inherits="JWS" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">

  <title></title>

  <asp:ContentPlaceHolder id="head" runat="server">

  </asp:ContentPlaceHolder>

  <style type="text/css">

  .style1

  {

  width: 100%;

  height: 462px;

  }

  .style2

  {

  width: 132px;

  }

  </style> </head> <body>

  <form id="form1" runat="server">

  <div style="height: 384px">

  <table class="style1">

  <tr>

  <td class="style2">

  <asp:Label ID="lblUser" runat="server"></asp:Label>

  </td>

  <td align="center">

 欢迎使用 Web 教务管理系统</td>

  </tr>

  <tr>

  <td valign="top" class="style2">

  <asp:Panel ID="PanelJW" runat="server">

  <asp:HyperLink ID="hlUser" runat="server" NavigateUrl="~/jiaowu/Users.aspx">用户管理</asp:HyperLink>

  <br />

  <asp:HyperLink ID="hlCourse" runat="server" NavigateUrl="~/jiaowu/Courses.aspx">课程管理</asp:HyperLink>

  <br />

  <asp:HyperLink ID="hlJXB" runat="server" NavigateUrl="~/jiaowu/JXB.aspx">排课管理</asp:HyperLink>

  <br />

  <asp:HyperLink ID="hlGrade" runat="server"

 NavigateUrl="~/jiaowu/GradeByJXB.aspx">成绩管理</asp:HyperLink>

  </asp:Panel>

  <br />

  <asp:Panel ID="PanelTeacher" runat="server">

  <asp:HyperLink ID="hlTKebiao" runat="server"

 NavigateUrl="~/teacher/TKebiao.aspx">我的课程</asp:HyperLink>

  </asp:Panel>

  <br />

  <asp:Panel ID="PanelStudent" runat="server">

  <asp:HyperLink ID="hlSKebiao" runat="server"

 NavigateUrl="~/student/SKebiao.aspx">我的课程</asp:HyperLink>

  </asp:Panel>

  <br />

  <asp:HyperLink ID="hlPassword" runat="server"

 NavigateUrl="~/ChangePassword.aspx">修改密码</asp:HyperLink>

  <br />

  <asp:HyperLink ID="hlExit" runat="server" NavigateUrl="~/Exit.aspx">退出系统</asp:HyperLink>

  </td>

  <td valign="top">

  <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

  </asp:ContentPlaceHolder>

 </td>

  </tr>

  <tr>

  <td class="style2">

   </td>

  <td align="center">

  版权所有。2014</td>

  </tr>

  </table>

  </div>

  </form> </body> </html>

 (6)

 在 Page_Load 事件函数体中添加如下代码。如果没有登录,则跳转到Login.aspx 页面;否则,显示用户名,并根据不同用户标志(1:学生;2 教师;9 教务)显示或隐藏相应的菜单 Panel。

 public partial class JWS : System.Web.UI.MasterPage {

  protected void Page_Load(object sender, EventArgs e)

  {

  if (Session["UserID"] == null) {

  Response.Redirect("~/Login.aspx");

  }else

  lblUser.Text = "欢迎您!<br />" +

 " " + Session["UserName"];

 //学生权限

  if(Session["UserType"].ToString() == "1"){

  PanelJW.Visible = false;

  PanelTeacher.Visible = false;

  PanelStudent.Visible = true;

  }

 //教师权限

  if (Session["UserType"].ToString() == "2")

  {

  PanelJW.Visible = false;

  PanelTeacher.Visible = true;

  PanelStudent.Visible = false;

  }

  //教务权限

  if (Session["UserType"].ToString() == "9")

  {

  PanelJW.Visible = true;

  PanelTeacher.Visible = false;

  PanelStudent.Visible = false;

  }

  } }

 Exit.aspx.cs public partial class Exit : System.Web.UI.Page {

  protected void Page_Load(object sender, EventArgs e)

  {

  Session.Abandon();//清除 Session 对象内容

  Response.Redirect("~/Login.aspx");//跳转到登录界面

  } }

 Default.aspx.cs public partial class _Default : System.Web.UI.Page {

  protected void Page_Load(object sender, EventArgs e)

  {

  Response.Redirect("~/Login.aspx");

  } }

  (7)

 保存 JWS.master。

  1.2.4 创建 Web 教务管理系统主菜单页面 MainMenu.aspx。

  使用 JWS.master 的母版页,创建 Web 教务管理系统主菜单 MainMunu.aspx。其设计布局如图 1-6 所示。

 图 1-6 MainMunu.aspx 的设计布局

  (1)打开 ASP.NET Web 网站:D:\WWW\JWS。

 (2)基于母版页(JWS.master)新建 Web 窗体:MainMenu.aspx。

 (3)设计 ASP.NET 页面 MainMenu.aspx。在 ContentPlaceHolder1(Custom)中输入:”请选择功能菜单!”。

 (4)保存 MainMenu.aspx。

 1.2.5 创建退出 Web 教务管理系统处理页面 Exit.aspx。

 创建一个名为 Exit.aspx 的 Web 窗体。首先清除 Session 的内容,然后跳转到登录页面 Login.aspx。

 (1)

 打开 ASP.NET Web 网站:D:\WWW\JWS。

 (2)

 新建 Web 窗体:Exit.aspx。

 (3)

 在 Exit.aspx.cs 文件中的 Page_Load 中添加时间处理代码:

 public partial class Exit : System.Web.UI.Page {

  protected void Page_Load(object sender, EventArgs e)

  {

  Session.Abandon();//清除 Session 对象内容

  Response.Redirect("~/Login.aspx");//跳转到登录界面

  } }

 (4)

 保存 Exit.aspx。

 1.2.6 创建修改密码页面 ChangePassword.aspx。

 使用 JWS.master 的母版页,实现 Web 教务管理系统的修改密码页面ChangePassword.aspx。登录用户可以修改自己的密码。修改失败,报错;修改成功,跳转到 MainMenu.aspx。其设计布局如图 1-7 所示。

 图 1-7 ChangePassword.aspx 的设计布局

  (1)

 打开 ASP.NET Web 网站:D:\WWW\JWS。

 (2)

 基于母版页(JWS.master)新建 Web 窗体:ChangePassword.aspx。

 (3)

 设计 ASP.NET 页面 ChangePassword.aspx。在 ContentPlaceHolder1中根据图 1-7 设计网格布局(可利用菜单命令”表”|”插入表”插入一个 3 行 2 列的表格以实现页面内容的对齐功能。表格居中);根据表 1-8 设置控件的属性。

 表 1-8 ChangePassword.aspx 的页面控件 类型

 ID

 属性

 说明

 HR

 水平线 TextBox

 txtPassword1 TextMode:Password “密码”文本框 TextBox

 txtPassword2 TextMode:Password “密码”文本框 Button

 btnOK Text:确定 “密码”文本框 Button

 btnCancel Text:取消

 “密码”文本框 Label

 lblMessage Text:(空白); ForeColor:Red 结果显示标签

  (4)

 引用命名空间 System.Data.SqlClient。在 ChangePassword.aspx 代码的头部添加如下语句:

 using System.Data.SqlClient; (5)

 双击”确定”按钮生成其 Click 事件,添加如下语句:

 public partial class ChangePassword : System.Web.UI.Page {

  protected void Page_Load(object sender, EventArgs e)

  {

 }

  protected void btnOK_Click(object sender, EventArgs e)

  {

  string pass1 = txtPassword1.Text;

  string pass2 = txtPassword2.Text;

  if (pass1!= pass2){

  lblMessage.Text = "密码不一致,请重新输入!";

  return;

  }

  //连接数据库 WebDBJWS

  SqlConnection con = new SqlConnection(@"Server=.\SQLEXPRESS; Integrated Security=True; database=WebDBJWS");

  //创建更新 Users 表的 SQL 命令

  string sSql = "Update Users set 密码=@password where 编号=@userID";

 SqlCommand cmdUpdate = new SqlCommand(sSql, con);

  //设置参数

  cmdUpdate.Parameters.AddWithValue("@userID", Session["UserID"]);

  cmdUpdate.Parameters.AddWithValue("@password", pass1);

  //执行 SQL 命令并返回结果

  try

  {

  con.Open();

  cmdUpdate.ExecuteNonQuery();

  Response.Redirect("~/MainMenu.aspx");

  }

  catch (Exception ex)

  {

  lblMessage.Text = ex.Message;

  }

  finally {

  con.Close();

  }

  }

  protected void btnCancel_Click(object sender, EventArgs e)

  {

  Response.Redirect("~/MainMenu.aspx");

  }

 }

  图 9.3 Web 教务管理系统教务员用户页面设计与实现

 1.1 用户管理的设计和实现

 只有教务员才能使用用户管理页面。使用 JWS.master 的母版页,实现 web教务管理系统的用户管理页面 User.aspx:显示用户信息一览(可修改,删除),如图 3.1 所示。通过“新用户”超链接,可跳转到 InsertUser.aspx 页面(添加新用户),如图 3.2 所示。

 图 3.1 用户管理页面 Users.aspx

  图 3.2 添加新用户页面 InsertUser.aspx

  操作实例 9.7:创建用户管理页面 Users.aspx。

 操作任务:

 使用JWS.master的母版页,创建用户管理页面Users.aspx。其设计布局如图9-11所示

  图 9-11 Users.aspxs 的设计布局

 解决方案:

 Web 页面 users.aspx 使用的控件如表 9-9 所示。

 表 9-9 Users.aspx 页面控件 类型

 ID

 属性

 说明

 HyperLink

 hlNewUser Text:新用户; NavigationURL :~/jiaowu/InsertUser.aspx 新用户超链接 GirdView

 GirdView1

 显示用户信息 SQLDataSource

 SQLDataSource

 数据源

 操作步骤:

 1.打开本地 ASP.NET Web 网站:c:\webdb\Chapter09. 2.创建数据库连接。如果在 Visual Studio 2010 右侧的“服务器资源管理器”窗口中,没有指向本地 microsoft server 2008 Express 的 webdbjws 数据库的连接,则参照操作实例 3-3 进行创建。

 3.创建文件夹:c:\webdb\Chapter09\jiaowu 4.基于母版页在 jiaowu 文件夹中新建单文件页模型的 web 窗体:user.aspx 5.设计 ASP.NET 页面 user.aspx。根据 9-11 设计网页布局;根据表 9-9 设置控件的属性。

 6.配置 gridview 数据源。在“设计”视图,选择狗日的 view1 控件中,单击它,执行gridview任务菜单中选择数据源下拉列表中的新建数据源命令。选择users数据表的编号,姓名,密码以及区分 4 个字段。勾选 INSERT,UPDATE 和 DELETE语句复选框,以生成附加的 INSERT,UPDATE,和 DELETE 语句来跟新数据源。

 7.启用 gridview 的 分页,排序,编辑和删除功能。在设计视图中,选择 gridview控件,单击,在 gridview 任务菜单中分别勾选启用分页,启用排序,启用编辑,

 启用删除复选框。

 8.保存并测试运行 User.aspx

 操作实例 9-8:创建用户页面 insertuser.asp 其设计布局如图 9-12 所示 操作任务:

 使用 JWS.master 的母版页,创建用户页面 Insertuser.aspx。其设计布局如图 9-12 所示

  图 9-12 InsertUser.aspxs 的设计布局

 解决方案:

 Web 页面 InsertUser.aspx 使用的控件如表 9-10 所示。

 表 9-10 InsertUser.aspx 的页面控件

 类型

 ID

 属性

 说明

 TextBox

 txtUserID

 “用户编号”文本框 TextBox

 txtName

 “用户编号”文本框 TextBox

 txtPassword TextMode:Password “用户编号”文本框

 DropDownList

 DropDownList (1)Text:学生,Value:1,Selected:True; (2)Text:教师,Value:2;(3)Text:教务,Value:9 “用户编号”文本框 Button

 btnInsert Text:确定 “用户编号”文本框 Button

 btnCancel Text:取消 “用户编号”文本框 Label

 lblMsg Text:(空白), ForeColor:Red 错误提示消息

  操作步骤:

 1.打开本地 ASP.NET Web 网站:c:\webdb\Chapter09. 2.基 于 母 版 页 在 jiaowu 文 件 夹 中 新 建 单 文 件 页 模 型 的 web 窗 体 :insertuser.aspx 3.设计 ASP.NET 页面 user.aspx。根据 9-11 设计网页布局;根据表 9-9 设置控件的属性。

 4.引用名称空间 system,data.sqlclient。在 insert.aspx 代码的头部添加如下语句:

 5.双击确定按钮生成 click 事件,并加入如下加粗语句:

 public partial class student_AddToSKebiao : System.Web.UI.Page {

  protected void Page_Load(object sender, EventArgs e)

  {

  //连接到数据库 WebdBJWS

  SqlConnection con = new SqlConnection(@"Server=.\SQLEXPRESS; Integrated Security=True;database=WebDBJWS");

  //创建插入 Grades 表的 SQL 命令

  string strInsert = "Insert into Grades(教学班号, 学号) values(@jxbID, @userID)";

  SqlCommand cmdInsert = new SqlCommand(strInsert, con);

  cmdInsert.Parameters.AddWithValue("@jxbID", Request.QueryString["JxbID"]);//SXuanke.aspx 页面发送的

  cmdInsert.Parameters.AddWithValue("@userID",

 Session["UserID"]);

 try

  {

  con.Open();

  cmdInsert.ExecuteNonQuery();

  Response.Redirect("~/student/SKebiao.aspx");//

  }

  catch (Exception ex)

  {

  Response.Write(ex.Message);

  }

  finally

  {

  con.Close();

  }

  } }

 6.双击取消按钮生成 click 事件,并加入如下加粗语句:

 7.保存并进行运行 insertuser.aspx。

 9.3 课程管理的设计和实现 只有教务员才能使用用户管理页面。使用 JWS.master 的母版页,实现 web 教务管理系统的用户管理页面 courser.aspx:显示用户信息一览(可修改,删除),如图 3.1 所示。通过“新用户”超链接,可跳转到 InsertUser.aspx 页面(添加新用户),如图 3.2 所示。

  如图 9-13 课程管理页面 courses.aspx

  图 9-14

 添加新课程页面 insertcourse.aspx

 操作实例 99:创建页面管理页面 courses.asp 其设计布局如图 9-12 所示 操作任务:

 使用 JWS.master 的母版页,创建用户页面 coursesr.aspx。其设计布局如图 9-12 所示

  图 9-15 Courses.aspxs 的设计布局

 解决方案

 Web 页面 courses.aspx 使用的控件如表 9-11 所示。

 表 9-11 Course.aspx 的页面控件 类型

 ID

 属性

 说明

 HyperLink

 hlNewCourse Text:新课程; NavigationURL :~/jiaowu/InsertCourse.aspx “ 新 课 程 ”超链接 GirdView

 GirdView1

 显 示 课 程 信息 SQLDataSource

 SQLDataSource

 数据源

  操作步骤:

 1.打开本地 ASP.NET Web 网站:c:\webdb\Chapter09. 2.创建数据库连接。如果在 Visual Studio 2010 右侧的“服务器资源管理器”窗口中,没有指向本地 microsoft server 2008 Express 的 webdbjws 数据库的连接,则参照操作实例 3-3 进行创建。

 3.基于母版页在 jiaowu 文件夹中新建单文件页模型的 web 窗体 courses.aspx 4.设计 ASP.NET 页面 user.aspx。根据 9-11 设计网页布局;根据表 9-9 设置控件的属性。

 5.配置 gridview 数据源。在“设计”视图,选择 gridview1 控件中,单击它,执行 gridview 任务菜单中选择数据源下拉列表中的新建数据源命令。选择gridview 数据表的课程编号,课程姓名,课程描述 3 个字段。勾选启用分页,启用排序,启用编辑,启用删除复选框 6.启用 gridview 的 分页,排序,编辑和删除功能。在设计视图中,选择 gridview

 控件,单击,在 gridview 任务菜单中分别勾选启用分页,启用排序,启用编辑,启用删除复选框。

 7.保存并测试运行 courses.asp

  操作实例 9.10:创建新建课程页面 InsertCourse.aspx。

 操作任务:

 使用JWS.master的母版页,创建用户管理页面Users.aspx。其设计布局如图9-16所示

 图 9-16 InsertCourse.aspxs 的设计布局

 解决方案:

 Web 页面 InsertCourse.aspx 使用的控件如表 9-12 所示。

 表 9-12 InsertCourse.aspx 的控件 类型

 ID

 属性

 说明

 TextBox

 txtCourseID

 “课程编号”文本框 TextBox

 txtCourseName

 “课程名称”文本框 TextBox

 txtDescription TextMode:MultiLine “课程描述”文本框 Button

 btnInsert Text:确定 “确定”按钮 Button

 btnCancel Text:取消 “取消”按钮 Label

 lblMsg Text:(空白);ForeColor:Red 错误提示信息

  操作步骤:

 1.打开本地 ASP.NET Web 网站:c:\webdb\Chapter09. 2. 基 于 母 版 页 在 jiaowu 文 件 夹 中 新 建 单 文 件 页 模 型 的 web 窗 体 :InsertCourser.aspx 3.设计 ASP.NET 页面 InsertCourseaspx。根据 9-16 设计网页布局;根据表 9-12设置控件的属性。

 4.引用名称空间 system,data.sqlclient。在 insert.aspx 代码的头部添加如下语句:

 5.双击确定按钮生成 click 事件,并加入如下加粗语句:

 public partial class jiaowu_InsertCourse : System.Web.UI.Page {

  protected void Page_Load(object sender, EventArgs e)

  {

 }

  protected void btnInsert_Click(object sender, EventArgs e)

  {

  //连接到数据库 WebDBJWS

  SqlConnection con = new SqlConnection(@"Server=.\SQLEXPRESS;Integrated Security=True;database=WebDBJWS");

  //创建插入 Course 表的 Sql 命令

 string strInsert = "Insert into course(课程编号, 课程名称, 课程描述) Values(@courseID, @courseName, @description)";

 SqlCommand cmdInsert = new SqlCommand(strInsert, con);

 cmdInsert.Parameters.AddWithValue("@courseID", txtCourseID.Text);

 cmdInsert.Parameters.AddWithValue("@courseName", txtCourseName.Text);//设置参数

 cmdInsert.Parameters.AddWithValue("@description", txtDescription.Text);

  try

 {

 con.Open();

 cmdInsert.ExecuteNonQuery();

 Response.Redirect("~/jiaowu/Courses.aspx");

 }

 catch (Exception ex)

  {

 lblMsg.Text = ex.Message;

 }

 finally

 {

 con.Close();

 }

 }

 6.双击取消按钮生成 click 事件,并加入如下加粗语句:

 protected void btnCancel_Click(object sender, EventArgs e)

 {

 Response.Redirect("~/jiaowu/Courses.aspx");

 } }

  7.保存并进行运行 insertuser.aspx。

 1.3 排课管理的设计和实现

 只有教务员才能使用用户管理页面。使用 JWS.master 的母版页,实现 web教务管理系统的用户管理页面 JXB.aspx:显示用户信息一览(可修改,删除),如图 3.1 所示。通过“新课程安排”超链接,可跳转到 InsertJXB.aspx 页面(添加新用户),如图 9.18 所示。

 图 9-17 排课管理页面 JXB.aspx

  图

 9-18 新建课程安排页面页面 InsertJXB.aspx

  操作实例 9.7:创建排课管理页面 JXB.aspx。

 操作任务:

 使用 JWS.master 的母版页,创建用户管理页面 JXBaspx。其设计布局如图 9-19

 所示

 图 9-19 JXB.aspxs 的设计布局

 解决方案:

 Web 页面 JXB.aspx 使用的控件如表 9-13 所示。

 表 9-13 JXB.aspx 的页面控件 类型

 ID

 属性

 说明

 HyperLink

 hlNewJXB Text:新课程安排; NavigationURL :~/jioawu/InsertJXB.aspx “新课程安排”超链接 GirdView

 GirdView1

 显示课程信息 SQLDataSource

 SQLDataSource1

 数据源

  操作步骤:

 1.打开本地 ASP.NET Web 网站:c:\webdb\Chapter09. 2.基于母版页在 jiaowu 文件夹中新建单文件页模型的 web 窗体:JXB.aspx 3.设计 ASP.NET 页面 user.aspx。根据 9-11 设计网页布局;根据表 9-9 设置控件的属性。

 4.配置 gridview 数据源。在“设计”视图,选择狗日的 view1 控件中,单击它,执行 gridview 任务菜单中选择数据源下拉列表中的新建数据源命令。选择 JXB数据表的教学班号,课程编号,教师编号以及教学安排 4 个字段。勾选INSERT,UPDATE 和 DELETE 语句复选框,以生成附加的 INSERT,UPDATE,和 DELETE语句来跟新数据源。

 5.启用 gridview 的 分页,排序,编辑和删除功能。在设计视图中,选择 gridview控件,单击,在 gridview 任务菜单中分别勾选启用分页,启用排序,启用编辑,

 启用删除复选框。

 6.保存并测试运行 JXB.aspx

 操作实例 9-12:创建新课程安排页面 InsertJXB.aspx 操作任务:

 使用 JWS.master 的母版页,创建用户页面 InsertJXB.aspx。其设计布局如图 9-20 所示

  图 9-20 InsertJXB.aspx 的设计布局

 解决方案:

 Web 页面 InsertJXB.aspx 使用的控件如表 9-14 所示。

 表 9-14 InsertJXB.aspx 的页面控件 类型

 ID

 属性

 说明

 TextBox

 txtJXBID

 教学班号 DropDownList

 DropDownListCourseID 配置数据源,指向Users 表(SELECT 编号,姓名 FROM Users WHERE (区分=’2’) )

 ;DataTextField=”姓 名 ” ,DataValueField=”编号” 课程编号 DropDownList

 DropDownListTeacherID

 教师编号 TextBox

 txtDescription TextMode:

 MultiLine 教学安排

 Button

 btnInsert Text:确定 “ 确 定 ”按钮 Button

 btnCancel Text:取消 “ 取 消 ”按钮 Label

 lblMsg Text:(空); ForeColor:Red 错 误 提示信息

  操作步骤:

 1.打开本地 ASP.NET Web 网站:c:\webdb\Chapter09. 2.基于母版页在jiaowu文件夹中新建单文件页模型的web窗体:InsertJXB.aspx 3.设计 ASP.NET 页面 InsertJXB.aspx。根据 9-11 设计网页布局;根据表 9-9 设置控件的属性。

 4.引用名称空间 system,data.sqlclient。在 insert.aspx 代码的头部添加如下语句:

 5.双击确定按钮生成 click 事件,并加入如下加粗语句:

 public partial class jiaowu_InsertUser : System.Web.UI.Page {

  protected void Page_Load(object sender, EventArgs e)

  {

 }

  protected void btnInsert_Click(object sender, EventArgs e)

  {

  //连接到数据库 WebDBJWS

  SqlConnection con = new SqlConnection(@"Server=.\SQLEXPRESS;Integrated Security=True;database=WebDBJWS");

  //创建插入 Users 表的 SQL 命令

  string strInsert = "Insert into users(编号,姓名,密码,区分) Values(@userID, @userName, @password, @flag)";

  SqlCommand cmdInsert = new SqlCommand(strInsert, con);

  cmdInsert.Parameters.AddWithValue("@userID", txtUserID.Text); //设置参数

  cmdInsert.Parameters.AddWithValue("@userName", txtName.Text);

  cmdInsert.Parameters.AddWithValue("@password", txtPassword.Text);

  cmdInsert.Parameters.AddWithValue("@flag", DropDownListFlag.SelectedValue);

 try

  {

 con.Open();

  cmdInsert.ExecuteNonQuery();

  Response.Redirect("~/jiaowu/Users.aspx");

  }

  catch (Exception ex)

  {

  lblMsg.Text = ex.Message;

  }

  finally

  {

  con.Close();

  }

 }

 8.双击取消按钮生成 click 事件,并加入如下加粗语句:

 protected void btnCancel_Click(object sender, EventArgs e)

  {

  Response.Redirect("~/jiaowu/Users.aspx");

  }

  保存并进行运行 insertuser.aspx

 1.4 学生成绩管理的设计和实现

 只有教务员才能使用用户管理页面。使用 GrideByJXB.asp 的母版页,可按教学班查看和编辑学生成绩,如图 9-21。

 操作实例 9-113:创建新课程安排页面 GrideByJXB.asp 操作任务:

 使用 JWS.master 的母版页,创建用户页面 GrideByJXB.asp。其设计布局如图 9-22 所示

  图 9-21 学生成绩管理页面 GrideByJXB.asp

  图 9-18 GrideByJXB.asp 的设计布局

  解决方案:

 Web 页面 GrideByJXB.asp 使用的控件如表 9-15 所示。

 表 9-15 GrideByJXB.asp 的页面控件 类型

 ID

 属性

 说明

 DropDownList

 DropDownListJXB 配置数据源:SELECT JXB. 教 学 班 号 , Course. 课 程 名 称 FROM JXB INNER JOIN Course ON JXB.课程编号 = Course.课程编号; DataTextField=”课 程 名 称 ” 、DataValueField=”教 学 班 号 ” ; AutoPostBack:True 课程编号 GirdView

 GirdView1

 学生成绩详细信息 SQLDataSource

 SQLDataSource1

 数据源

  操作步骤:

 1.打开本地 ASP.NET Web 网站:c:\webdb\Chapter09. 2.基于母版页在jiaowu文件夹中新建单文件页模型的web窗体:GrideByJXB.asp 3.设计 ASP.NET 页面 GrideByJXB.asp。根据 9-11 设计网页布局;根据表 9-9 设置控件的属性。

 4.配置 DropDownListJXB 数据源。自定义 SQL 语句:SELECT JXB.教学班号,JXB.教学班号+Course.课程名称 AS 名称 FROM JXB INNER JOIN Course ON JXB.课程编号=Course.课程编号。

 5.配置 gridview 数据源。自定义 SQL 语句:SELETE 语句为 SELETE Gride.教学班号,Gride.学号,User.姓名,Gride.成绩,Gride.备注。

 6.启用 gridview 的 分页,排序,编辑和删除功能。在设计视图中,选择 gridview控件,单击,在 gridview 任务菜单中分别勾选启用分页,启用排序,启用编辑,启用删除复选框。

 7.设置姓名字段不可更改。在源视图中,选择 BoundFiled 姓名,设置起 Readonly属性为 true。

 8.保存并测试运行 JXB.asp

  9.4 Web 教务管理系统学生用户界面设计与实现

 我的课程(学生)SKeiao.aspx,显示学生自己所选的课程信息,如图 9-23 所示(用户编号:12344,密码,123)。通过选课超链接,可跳到 SXuanke,aspx,页面(学生选课),如图 9-24(编号:12343,密码,123)。在选课界面,学生可根据教务处提供的课程信息进行选课。

 图 9-23 我的课程页面 SKebiao.aspx

  图-24 学生选课页面 SKebiao.aspx 操作实例 9-14:创建我的课程页面 SKebiao,aspx. 操作任务:

 使用JWS.master的模板页,创建我的课程页面SKebiao,aspx。页面布局如图9-25

 图 9-25 SKebiao,aspx 的设计布局

 解决方案:

 Web 页面 SKbiao.aspx,使用的控件如表

 表 9-16 SKebiao,aspx 的页面控件 类型

 ID

 属性

 说明

 HyperLink

 hlXuanke Text :

 选 课 ;NavigationURL :~/student/SXuanke.aspx “选课”超链接 GirdView

 GirdView1

 课程详细信息 SQLDataSource

 SQLDataSource

 数据源

  操作步骤:

 1.打开本地 ASP.NET Web 网站:C\web\char09. 2.基于文件夹:C:\WEBDB\char09\student. 3.基于模板页在 student 文件夹中新建“单文件页模型”的 WEb 窗体:SKebiao,aspx. 4.设计 ASP.NET 页面 SKebiao.aspx 在 Conterplacge 中根据图 9-25 设计布局根据表 9-26 设置控件的属性 5.配置 GridView 数据源,自定义 SQL 语句,教学班号,学号,课程名称,成绩 6.保存并测试 操作实例 9-15:创建学生选课界面 操作任务:

 使用 JWS.master 的母版页,创建学生选课界面,设计布局如图 9-26

  图 9-26 SXuanke.aspx 的设计布局

 解决方案:

 Web 页面 SXuanke.aspx 使用控件如表 9-17

 表 SXuanke.aspx 的页面控件 类型

 ID

 说明

 GirdView

 GirdView1 显示课程信息 SQLDataSource

 SQLDataSource1 数据源

 操作步骤:

 1.打开本地 ASP.NET Web 网站:C\web\char09. 2.基于文件夹:C:\WEBDB\char09\student. 3.基于模板页在 student 文件夹中新建“单文件页模型”的 WEb 窗体:SKebiao,aspx. 4.设计 ASP.NET 页面 SKebiao.aspx 在 Conterplacge 中根据图 9-25 设计布局根据表 9-26 设置控件的属性 5.启用分页功能,在“设计视图”中,选择 Grid,单击按钮,在任务中启用分页 6.修改源代码,加入下列代码:

  <asp:GridView ID="GridView1" runat="server" AllowPaging="True"

 AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="教学班号"

 DataSourceID="SqlDataSource1" CellPadding="4" ForeColor="#333333"

 GridLines="None">

  <AlternatingRowStyle BackColor="White" ForeColor="#284775" />

  <Columns>

  <asp:HyperLinkField DataNavigateUrlFields="教学班号" DataNavigateUrlFormatString="~/student/AddToSKebiao.aspx?JxbID={0}" Text="选课"/>

  <asp:BoundField DataField="教学班号" HeaderText="教学班号" ReadOnly="True"

 SortExpression="教学班号" />

  <asp:BoundField DataField="课程名称" HeaderText="课程名称" SortExpression="课程名称" />

  <asp:BoundField DataField="任课教师" HeaderText="任课教师" SortExpression="任课教师" />

  <asp:BoundField DataField="教学安排" HeaderText="教学安排" SortExpression="教学安排" />

  </Columns>

  <EditRowStyle BackColor="#999999" />

 <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />

  <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />

  <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />

  <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />

  <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />

  <SortedAscendingCellStyle BackColor="#E9E7E2" />

  <SortedAscendingHeaderStyle BackColor="#506C8C" />

  <SortedDescendingCellStyle BackColor="#FFFDF8" />

  <SortedDescendingHeaderStyle BackColor="#6F8DAE" />

  </asp:GridView>

  7.保存并测试运行 操作实例 9-16:创建选课页面 AddTOSKebiao.aspx 操作任务:

 使用 JWS.master 的母版页,创建添加学生选课记录界面 操作步骤:

 1.打开本地 ASP.NET Web 网站:C\web\char09. 2.基于模板页在 student 文件夹中新建“单文件页模型”的 Web 窗体:SKebiao,aspx. 3.引用命名空间 System.Data.SqlClint.添加代码如下:

  4.生成事件代码,在设计视图中,双击页面空白处,自动生成主事件 Load 的处理过程,在源视图中加入如下代码:

 public partial class jiaowu_InsertUser : System.Web.UI.Page {

  protected void Page_Load(object sender, EventArgs e)

  {

 }

  protected void btnInsert_Click(object sender, EventArgs e)

  {

  //连接到数据库 WebDBJWS

  SqlConnection con = new SqlConnection(@"Server=.\SQLEXPRESS;Integrated Security=True;database=WebDBJWS");

 //创建插入 Users 表的 SQL 命令

  string strInsert = "Inse...

猜你喜欢
推荐图文