辽宁对外经贸学院本科毕业论文（设计）
表4-4 城市信息表
字段名 c_id c_name c_pid 数据类型 自动编号 文本 数字 长度 4 20 2 主键否 主键 否 否 说明 城市编号 城市名称 所属省编号 5.建立学校类型表命名为classtype，存储学校类型分类信息，为学校查询确定范围。设计如表4-5所示
表4-5 学校类型表
字段名 t_id t_name 数据类型 自动编号 文本 长度 10 10 主键否 主键 否 说明 学校类型编号 学校类型 6.建立班级信息表命名为classinfo，用于存储用户注册的班级信息。设计如表4-6所示
表4-6 班级信息表
字段名 cl_id cl_name cl_pid cl_cid cl_sid cl_m1 cl_m2 cl_type cl_num cl_grad 数据类型 自动编号 文本 数字 数字 数字 数字 数字 数字 数字 数字 长度 10 10 2 4 10 10 10 8 8 10 主键否 主键 否 否 否 否 否 否 否 否 否 说明 班级编号 班级名称 班级所在省编号 班级所在市编号 班级所属学校编号 班级管理员1编号 班级管理员2编号 班级类型 班级人数 班级成立时间（如2007级） 7.建立留言信息表命名为board，用于存储用户留言信息，并提取显示。设计如表4-7所示
表4-7 留言信息表 字段名 b_id b_theme b_cnt b_clid b_uid b_date b_editer b_edittime b_top 数据类型 自动编号 文本 备注 数字 数字 日期/时间 数字 日期/时间 数字 长度 10 30 100 10 10 默认 10 默认 4 主键否 主键 否 否 否 否 否 否 否 否 说明 留言编号 留言主题 留言内容 留言所属班级编号 留言人编号 留言时间 编辑次数 编辑时间 未启用
12 第 页
辽宁对外经贸学院本科毕业论文（设计）
5 详细模块设计与实现
在系统设计中综合考虑如下因素： 1、技术的先进性，符合网络发展的趋势。 2、满足人们的需要，节省时间。
3、提高工作效率，满足网络现在和将来的数据传输需求。 4、实用性、灵活性、模块化、扩充性、经济性、安全性。
5.1 模块详细设计
5.1.1 登录窗口设计
登录窗口页面用于对用户进行身份验证，已注册用户通过用户名和密码的输入可以进入系统，根据身份的不同分配不同的权限。用户登录设计图如图5-1所示，用户登录页面控件列表如表5-1所示。
图5-1 用户登录设计图 表5-1 用户登录页面控件列表
控件类型 TextBox Button 控件名称 txtAccount txtPwd btnOK btnCancel 主要属性设置 ReadOnly设置为“false” ReadOnly设置为“false” Text属性设置为“确定” Text属性设置为“注册” 用途 输入用户名 输入密码 执行登录操作 转入注册页面 5.1.2 用户注册页面设计
用户注册页面通过注册协议的确认、用户名及密码的录入和用户基本资料的输入完成用户在校友录网站的注册。用户注册页面设计图如图5-2所示，用户注册页面控件列表如表5-2所示。
13 第 页
辽宁对外经贸学院本科毕业论文（设计）
图5-2 用户注册页面设计图 表5-2 用户注册页面控件列表
控件类型 TextBox 控件名称 txtAccount txtUpwd txtUpwd2 txtUname txtUjob txtUtel1 txtUaddr txtUemail Button Dropdownlist Radiobutton Compare validator Requiredfield validator RegularExpression Validator btnAgree btnNext btnOK btnSave btnReturn ddlYear ddlMonth ddlDay rltSex txtUpwd2 txtAccount RegularExpression Validator2 主要属性设置 ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” Text属性设置为“我同意” Text属性设置为“下一步” Text属性设置为“确认” Text属性设置为“确定” Text属性设置为“返回” Visble设置为“true” Visble设置为“true” Visble设置为“true” Visble设置为“true” Textmode设置为“Password” ReadOnly设置为“false” ValidationExpression 设置为“\\d{6}” 用途 输入用户名 输入密码 确认输入 输入姓名 输入工作 输入电话 输入地址 输入电子邮件 执行登录操作 转入注册页面 转入确认界面 确认信息 重新编辑 日期年 日期月 日期日 性别选择 比较两次密码 确认用户名非空 确认邮编格式 5.1.3 学校查找页面设计
学校查找页面通过对学校所在地区和学校类型的选择以及学校关键字的输入，完成对学校的条件搜索。搜索到目标学校后可进行班级的注册或加入，若尚无此学校注册，用户可对学校信息进行注册，学校查找页面设计图如图5-3所示，学校查找页面控件列表如表5-3所示。
14 第 页
辽宁对外经贸学院本科毕业论文（设计）
图5-3 学校查找页面设计图 表5-3 学校查找页面控件列表
控件类型 Dropdownlist Textbox Button Requiredfield validator 控件名称 ddlSchcity ddlSchtype txtSchkey btnNext1 lblSchtype 主要属性设置 Visble设置为“true” Visble设置为“true” ReadOnly设置为“false” Text属性设置为“下一步” Visble设置为“true” 用途 选择学校所在地区 选择学校类型 输入关键字 转入学校选择页 确认学校类型 5.1.4 用户个人页面设计
个人登陆页面是已注册用户成功登陆后进入的页面，包含已加入的班级的显示和通讯录留言本模块的的进入，和为加入班级用户的班级查找。个人登录页面设计图如图5-4所示，个人登录页面控件列表如表5-4所示。
图5-4 用户个人页面设计图
15 第 页
辽宁对外经贸学院本科毕业论文（设计）
表5-4 用户个人页面控件列表
控件类型 Datagrid Dropdownlist Button Hyperlink 控件名称 DataGrid1 ddlProve btnNext Button1 Button2 Goto 主要属性设置 Visble设置为“true” Visble设置为“true” Text设置为“下一步” Text设置为“照片上传” Text设置为“修改信息” Visble设置为“true” 用途 列出已加入的班级 省份选择 转入班级登录页 转入班级相册页面 转入个人资料修改页面 进入留言和通讯录页面 5.1.5 个人资料修改页面设计
个人资料修改页面是在已登录用户个人资料有所更新的时候，对自己在班级通讯录的显示的内容进行的修改，实现资料的更新。个人资料修改页面设计图如图5-5所示，个人资料修改页面控件列表如表5-5所示。
图5-5 个人资料修改页面设计图 表5-5 个人资料修改页面控件列表
控件类型 Datagrid Textbox 控件名称 Datagrid1 u_pwd u_name u_job u_tel1 u_tel2 u_addr u_email u_qq Radiobutton Dropdownlist Button Sex ddlYear ddlMonth ddlDay Update Cancel 主要属性设置 Visble设置为“true” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” ReadOnly设置为“false” Visble设置为“true” Visble设置为“true” Visble设置为“true” Visble设置为“true” Text属性设置为“修改” Text属性设置为“取消” 16 第 页 用途 显示已录入信息 修改密码 修改姓名 修改工作单位 修改宅电 修改移动电话 修改地址信息 修改电子邮箱 修改QQ信息 性别修改 修改日期年 修改日期月 修改日期日 确认修改 转回个人页面