项目7 WEB信息系统设计实训.ppt

WEB信息系统设计实训 题目 系统的设计与实现或设计与开发等 如学生信息系统的设计与实现 目录内容 1 引言或绪论或概述或开发背景等 1引言 为什么 需求分析 开发的必要性和可行性等2 系统分析2 1系统的初步调查具体企业的数据 组织层次结构等2 2系统的目标解决什么问题 实现哪些功能2 3新系统逻辑模型的提出数据流图 数据字典 工作流程图等 3 系统总体设计3 1系统功能模块划分 功能结构图3 2系统物理结构 硬件 软件的配置 4 系统详细设计4 1数据库设计E R图 数据表4 2代码设计4 3用户界面设计 5 系统实施5 1开发工具的选择5 2各模块的实施 如用户注册模块的实施 6 系统发布与调试7 系统不足之处或总结致谢参考文献 格式 年限 近三年 个数 10个 项目七设计制作学生信息管理系统 本项目学习目标掌握常见数据库操作的实现方法掌握代码之间相互调用的设计方法 任务1系统功能概述学生信息管理系统是常见的一个应用系统 随着计算机网络的发展和高校管理计算机水平的不断提高 学生信息管理也逐渐的实现了数字化和智能化 学生信息管理系统将大大提高学生信息的管理效率 实现数据共享 网络查询和网络管理等便利 为什么 主要功能模块 学生处 教务处 学生信息录入模块学生信息管理模块 包括编辑 删除 学生信息查询模块用户登录模块用户信息管理模块用户权限设置模块学生成绩录入模块学生成绩管理模块专业信息管理模块等 图3 1系统功能结构图 任务2数据库设计本系统使用的数据库管理系统为SQLServer2000 下面给出该系统的数据库结构设计 2 1数据库需求分析本系统为学生信息管理系统 数据库中存储的信息包括 学生信息 用户信息 院系表 管理员信息 课程信息 成绩信息等 补充 E R图 2 2数据库结构设计创建界面如图7 1所示 图7 1企业管理器 图7 3Class数据表 表7 1Class数据表 任务3设计学生信息管理系统功能模块说明 系统详细设计公共文件或代码的设计各模块的设计与实施运行效果图与主要代码分析 设计思想 3 1项目文件结构本项目采用代码分层结构 本项目所包含的页面如下 1 添加班级信息页面addclass aspx 2 添加课程信息页面addcourse aspx 3 添加课程类型页面addcoursetype aspx 4 添加系部信息页面addDepartment aspx 5 添加成绩信息页面addgrade aspx 6 添加用户信息页面addlogoin aspx 7 添加专业信息页面addspeciality aspx 8 添加学生信息页面addstu aspx 9 添加教师信息页面addteacher aspx 10 班级信息管理页面class aspx 11 课程信息管理页面course aspx 12 课程类型管理页面coursetype aspx 13 管理主页面crm admin main htm 14 显示系部信息页面Department aspx 15 修改学生信息页面Editstu aspx 16 学生成绩信息管理页面grade aspx 17 管理主页面左侧菜单栏页面left aspx 18 主登录页面Logoin aspx 19 专业信息管理页面speciality aspx 20 学生信息管理页面student aspx 21 教师信息管理页面teacher aspx 22 显示教师详细信息页面teacherlist aspx 23 配置文件web config 24 导航文件Web sitemap 图7 13工程文件一览 管理连接字符串 连接字符串在 NETFramework中一般存储在配置文件中定义连接字符串 复习 Server local DataBase student uid sa pwd 123 适用于SQL身份验证DataSource local InitialCatalog Contact IntegratedSecurity SSPI 适用于Windows身份验证存储连接字符串 Web Config配置文件 可访问多个页面 读取连接字符串 并测试连接 DBconn cs 什么是配置文件 web config文件是一个XML文件 它的根结点是 在节点下的常见子节点有 和 在配置文件中存储连接字符串 方法一 节点 方法二 节点 读取连接字符串 DBconn cs 在代码中我们可以这么实例化数据库连接对象 读取web config节点配置 要与Web config中对应 stringconnectionString ConfigurationManager ConnectionStrings strConn ConnectionString stringconnectionString System Configuration ConfigurationManager AppSettings sms dbconn 实例化SqlConnection对象SqlConnectionconn newSqlConnection connectionString Conn open 测试连接 补充 连接池 使用Connection对象的问题每次访问均需要打开连接 访问结束后关闭连接 引起频繁地建立与撤消到数据库的连接 如果一直处于打开状态 则在规模较大的应用中 又会造成网络中同时存在过多的连接路径 从而降低网络的利用率 由于连接和断开一个数据库的花销很大 反复连接和断开数据库对于系统的性能影响将非常严重 连接池的概念数据库连接池 顾名思义就是一个存储数据库连接的缓冲池 简单来说 连接池有选择性地保留程序释放的数据库连接 以便以后使用 只要用户在连接上调用Open 池进程就会检查池中是否有可用的连接 如果某个池连接可用 会将该连接返回给调用者 而不是打开新连接 应用程序在该连接上调用Close时 池进程会将连接返回到活动连接池中 而不是真正关闭连接 连接返回到池中之后 即可在下一个Open调用中重复使用 连接池的启用 在默认情况下 数据库连接池处于启用状态 但是用户在申请一个数据库连接时 可以通过下面的代码显式表明不希望使用数据库连接池 using SqlConnectionconnection newSqlConnection IntegratedSecurity SSPI InitialCatalog TestDatabase Pooling false 不使用数据库连接池 using语句将确保在任何情况下执行关闭操作connection Open using SqlConnectionconnection newSqlConnection IntegratedSecurity SSPI InitialCatalog TestDatabase Pooling true MinPoolSize 10 MaxPoolSize 200 packetsize 4096 使用数据库连接池connection Open 3 2编写基础类文件代码作用 把其他页面经常用到的方法放到基础 公共 类里 然后页面需要用方法时就去基础 公共 类调用 这样可使代码简洁明了 在编写各页面前 需要在App Code文件夹中添加三个类文件 分别是Class cs ClassConn cs connDB cs和data cs Class cs 该类的功能是和数据库相关的操作 代码如7 2所示 publicSqlConnectionconnstr 连接对象publicstringgetconnstr 获取连接字符串 stringconstr constr System Configuration ConfigurationManager AppSettings sms dbconn returnconstr publicvoidopen 打开数据库 stringconstr constr getconnstr connstr newSqlConnection constr connstr Open publicvoidclose 关闭数据库 connstr Dispose connstr Close publicvoidexecsql stringsql 执行sql语句 open SqlCommandcmd newSqlCommand sql connstr cmd ExecuteNonQuery close publicDataSetdataset stringsql 返回DataSet对象 open SqlDataAdapterrs newSqlDataAdapter sql connstr DataSetds newDataSet rs Fill ds returnds publicDataViewdataview stringsql 返回DataView对象 DataSetds newDataSet ds dataset sql DataViewdv newDataView ds Tables 0 returndv publicSqlDataReaderdatareader stringsql 返回DataReader对象 open SqlCommandcmd newSqlCommand sql connstr SqlDataReaderdr cmd ExecuteReader returndr 图7 12教师资料添加界面 原来的代码SqlConnectionsms conn stringsms sqlstr privatevoidPage Load objectsender System EventArgse stringsms connstr ConfigurationSettings AppSettings SMS dbconn sms conn newSqlConnection sms connstr protectedvoidButton1 Click objectsender EventArgse stringsms sqlstr insertintoteacher Teachername sex technicalpost telephone homeaddr pwd remark departmentid teacherid values TextBox2 Text RadioButtonList1 SelectedItem Text DropDownList2 SelectedItem Text TextBox8 Text TextBox7 Text TextBox9 Text TextBox6 Text DropDownList3 SelectedValue ToString TextBox1 Text SqlCommandsms comm newSqlCommand sms sqlstr sms conn sms comm Connection Open try sms comm ExecuteNonQuery Response Redirect teacher aspx catch SqlException sms lbl note Text 编辑失败 sms lbl note Style color red sms comm Connection Close protectedvoidButton3 Click objectsender EventArgse Response Redirect teacher aspx 修改后的代码 调用Class cs文件中的方法 usingzz 导入自定义的命名空间publicpartialclassaddteacher System Web UI Page CConnectionCConn stringsms sqlstr 声明全局变量privatevoidPage Load objectsender System EventArgse CConn newCConnection 创建类的实例 protectedvoidButton1 Click objectsender EventArgse stringsms sqlstr insertintoteacher Teachername sex technicalpost telephone homeaddr pwd remark departmentid teacherid values TextBox2 Text RadioButtonList1 SelectedItem Text DropDownList2 SelectedItem Text TextBox8 Text TextBox7 Text TextBox9 Text TextBox6 Text DropDownList3 SelectedValue ToString TextBox1 Text try CConn execsql sms sqlstr 调用Class cs的方法Response Redirect teacher aspx catch SqlException sms lbl note Text 编辑失败 sms lbl note Style color red 控件复习 HTML服务器控件Web服务器控件 标准控件 数据控件 导航控件 登录控件验证控件用户控件 数据控件简介 GridView控件 GridView控件以表的形式显示数据 并提供对列进行排序 分页 翻阅数据以及编辑或删除单个记录的功能 DataList控件 DataList控件以表的形式呈现数据 通过该控件 您可以使用不同的布局来显示数据记录 例如 将数据记录排成列或行的形式 您可以对DataList控件进行配置 使用户能够编辑或删除表中的记录 DataList控件不使用数据源控件的数据修改功能 您必须自己提供此代码 DetailsView控件 一次呈现一条表格形式的记录 并提供翻阅多条记录以及插入 更新和删除记录的功能 DetailsView控件通常用在主 详细信息方案中 在这种方案中 主控件 如GridView控件 中的所选记录决定了DetailsView控件显示的记录 FormView控件 与DetailsView控件类似 它一次呈现数据源中的一条记录 并提供翻阅多条记录以及插入 更新和删除记录的功能 不过 FormView控件与DetailsView控件之间的差别在于 DetailsView控件使用基于表格的布局 在这种布局中 数据记录的每个字段都显示为控件中的一行 而FormView控件则不指定用于显示记录的预定义布局 实际上 您将创建包含控件的模板 以显示记录中的各个字段 该模板包含用于设置窗体布局的格式 控件和绑定表达式 Repeater控件 使用数据源返回的一组记录呈现只读列表 与FormView控件类似 Repeater控件不指定内置布局 您可以使用模板创建Repeater控件的布局 GridView控件 P201教师管理 GridView控件的使用步骤添加GridView控件 设置其ID DataKeyNames属性右击选择 属性生成器 VS2003 或单击控件右上角按钮 弹出GridView任务对话框 选择编辑列 弹出 字段 对话框 如下页所示 取消 自动生成字段 勾选添加BoundField添加命令字段或按钮列 VS2003 编写代码 取消 自动生成字段 勾选 添加BoundField 添加命令字段或按钮列 VS2008中的设置 Teacher教师资料管理界面 VS2003中的设置 是否排序 设置绑定列 VS2003中的设置 设置按钮列 设置是否分页 绑定列设置的属性 编写代码 P203代码7 10 SqlConnectionsms conn 定义全局变量stringsms sqlstr sms sqlstr2 privatevoidPage Load objectsender System EventArgse stringsms connstr System Configuration ConfigurationSettings AppSettings sms dbconn sms conn newSqlConnection sms connstr if IsPostBack SMS BindGrid publicvoidSMS BindGrid 页面加载或更新时 由GV DDL显示数据 sms sqlstr selectteacherid teachername department departmentid department departmentname sex telephonefromteacher departmentwhereteacher departmentid department departmentid SqlDataAdaptersms da newSqlDataAdapter sms sqlstr sms conn DataSetsms ds newDataSet sms da Fill sms ds T sms teacher DataSource sms ds sms teacher DataBind sms sqlstr2 select fromdepartment SqlDataAdaptersms da2 newSqlDataAdapter sms sqlstr2 sms conn DataSetsms ds2 newDataSet sms da2 Fill sms ds2 T DropDownList1 DataSource sms ds2 Tables T DropDownList1 DataTextField departmentname DropDownList1 DataValueField departmentname DropDownList1 DataBind privatevoidButton1 Click objectsender System EventArgse SqlCommandsms comm newSqlCommand Employess Sel sms conn sms comm CommandType CommandType StoredProcedure sms comm CommandText Employess Sel sms comm Connection sms conn SqlDataAdaptersms da newSqlDataAdapter sms comm sms da SelectCommand Parameters Add lastname SqlDbType NVarChar sms da SelectCommand Parameters Add department SqlDbType VarChar 30 sms da SelectCommand Parameters lastname Value this TextBox1 Text Trim Replace sms da SelectCommand Parameters department Value this DropDownList1 SelectedValue ToString DataSetsms ds newDataSet sms da Fill sms ds sms teacher DataSource sms ds sms teacher DataBind 单击查询按钮 实现数据查询 publicvoidDataGrid Page objectsender DataGridPageChangedEventArgse 单击分页 实现数据分页sms teacher CurrentPageIndex e NewPageIndex SMS BindGrid 无论单击什么按钮 都必须重新绑定 publicvoidDataGrid edit objectsender DataGridCommandEventArgse 单击编辑 进行数据编辑sms teacher EditItemIndex int e Item ItemIndex SMS BindGrid publicvoidDataGrid cancel objectsender DataGridCommandEventArgse 单击取消 实现编辑取消sms teacher EditItemIndex 1 SMS BindGrid publicvoidDataGrid delete objectsender DataGridCommandEventArgse stringsms sqlstr deletefromteacherwhereTeacherid teacher id SqlCommandsms comm newSqlCommand sms sqlstr sms conn sms comm Parameters Add newSqlParameter teacher id SqlDbType Char 8 sms comm Parameters teacher id Value sms teacher DataKeys int e Item ItemIndex sms comm Connection Open try sms comm ExecuteNonQuery sms lbl note Text 删除成功 catch SqlException sms lbl note Text 删除失败 sms lbl note Style color red sms comm Connection Close SMS BindGrid 单击删除 进行数据删除 选择 取消 删除等事件的调用 事件及方法的调用总结Page Load 页面加载时自动调用SMS BindGrid 在其他方法或事件中显式调用DataGrid delete OnDeleteCommand事件调用 OnDeleteCommand DataGrid delete Button1 Click OnClick事件调用 2008 OnClick Button1 Click 图7 18教师页面效果图 Vs2008 Teacher1 aspx cs或学生成绩P248 protectedvoidGridView RowEditing objectsender GridViewEditEventArgse GridView EditIndex e NewEditIndex SMS BindGrid protectedvoidGridView PageIndexChanging objectsender GridViewPageEventArgse GridView PageIndex e NewPageIndex SMS BindGrid protectedvoidGridView RowCancelingEdit objectsender GridViewCancelEditEventArgse GridView EditIndex 1 SMS BindGrid 事件方法的定义 publicvoidGridView RowDeleting objectsender GridViewDeleteEventArgse stringsms sqlstr deletefromteacherwhereteacherid teacher id SqlCommandsms comm newSqlCommand sms sqlstr sms conn sms comm Parameters Add newSqlParameter teacher id SqlDbType Char 8 sms comm Parameters teacher id Value GridView DataKeys e RowIndex Value ToString sms comm Connection Open try sms comm ExecuteNonQuery sms lbl note Text 删除成功 catch SqlException sms lbl note Text 删除失败 sms lbl note Style color red sms comm Connection Close SMS BindGrid 事件方法的定义 P255protectedvoidGridView RowUpdating objectsender GridViewUpdateEventArgse stringsms sqlstr updateteachersetteachername TextBox GridView Rows e RowIndex Cells 1 Controls 0 Text ToString Trim sex TextBox GridView Rows e RowIndex Cells 2 Controls 0 Text ToString Trim departmentid TextBox GridView Rows e RowIndex Cells 3 Controls 0 Text ToString Trim telephone TextBox GridView Rows e RowIndex Cells 4 Controls 0 Text ToString Trim whereteacherID GridView DataKeys e RowIndex Value ToString SqlCommandsms comm newSqlCommand sms sqlstr sms conn sms comm Connection Open sms comm ExecuteNonQuery sms conn Close GridView EditIndex 1 SMS BindGrid 事件方法的定义 事件方法的调用 region是C 预处理器指令 region是一个分块预处理命令 它主要是用于编辑器代码的分块 在编译时会被自动删除 region使您可以在使用VisualStudio代码编辑器的大纲显示功能时指定可展开或折叠的代码块 存储过程 为什么要使用C 存储过程 因为它比SQL语句执行快 C 存储过程是什么 一组SQL语句 简单的存储过程 创建 在SQLserver中创建并自动保存 createprocedureuser selasselectusernamefromusersorderbyusernamedesc方法选择数据库名 可编程性 存储过程 新建存储过程 调用 在VS方法中使用 stringsms connstr System Configuration ConfigurationManager AppSettings sms dbconn SqlConnectionsms conn newSqlConnection sms connstr sms conn Open SqlCommandcmd newSqlCommand user sel sms conn cmd CommandType CommandType StoredProcedure SqlDataReaderdr cmd ExecuteReader GridView1 DataSource dr GridView1 DataBind sms conn Close 带参数的C 存储过程 创建CREATEPROCEDUREStudent Sel lastnamenvarchar 20 classNamevarchar 30 studentidvarchar 10 ASselect from student class wherestudent classid class classidand studentnamelike lastname orstudentid studentid andclass classname className 调用P216protectedvoidButton1 Click objectsender EventArgse sms conn Open SqlCommandsms comm newSqlCommand Student Sel sms conn sms comm CommandType CommandType StoredProcedure SqlDataAdaptersms da newSqlDataAdapter sms comm sms da SelectCommand Parameters Add lastname SqlDbType NVarChar sms da SelectCommand Parameters Add className SqlDbType VarChar 30 sms da SelectCommand Parameters Add studentid SqlDbType VarChar 10 sms da SelectCommand Parameters lastname Value this TextBox3 Text Trim Replace sms da SelectCommand Parameters className Value this DropDownList1 SelectedValue ToString sms da SelectCommand Parameters studentid Value this TextBox4 Text Trim Replace DataSetsms ds newDataSet sms da Fill sms ds sms conn Close sms student DataSource sms ds sms student DataBind 存储过程 SQlS数据提供程序支持使用 XXX 形式的占位符 向Command对象调用的SQL语句或存储过程传递参数 Parameter 为了将数值参数传递给SQL命令 必须使用Command对象的Paremeters集合 Command对象的Paremeters集合包含了Command对象的当前调用的SQL命令的参数集合 通过Paremeters集合的Add方法 将SQL命令中的每一个占位符作为参数添加到Paremeters集合中 同时在Add方法中指定该参数的数据类型和大小 可选 如cmd Paremeters Add ID SqlDbType Char 8 通过占位符名称来引用Paremeters集合中的参数 为每一个参数赋值 指明将哪一个值作为给SQL命令参数的值 修改插入语句P220stringsms sqlstr insertintostudent studentname sex classid telephone address pwd remark ru date studentid birthday credithour values TextBox2 Text RadioButtonList1 SelectedItem Text DropDownList1 SelectedValue ToString TextBox8 Text TextBox10 Text TextBox11 Text TextBox6 Text DropDownList2 SelectedValue ToString TextBox1 Text TextBox5 Text TextBox7 Text stringa TextBox2 Text stringb RadioButtonList1 SelectedItem Text stringc DropDownList1 SelectedValue ToString stringd TextBox8 Text stringe1 TextBox10 Text stringf TextBox11 Text stringh TextBox6 Text stringi DropDownList2 SelectedValue ToString stringj TextBox1 Text stringk TextBox5 Text stringl TextBox7 Text stringsms sqlstr insertintostudent studentname sex classid telephone address pwd remark ru date studentid birthday credithour values a b c d e1 f h i j k l stringb RadioButtonList1 SelectedItem Text stringc DropDownList1 SelectedValue ToString stringd TextBox8 Text stringsms sqlstr insertintostudent studentname sex classid telephone address pwd remark ru date studentid birthday credithour values a b c d e1 f h i j k l sms comm Parameters Add a SqlDbType VarChar sms comm Parameters a Value TextBox2 Text 导航控件 ASP NET2 0导入了3个用来建立网站导航系统的控件 SiteMapPath Menu和TreeViewSiteMapPath提供导航路径的显示功能 它会显示用户当前的页面位置和返回首页的路径链接 Menu则是以选项菜单的样式呈现网站的功能链接项目 TreeView则是以树状架构呈现功能选项 站点地图 站点地图文件是定义页与页之间的关系的XML文档 默认的文件名Web sitemap 必须放置于ASP NET应用程序的根目录中 SiteMapPath TreeView Menu控件的网站导航信息和超链接的数据都可以由 sitemap文件提供 创建站点导航的步骤 1 创建一个站点地图文件 Web sitemap站点地图以作为根元素 该文件中只能有一个元素 包含多个嵌套的子元素 2 使用SiteMapPath导航控件新建一个网页Teacherlist aspx添加一个SiteMapPath控件 命名为SiteMapPath1 该控件能自动获取已经创建的Web sitemap文件 主页 教师信息管理 教师详细信息 3 使用Menu控件Menu控件是一种被设计用来制作网页导航条接口的控件 它在网页上显示为一组预先分类好的网页功能项目链接列表 供用户选择 通常配置在主版页面的共同区域 提供所有网页共享的导航操作功能 新建一个网页添加一个SiteMapDataSource控件 命名为SiteMapDataSource1 该控件能自动获取已经创建的Web sitemap文件 添加一个Menu控件 设置其dataSourceID属性为SiteMapDataSource1 可设置其他属性 改变显示外观 4 使用TreeView控件 TreeView控件由一个或多个节点构成 树中的每个项被称为一个节点 每个TreeNode对象包含任意多个子TreeNode对象 常用属性 AutoGenerateDataBindings 是否自动生成树节点绑定 默认为TRUE ExpandDepth 获得或设置默认情况下TreeView控件展开层次数 默认为 1 即将所有节点完全展开 Node 获得一个包含树中所有根节点的TreeNodeCollection对象 可以在集合中添加 插入 移除和检索TreeNode对象 SelectedNode 用于获得用户选中节点TreeNode对象 新建一个网页添加一个SiteMapDataSource控件 命名为SiteMapDataSource1 该控件能自动获取已经创建的Web sitemap文件 添加一个TreeView控件 设置其DataSourceID属性为SiteMapDataSource1 可设置其他属性 改变显示外观 3