校友录网站应用设计案例.doc

校友录网站应用设计案例参考手册校友录网站应用设计案例目录 1概述41.1案例教学介绍41.2项目背景41.3项目实例简介51.3.1 项目涉及的要点51.3.2 案例简单介绍52案例教学过程详解62.1学生了解网站构架61) 学生了解项目开发平台62) 学生了解项目构架63) 指导学生编码63分析与设计63.1需求分析63.2网站设计73.2.1默认页设计71）页面控件72）页面功能概述73.2.2注册页设计71）网页控件72）页面功能概述83.2.3注册成功页设计81）页面功能概述83.2.4登陆页设计81）网页控件82）页面功能概述83.2.5登陆成功页设计91）页面功能概述93.2.6忘记密码页设计91）网页控件92）页面功能概述93.2.7密码发送成功页设计91）页面功能概述93.2.8搜索页设计91）网页控件102）页面功能概述103.2.9报错页设计101）页面功能概述103.2.10校友录默认设计101）网页控件102）页面功能概述103.2.11校友录首页设计111）网页控件112）页面功能概述113.2.12修改用户资料页设计111）网页控件112）页面功能概述113.2.13更换头像页设计111）网页控件122）页面功能概述123.2.14照片页设计121）网页控件122）页面功能概述123.2.15创建学校页设计121）网页控件122）页面功能概述133.2.16班级列表页设计131）网页控件132）页面功能概述133.2.17创建班级成功页设计131）网页控件132）页面功能概述143.2.18班级首页设计141）网页控件142）页面功能概述143.2.19班级留言页设计141）网页控件142）页面功能概述153.2.20班级相册页设计151）网页控件152）页面功能概述153.2.21班级照片页设计151）网页控件152）页面功能概述153.2.22上传照片页设计161）网页控件162）页面功能概述163.2.23上传照片成功页设计161）页面功能概述163.2.24班级通讯录页设计161）网页控件162）页面功能概述173.2.25班级管理页设计171）网页控件172）页面功能概述173.3数据库设计173.3.1架构创建171）架构定义173.3.2.数据库创建171）UserAccount表182）UserInfo表183）Title表184）UserClass表195）SchoolInfo表196）ClassInfo表197）MessageBoard表198）Album表209）Photo表2010）Comment表203.3.3.数据库关系图213.3.4.系统视图211）vClassPhoto系统视图213.3.5.系统存储过程261）dbo.CreateUser存储过程262）dbo.UpdateUser存储过程263）dbo.UploadPhoto存储过程271 概述本文档主要介绍网站的结构1.1 案例教学介绍案例教学有以下几个特点：1. 项目运作方式。案例教学通过指导学生参与一个实际的项目开发使其能够了解整个软件项目开发的过程，了解项目整个开发过程中所涉及到的文档，了解项目代码的书写规范，同时还可以锻炼学生的独立自主完成项目的精神。2. 任务驱动教学。通过使学生完成具体的任务，让他们可以掌握实际工作中需要的技能和方法。案例教学同时覆盖了所对应课程的必要知识点，也是对课本内容很好的回顾。校友录网站应用开发案例是配合Microsoft SQL Server Management 2005课程展开的，除应用到本门课程的知识外，还会帮助学生强化以前学到的知识，真正将知识转化为实际的技能。3. 不占用教学课时。教师指导学生在课外时间逐步完成整个案例设计，也可以在学期结束后增加一个小学期集中完成。学生最好在同一个实验环境中完成开发任务，如果没有条件的话，也可以在宿舍或家中完成学习任务。案例教学的目的是：1. 培养学生完整开发一套数据库系统的能力。该案例教学本身不是培养学生编写项目文档（需求分析，功能说明等）的能力，也不是培养学生模块设计的能力，主要是培养学生编写数据库代码的能力，即根据项目的具体要求，遵循代码编写规范来编写代码并测试。2. 了解项目开发的整个过程和所涉及的文档。这里对学生的要求仅限于了解，让学生对项目文档有感性认识。1.2 项目背景开发类课程的案例教学主要的内容是：本练习是为了更好得让学生学习并掌握SQL操作的应用，以及掌握实现WEB站点内部与数据库内部的互连，并学会如何读取与调用数据库。通过观察网站来学习用SQL语句来编写相对应的数据库，最终达到使网站调试运行成功。下面就简单介绍一下这个项目的背景和功能。先来介绍一下网站的结构和功能，校友录网站功能共分为两大部分：用户个人信息功能和班级功能。用户个人信息功能中包含，创建新帐号（包含用户个人信息）、编辑用户个人信息以及上传更新用户个人头像。班级功能中包含，搜索班级、创建学校、创建班级、加入班级、班级留言、班级相册、上传相册以及相册留言等功能。学生将通过完善网站与数据库的互联来实现所有功能。1.3 项目实例简介1.3.1 项目涉及的要点应用asp.Net 语言并结合C# 和VB.Net 以及简单的HTML语言来编写校友录网站，结合本书部分章节的知识重点来编写适合学生学习并理解的简单网站程序。将要用到以下类： 通过SqlConnection类来获取数据源的连接 使用SqlCommand对象来执行对数据的相关操作 使用SqlDataAdapter对象填充数据集 Parameters参数 DataSet，类型化和非类型化 使用DataSource在DataList中创建互连关系1.3.2 案例简单介绍 在本章中，我们将通过实例介绍设计过程。首先，对该网站内容进行一个大体的介绍。该网站目前正处于建设调试阶段，所以要求内部结构清晰简单并易于操作。下面是网站内部页面的主要组成：l 新用户注册新用户注册相关信息，包括姓名、性别、年龄、头像等相关信息l 修改用户个人信息已注册用户可通过修改页面来修改密码、个人信息以及更新个人头像l 搜索功能用户输入同学、班级或学校名称来搜索相关班级信息l 创建学校当用户没有搜索到该学校下的班级时，可自行创建学校并班级l 创建班级当用户没有搜索到该班级时，可自行创建新班级l 班级留言该班级同学可在班级留言板上留言l 班级相簿该班级同学可上传相册l 班级通讯录列出该班级所有同学的信息l 班级管理该班级管理员可在该页面中进行相关数据修改该项目开发时间很短，而且数据库的大小容量也有限，所以初期只提供上述少量的功能。如果时间和精力允许的话，将逐步扩充该网站的功能和数据库。2 案例教学过程详解2.1 学生了解网站构架1) 学生了解项目开发平台 教师指导学生熟悉项目的开发平台，了解整个网站开发的流程。 在这个项目中我们使用的是Microsoft Visual Studio 2005开发平台以及Microsoft SQL 2005作为数据库开发平台。2) 学生了解项目构架整个案例设计的框架可以分为以下两个部分： 用户信息包含新用户注册、修改用户信息、更新用户个人头像 班级信息包含搜索班级、创建学校、创建班级、加入班级、班级留言、班级相册、上传相册以及相册留言3) 指导学生编码在学生对软件开发平台，项目架构，解决方案熟悉的情况下，教师指导学生进行编码。l 指导学生完成界面的布局，控件属性的设置l 指导学生进行编码实现l 指导学生进行测试运行3 分析与设计3.1 需求分析通常，网站的操作流程如下所示：1 新用户通过注册系统，获得用户登陆帐号。同时发送用户帐号信息以及个人信息到后台数据库相关表进行存储。2 注册用户可通过修改系统进行登陆密码、个人信息及个人头像的修改，并发送到后台数据库相关表进行更新。3 注册用户可通过搜索功能进行同学、班级以及学校搜索，并可加入搜索到的相关班级。同时发送相关数据到后台数据库相关表进行更新。4 登陆用户进入校友录,通过数据库的互连将列举所加入的所有班级。5 班级成员可在班级首页的留言板或班级留言板中进行留言，同时发送相关留言信息到后台数据库相关表进行存储。6 班级成员可在上传照片页面中上传相片到所属的所有班级，同时发送相关留言信息到后台数据库相关表进行存储。7 班级成员可在班级相册页面内对照片进行评论，同时发送相关评论信息到后台数据库相关表进行存储。注：该数据库将会有相关表来存储用户所加入的不同班级，并对所有相关信息进行分类存储。3.2 网站设计3.2.1 默认页设计Index/Default.aspx，整个网站最初进入的默认页面。1）页面控件u LonIn控件u HyperLink控件2）页面功能概述提供用户登陆，并转入校友录首页。以及搜索功能，当用户点击搜索按钮时跳转至搜索页面。3.2.2 注册页设计Index/Register.aspx，新用户注册页面。1）网页控件u LonIn控件u HyperLink控件u TextBox控件u RequiredFieldValidator验证控件u CustomValidator验证控件u FileUpload控件u Button按钮2）页面功能概述检查各个注册项的可用性如下：l 用户名是否已存在l 密码长度限制l 用户姓名不为空l 用户生日是否有效l 手机号码是否有效l Email是否有效及唯一当用户单击按钮时，该新用户信息将被发送至数据库UserAccount表和UserInfo表中来存储该用户的帐号信息以及个人信息。3.2.3 注册成功页设计Index/Welcome.aspx，欢迎页面。1）页面功能概述当新用户注册成功后页面自动跳转至此欢迎页面。3.2.4 登陆页设计Index/Login.aspx，用户登陆页面。1）网页控件u LonIn控件u HyperLink控件u TextBox控件u RequiredFieldValidator验证控件u CustomValidator验证控件u FileUpload控件u Button按钮2）页面功能概述检查用户输入的用户名和密码是否存在并匹配，登陆成功页面跳转至欢迎页。3.2.5 登陆成功页设计Index/WelcomeBack.aspx，欢迎页面。1）页面功能概述当登陆成功后页面自动跳转至此欢迎页面。3.2.6 忘记密码页设计Index/ForgetPassword.aspx，忘记密码页面。1）网页控件u LonIn控件u HyperLink控件u TextBox控件u RequiredFieldValidator验证控件u CustomValidator验证控件u Button按钮2）页面功能概述检查用户输入的邮箱地址是否有效，发送用户帐号及密码信息至用户注册邮箱中。3.2.7 密码发送成功页设计Index/SendPasswordOk.aspx，密码发送成功页面。1）页面功能概述当密码发送成功后自动跳转至该页面，提示用户发送已成功，并跳转至默认页面。3.2.8 搜索页设计Index/SearchClass.aspx，搜索结果页面。1）网页控件u HyperLink控件u Label控件u DataList控件u Button按钮2）页面功能概述显示用户搜索的结果。若用户没有登陆系统将报错并跳转至错误页面。登陆用户可直接通过点击学校或班级链接跳转至相关的学校列表或特定学校。如果未搜索到符合条件的学校，可直接通过点击创建班级按钮，跳转至创建新班级的页面。3.2.9 报错页设计Index/Error.aspx，报错页面。1）页面功能概述当未登陆用户企图访问需登陆的页面时自动跳转至该报错页面，提示用户登陆。3.2.10 校友录默认设计User/Default.aspx,登陆用户进入的默认页面。1）网页控件u Image控件u HyperLink控件u DropdownList控件u DataList控件u Button按钮2）页面功能概述显示用户的基本资料以及最新创建的班级和图片信息，此功能是通过DataList控件的DataSource绑定数据库来实现的。并且用户可以通过该页面的搜索功能来查找符合要求的相关班级。3.2.11 校友录首页设计User/UserClass.aspx,登陆用户进入校友录后的首页面。1）网页控件u Image控件u Label控件u HyperLink控件u DataList控件u Button按钮2）页面功能概述显示用户的基本资料以及该用户所属的所有班级，此功能是通过DataList控件的DataSource绑定数据库相关信息来实现的。3.2.12 修改用户资料页设计User/EditInfo.aspx，修改用户资料页面。1）网页控件u HyperLink控件u TextBox控件u RequiredFieldValidator验证控件u CustomValidator验证控件u FileUpload控件u Button按钮2）页面功能概述注册用户修改个人信息及密码。单击按钮，检查各个项的有效性并发送更新信息至数据库UserInfo及UserAccount表中。3.2.13 更换头像页设计User/ChangeImage.aspx，更换用户头像页面。1）网页控件u Image控件u FileUpload控件u Button按钮2）页面功能概述显示用户原来头像，当单击保存按钮时将用户更新的头像图片路径信息发送至数据库UserInfo表中的Image项内进行更新，并保存头像图片至网站Image文件夹内。3.2.14 照片页设计User/Photo.aspx,用户点击最新上传的照片链接时所进入的页面。1）网页控件u Label控件u Image控件u Button按钮2）页面功能概述该页面只显示照片以及照片基本信息：照片上传人、上传时间以及照片大小。3.2.15 创建学校页设计User/CreateSchool.aspx,用户点击创建新学校按钮时所跳转进入的页面。1）网页控件u Label控件u TextBox控件u RequiredFieldValidator验证控件u CustomValidator验证控件u Button按钮u HTMLInput（Hidden）2）页面功能概述检查用户所输入的学校名称的有效性，当新学校注册成功后，用户可通过点击下一步按钮直接创建班级。新班级创建成功时，直接跳转至创建班级成功页面来提示用户，并可通过该页面直接进入所创班级。3.2.16 班级列表页设计User/ClassList.aspx,用户点击搜索班级页面中的班级链接所进入的页面。1）网页控件u Label控件u DataList控件u TextBox控件u RequiredFieldValidator验证控件u CustomValidator验证控件u Button按钮u HTMLInput（Hidden）2）页面功能概述显示用户所搜索的学校下的所有班级，此功能是通过DataList控件的DataSource绑定数据库来实现的。如果用户未找到符合要求的班级，可通过点击创建新班级按钮直接在页面下方进行新班级的创建。当新班级创建成功时，直接跳转至创建班级成功页面来提示用户，并可通过该页面直接进入所创班级。3.2.17 创建班级成功页设计User/CreateClassOk.aspx,用户班级成功后所进入的页面。1）网页控件u Label控件u Button按钮u HTMLInput（Hidden）2）页面功能概述显示用户所创建的班级信息，此功能是通过DataList控件的DataSource绑定数据库来实现的。用户可通过点击进入班级按钮直接进入所创新班级。3.2.18 班级首页设计User/ClassHome.aspx, 登陆用户进入班级后的首页面。1）网页控件u Image控件u Label控件u HyperLink控件u DataList控件u RequiredFieldValidator验证控件u CustomValidator验证控件u LinkButton按钮u Button按钮2）页面功能概述显示登陆用户的基本个人信息以及该班级的班级留言，班级成员可直接在下方进行留言。班级信息列中显示该班级的基本信息包含创建时间、创建人、管理员和班级成员总数。申请加入班级的同学列中显示了申请加入该班级还未被批准的用户，班级同学都有权利进行批准。非本班同学可通过点击加入班级按钮来申请加入该班级。本班同学可通过点击与该班脱离关系按钮直接退出班级。3.2.19 班级留言页设计User/ClassMessage.aspx, 登陆用户进入班级后的留言页面。1）网页控件u Label控件u HyperLink控件u DataList控件u RequiredFieldValidator验证控件u Button按钮2）页面功能概述显示该班级的所有留言以及留言总数，班级成员可直接在下方进行留言。留言人可通过点击删除按钮删除本人留言。3.2.20 班级相册页设计User/ClassAlbum.aspx, 登陆用户进入班级后的相册页面。1）网页控件u Label控件u HyperLink控件u DataList控件u Button按钮2）页面功能概述显示该班级的所有照片以及照片总数，班级成员可直接点击照片进入该照片页。照片上传人可通过点击删除按钮删除本人上传的照片。3.2.21 班级照片页设计User/ClassPhoto.aspx, 登陆用户点击照片后所进入的相册页面。1）网页控件u Image控件u Label控件u HyperLink控件u DataList控件u RequiredFieldValidator验证控件u Button按钮2）页面功能概述显示该照片的全部信息和评论信息，包含照片上传人、上传时间、评论总数、照片大小、照片评论人、评论时间以及评论内容。班级成员可直接在照片下方的评论框内发表评论。照片评论人可通过点击删除按钮删除本人的评论。点击上传照片按钮将直接跳转至上传照片页面。3.2.22 上传照片页设计User/UploadPhoto.aspx, 登陆用户点击上传照片按钮后所进入的页面。1）网页控件u Label控件u HyperLink控件u TextBox控件u FileUpload控件u DataList控件u CheckBox控件u Button按钮2）页面功能概述班级成员通过此页面进行照片上传，并可选择将该照片上传至用户所属的所有班级。3.2.23 上传照片成功页设计Index/UploadPhotoOk.aspx，照片成功上传后所跳转的页面。1）页面功能概述当照片成功上传后自动跳转至该页面，提示用户已成功上传，并跳转至班级相册页面。3.2.24 班级通讯录页设计User/AddressList.aspx, 登陆用户进入班级后的通讯录页面。1）网页控件u Label控件u HyperLink控件u DataList控件u Button按钮2）页面功能概述显示该班级所有同学的信息，包含同学姓名、性别、出生日期、手机号码、居住地址以及邮箱。3.2.25 班级管理页设计User/ClassManage.aspx, 管理员进入班级后的管理页面。1）网页控件u Label控件u HyperLink控件u DataList控件u Button按钮2）页面功能概述班级管理员可对该班级的所有成员以及申请加入班级的用户进行管理。管理员可设置班级成员与班级管理员头衔的转换，以及批准申请加入的同学。班级创始人可以删除本班级。3.2.26 网站关系图3.3 数据库设计3.3.1 架构创建架构webapp用于实现数据库安全管理，后面所建表，视图及存储过程都建立在此架构上。1）架构定义架构名称webapp架构所有者dbo3.3.2. 数据库创建数据库的实现开始于具体地考虑数据库的表和字段等细节。下面将详细的列举数据库内所包含的相关信息数据。创建一个新数据库，命名为SchoolMates。在该数据库中新建数表，具体内容如下：1）UserAccount表UserAccount表用于记录各个用户的帐号信息，包括用户登陆帐号以及用户登陆密码。各字段的定义如下表所示：列名数据类型允许空说明备注UserIDVarchar(20)否用户登陆ID主键。自动增长PasswordVarchar(20)否用户登陆密码2）UserInfo表UserInfo表用于记录用户的个人信息，包括用户登陆帐号、用户姓名、性别、出生日期、注册日期、手机号码、住址、邮箱地址、头像地址。各字段的定义如下表所示：列名类型允许空说明备注UserIDVarchar(20)否用户登陆ID主键，外键NameVarchar(20)否用户姓名SexChar(2)否用户性别BirthDatetime否出生日期RegDateDatetime是注册时间默认值为函数(getdate()MobileVarchar(20)是手机号码AddressVarchar(200)是住址EmailVarchar(50)否邮箱地址ImageVarchar(100)是头像图片路径3）Title表Title表用于记录用户头衔信息，包含头衔ID、头衔名称以及头衔描述。各字段的定义如下表所示：列名称类型允许空说明备注TitleIDint否头衔ID主键。自动增长TitlelNameVarchar(20)否头衔名称DescriptionVarchar(20)是描述数据如下图所示：4）UserClass表UserClass表用于记录用户所属班级信息，包含登陆帐号、班级ID以及头衔ID，每一用户在该表中都对应一条或多条记录。各字段的定义如下表所示：列名称类型允许空说明备注UserIDVarchar(20)否用户登陆ID主键，外键ClassIDint否班级ID主键，外键TitleIDint是头衔ID外键，默认值为(0)5）SchoolInfo表SchoolInfo表用于记录用户所属学校信息，包含学校ID以及学校名称。各字段的定义如下表所示：列名称类型允许空说明备注SchoolIDint否学校ID主键。自动增长SchoolNameVarchar(50)否学校名称唯一6）ClassInfo表ClassInfo表用于记录班级信息，包含班级ID、班级名称、创建人、创建时间以及所属学校ID。各字段的定义如下表所示：列名称类型允许空说明备注ClassIDint否班级ID主键ClassNamevarchar(50)否班级名称CreatByVarchar(20)否创建人外键CreateDatedatetime是创建时间SchoolIDint否所属学校ID外键7）MessageBoard表MessageBoard表用于记录班级的留言信息，包含留言ID、留言内容、留言人、留言时间、留言修改时间以及所对应的班级ID。各字段的定义如下表所示：列名称类型允许空说明备注MessageBoardIDint否留言ID主键，自动增长MessageContentVarchar(500)否留言内容CreatByVarchar(20)否留言人外键CreatDatedatetime是留言时间默认值为函数(getdate()EditDatedatetime是留言修改时间。默认值为函数(getdate()ClassIDint否所对应的班级ID外键8）Album表Album表用于记录班级相册簿与照片的关联，包含相册簿ID以及图片ID，每一图片在该表中都对应一条或多条记录。各字段的定义如下表所示：列名称类型允许空说明备注AlbumIDint否相册簿ID主键，外键PhotoIDint否图片ID主键9）Photo表Photo表用于记录图片的信息，包含图片ID、图片名称、上传人、上传时间、图片路径以及图片大小。各字段的定义如下表所示：列名称类型允许空说明备注PhotoIDint否图片ID主键，自动增长PhotoNameVarchar(200)否图片名称UploadByVarchar(20)否上传人UploadDatedatetime是上传时间默认值为函数(getdate()PhotoPathVarchar(50)否图片路径唯一PhotoSizeint否图片大小(字节)10）Comment表Comment表用于记录图片的评论信息，包含评论ID、评论人、评论时间、评论内容、评论图片ID以及图片所属相册ID。各字段的定义如下表所示：列名称类型允许空说明备注CommentIDint否评论ID主键，自动增长CommentByVarchar(20)否评论人外键CommentDatedatetime是评论时间默认值为函数(getdate()CommentContentVarchar(200)否评论内容PhotoIDint否评论图片ID外键AlbumIDint否图片所属相册ID外键3.3.3. 数据库关系图下图为数据库SchoolMates的关系图，通过各个表的关联，创建如下关系图。3.3.4. 系统视图1）vClassPhoto系统视图视图vClassPhoto用于查询班级照片信息及照片评论数。具体代码如下所示：SET ANSI_NULLS ONGOSET QUOTED_IDENTIFIER ONGOCREATE VIEW dbo.vClassPhotoASSELECT TOP (100) PERCENT dbo.Album.AlbumID, dbo.Album.PhotoID, dbo.Photo.PhotoName, dbo.Photo.UploadBy, dbo.UserInfo.Name, dbo.Photo.UploadDate, dbo.Photo.PhotoPath, ISNULL(derivedtbl_1.count_comment, 0) AS CountCommentFROM dbo.Album INNER JOIN dbo.Photo ON dbo.Album.PhotoID = dbo.Photo.PhotoID INNER JOIN dbo.UserInfo ON dbo.Photo.UploadBy = dbo.UserInfo.UserID LEFT OUTER JOIN (SELECT AlbumID, PhotoID, COUNT(CommentID) AS count_comment FROM dbo.Comment GROUP BY AlbumID, PhotoID) AS derivedtbl_1 ON derivedtbl_1.AlbumID = dbo.Album.AlbumID AND derivedtbl_1.PhotoID = dbo.Album.PhotoIDORDER BY dbo.Photo.UploadDate DESCGOEXEC sys.sp_addextendedproperty name=NMS_DiagramPane1, value=N0E232FF0-B466-11cf-A24F-00AA00A3EFFF, 1.00Begin DesignProperties = Begin PaneConfigurations = Begin PaneConfiguration = 0 NumPanes = 4 Configuration = (H (140 420 220 3) ) End Begin PaneConfiguration = 1 NumPanes = 3 Configuration = (H (1 50 4 25 3) End Begin PaneConfiguration = 2 NumPanes = 3 Configuration = (H (1 50 2 25 3) End Begin PaneConfiguration = 3 NumPanes = 3 Configuration = (H (4 30 2 40 3) End Begin PaneConfiguration = 4 NumPanes = 2 Configuration = (H (1 56 3) End Begin PaneConfiguration = 5 NumPanes = 2 Configuration = (H (2 66 3) End Begin PaneConfiguration = 6 NumPanes = 2 Configuration = (H (4 50 3) End Begin PaneConfiguration = 7 NumPanes = 1 Configuration = (V (3) End Begin PaneConfiguration = 8 NumPanes = 3 Configuration = (H (156 418 2) ) End Begin PaneConfiguration = 9 NumPanes = 2 Configuration = (H (1 75 4) End Begin PaneConfiguration = 10 NumPanes = 2 Configuration = (H (166 2) ) End Begin PaneConfiguration = 11 NumPanes = 2 Configuration = (H (4 60 2) End Begin PaneConfiguration = 12 NumPanes = 1 Configuration = (H (1) ) End Begin PaneConfiguration = 13 NumPanes = 1 Configuration = (V (4) End Begin PaneConfiguration = 14 NumPanes = 1 Configuration = (V (2) End ActivePaneConfig = 0 End Begin DiagramPane = Begin Origin = Top = 0 Left = 0 End Begin Tables = Begin Table = Album Begin Extent = Top = 6 Left = 38 Bottom = 91 Right = 169 End DisplayFlags = 280 TopColumn = 0 End Begin Table = Photo Begin Extent = Top = 6 Left = 207 Bottom = 121 Right = 344 End DisplayFlags = 280 TopColumn = 0 End Begin Table = UserInfo Begin Extent = Top = 96 Left = 38 Bottom = 211 Right = 169 End DisplayFlags = 280 TopColumn = 0 End Begin Table = derivedtbl_1 Begin Extent = Top = 126 Left = 207 Bottom = 226 Right = 364 End DisplayFlags = 280 TopColumn = 0 End End End Begin SQLPane = End Begin DataPane = Begin ParameterDefaults = End Begin ColumnWidths = 9 Width = 284 Width = 1500 Width = 1500 Width = 1500 Width = 1500 Width = 1500 Width = 1500 Width = 1500 Width = 1500 End End Begin CriteriaPane = Begin ColumnWidths = 11 Column = 1440 Alias = 900 Table = 1170 Output = 720 Append = 1400 NewValue = 1170 SortType = 1350 SortOrder = 1410 GroupBy = 1350 Filter = 1350 Or = 1350 Or = 1350 Or = 1350 End ,level0type=NSCHEMA, level0name=Ndbo, level1type=NVIEW, level1name=NvClassPhotoGOEXEC sys.sp_addextendedproperty name=NMS_DiagramPane2, value=N EndEnd ,level0type=NSCHEMA, level0name=Ndbo, level1type=NVIEW, level1name=NvClassPhotoGOEXEC sys.sp_addextendedproperty name=NMS_DiagramPaneCount, value=2 ,level0type=NSCHEMA, level0name=Ndbo, level1type=NVIEW, level1name=NvClassPhoto3.3.5. 系统存储过程当网站要从数据库读取大量的数据时，我们将应用系统存储过程来方便调用操作。1）dbo.CreateUser存储过程首先，在可编程性下的存储过程中新建一个名为dbo.CreateUser的存储过程，该存储过程用于在数据库UserAccount表和UserInfo表中插入新用户的信息。具体代码如下所示：set ANSI_NULLS ONset QUOTED_IDENTIFIER ONgoALTER PROCEDURE dbo.CreateUser userID varchar(20),password varchar(50),name v