第一部分概述1.文档说明本文档主要包括数据库详细设计和界面详细设计讲解,所以请认真阅读,以提高开发的质量和效率。2.系统需求概述整个系统中所有布局统一采用div布局,所有数据展示控件,如GridView和DataList都要有分页处理。建议在浏览页面时,设置浏览器:从工具--Internet选项--设置--每次访问网页时检查。第二部分系统总体结构本系统采用了传统的3层架构实现,理解起来更简单,请采用3层架构的模式开发你的系统。如下图所示:94第三部分系统设计类图//*系统中主要的、关键实体类图,参考图如下*//[用例1]实现时序图95//用例1的时序图,参考图如下*//描述第四部分数据库设计1.逻辑设计数据库关系图:2.表设计//*所有的表的详细设计信息汇总,如:*//4.1数据库:GameCardSale所有表信息表名功能说明UserInfo存放用户基本信息UserState可扩展性,设置用户是否被屏蔽的状态96RoleInfo存放角色基本信息SysFun存放菜单功能基本信息RoleRight存放所有角色权限CardType卡片类型信息表Card具体卡片表CardState可扩展,卡片是否被售出的状态ShoppingCart购物车功能,存放用户已经选择的卡片信息TempRelativeCard根据用户选择的卡片,给出相关的选择ShopHistory用户购物历史记录PostHistory用户汇款历史记录ApproveState可扩展,用户汇款被审核状态PostFailedInfo存放汇款失败时,系统发送的信息News存放系统公告信息Advice存放会员的投诉建议信息4.2表UserInfo表名列名数据类型(精度范围)空/非空约束条件其他说明UserIdVarchar(50)非空用户唯一标识UserNameVarchar(50)非空真实姓名PassWordVarchar(50)非空密码UserRoleint非空用户角色Genderint非空性别PassQuestionVarchar(50)非空密码提示问题PassAnswerVarchar(50)非空密码提示答案EmailVarchar(50)非空TelNobigint非空电话号码AddressVarchar(50)联系地址IDCardNobigint身份证号97Moneyfloat用户余额UserStateint非空表UserState中UserStateId的外键用户状态4.3表UserState表名列名数据类型(精度范围)空/非空约束条件其他说明UserStateIdVarchar(50)非空1:正常状态;0:被屏蔽UserStateNameVarchar(50)非空4.4表RoleInfo表名列名数据类型(精度范围)空/非空约束条件其他说明RoleIdint非空角色idRoleNameVarchar(50)非空角色名称RoleDescVarchar(50)角色描述DisCountint会员折扣4.5表SysFun表名列名数据类型(精度范围)空/非空约束条件其他说明NodeIdint非空菜单节点idDisplayNameVarchar(50)非空菜单名称NodeURLVarchar(50)菜单连接地址DisplayOrderint非空菜单显示顺序ParentNodeIdint非空父节点id4.6表RoleRight表名列名数据类型(精度范围)空/非空约束条件其他说明RoleRightIdint非空角色权限idRoleIdint非空表RoleInfo中RoleId的外键角色idNodeIdint非空表SysFun中NodeId的外键菜单节点id4.7表CardType98表名列名数据类型(精度范围)空/非空约束条件其他说明CardTypeIdint非空卡片类型idCardTypeNameVarchar(50)非空卡片类型名称CardPriceint非空卡片价格CardImageVarchar(50)对应图片地址4.8表Card表名列名数据类型(精度范围)空/非空约束条件其他说明CardIdint非空卡片idCardTypeIdint非空表CardType中CardTypeId的外键卡片类型idCardNobigint非空卡片序号CardPasswordint非空卡片密码CardDescVarchar(50)卡片描述CardTimedatetime非空添加卡片时间CardStateint非空表CardState中CardStateId的外键卡片售出状态4.9表CardState表名列名数据类型(精度范围)空/非空约束条件其他说明CardStateIdint非空卡片状态id1:售出;0:未售出CardStateNameVarchar(50)非空卡片状态名称4.10表ShoppingCart表名列名数据类型(精度范围)空/非空约束条件其他说明ShoppingCartItemIdint非空购物车项idUserIdVarchar(50)非空表UserInfo中userid的外键用户idCardTypeIdint非空表CardType中CardTypeId的外键卡片类型idNumint非空购买数量4.11表TempRelativeCard99表名列名数据类型(精度范围)空/非空约束条件其他说明TempRelativeCardIdVarchar(50)非空相关卡片标识idUserIdint非空表UserInfo中userid的外键用户idCardTypeIdint非空表CardType中CardTypeId的外键卡片类型id4.12表ShopHistory表名列名数据类型(精度范围)空/非空约束条件其他说明ShopHistoryIdint非空购物历史记录idUserIdVarchar(50)非空表UserInfo中userid的外键用户idCardIdint非空表Card中CardId的外键卡片idShopTimedatetime非空购买时间4.13表PostHistory表名列名数据类型(精度范围)空/非空约束条件其他说明PostHistoryIdint非空汇款历史记录idUserIdVarchar(50)非空表UserInfo中userid的外键用户idBankVarchar(50)非空汇款银行Moneyint非空汇款金额PostTimedatetime非空汇款时间PostDescVarchar(50)备注ApproveStateint非空表ApproveState中ApproveStateId的外键审核状态4.14表ApproveState表名列名数据类型(精度范围)空/非空约束条件其他说明ApproveStateIdint非空种子,自增1审核状态idApproveStateNameVarchar(50)非空审核状态名称名称1004.15表PostFailedInfo表名列名数据类型(精度范围)空/非空约束条件其他说明PostFailedInfoIdint非空汇款失败信息idUserIdVarchar(50)非空表UserInfo中userid的外键用户idPostHistoryIdint非空表PostHistory中PostHistoryId的外键汇款历史记录idReadStateint非空消息阅读状态0:未读;1:已读4.16表News表名列名数据类型(精度范围)空/非空约束条件其他说明NewsIdint非空公告idTitleVarchar(50)非空公告标题ContentVarchar(500)公告内容NewsTimedatetime非空发布公告时间NewsStateint非空消息发布状态1:已发布;0:未发布4.17表Advice表名列名数据类型(精度范围)空/非空约束条件其他说明AdviceIdint非空投诉建议idUserIdVarchar(50)非空表UserInfo中userid的外键用户idContentVarchar(2000)非空投诉或建议内容…第五部分界面设计1.登陆界面设计说明:所有页面设计要求使用div布局完成。101图1.1用户登陆首页用户登陆首页要求:只有当用户名、密码和验证码都正确时才能通过验证。“网站公告”部分为由下到上的滚动字幕,“查看所有商品”部分为从右到左的滚动字幕。点“注册会员”时,弹出添加新会员窗口,如图1.2所示。点“忘记密码?”,弹出找回密码页面,如图1.4所示。点“查看所有商品”,弹出商品展示页面,如图1.7所示。点网站公告信息,弹出该公告的详细信息页面,如图1.9所示。会员注册页面:(如图1.2所示)验证码,自动生成网站公告点这里注册找回密码查看商品102图1.2用户注册页面会员注册页面要求:用户登陆名只能为数字和字母以及“_”“-”,不得使用其它字符。并且用户登陆名不能少于4位,密码不能少于6位,最多不超过10位,email和电话都要进行有效性验证,除了地址和身份证号外,其他信息不能为空。提交后若注册成功则提示,如图1.3所示。图1.3注册成功提示信息找回密码页面:(如图1.4所示)图1.4找回密码页面103找回密码页面要求:首先只显示用户登陆名填写部分,如图1.4所示。验证该用户是否存在,不存在则报错,若存在则显示找回密码问题和答案框部分,如图1.5所示。图1.5用户存在后显示用户和密码框界面如果问题和答案都填写正确,则显示输入新密码部分,如图1.6所示。图1.6问题和答案完全正确提交后的新密码界面输入新密码后提交,则显示:“恭喜您,重新设置密码成功,请牢记”,确定后,找回密码页自动关闭。商品展示页面:(如图1.7所示)104图1.7商品展示页面商品展示页面功能要求:用DataList展示所有商品,如图1.7所示,要求实现翻页和模糊查询功能,点“放入购物车”后报告“请登录后购买!!”,如图1.8所示。图1.8放入购物车时提示公告详细信息浏览页面:(如图1.9所示)图1.9公告详细信息页面公告详细信息页面功能要求:显示公告标题和内容,点“关闭”按钮可以关闭窗体。2.后台管理主界面设计105图2.1后台管理主界面主界面功能要求:要求使用母版页设计主界面,如图2.2所示,使用TreeView展示用户功能菜单,内容首页展示待审核的新用户和用户汇款,如图2.1所示。管理员菜单包括:个人管理、系统管理、综合信息3个父级模块,个人管理包括:修改资料、审核操作2个菜单,系统管理包括:用户管理、角色管理、分类管理、游戏卡管理、汇款审核、公告管理6个菜单项,综合信息包括:销售统计、浏览投诉2个菜单项。功能菜单部分个人基本信息内容页部分106图2.2后台管理主页面设计1073.后台管理用例界面实现//*用例界面实现是对需求的进一步明确和以可视化的方式呈现,作为编码和实现依据*//用例1个人修改资料界面:(如图2.3所示)图2.3修改个人资料界面修改个人资料页面功能要求:显示用户基本信息如图2.3所示,修改资料时的限制如注册时相同。用例2审核操作界面:(如图2.4所示)图2.4审核操作界面审核操作页面功能要求:用两个GridView分别显示待审核的用户和汇款信息,如图2.4所示,都有“查看详细”功能。点“通过审核”实现通过审核功能,如果汇款出现错误,点“撤回汇款”则以系统消息的形式通知用户。108用例3用户管理界面:(如图2.5所示)图2.5用户管理界面用户管理页面功能要求:用GridView展示用户基本信息,点“查看详细”可以查看更详细的信息,如图2.4所示,选中用户后,点页面上的四个操作按钮,即可以实现把用户设置为普通会员、vip会员、管理员和删除选中用户功能。另外添加全选功能,选择不同的用户角色,GridView重新绑定相应的用户信息。用例4角色管理页面:(如图2.6所示)图2.6角色管理界面角色管理页面功能要求:用GridView展示角色基本信息,如图2.5所示,要求实现添加角色、修改角色、删除角色、分配角色权限、浏览角色功能和设置会员优惠价功能。添加角色页面:(如图2.7所示)109图2.7添加角色界面