第一部分分 概述述1．文档档说明本文档主主要包括括数据库库详细设设计和界界面详细细设计讲讲解，所所以请认认真阅读读，以提提高开发发的质量量和效率率2．系统统需求概概述整个系统统中所有有布局统统一采用用divv布局，所所有数据据展示控控件，如如GriidViiew和和DattaLiist都都要有分分页处理理建议议在浏览览页面时时，设置置浏览器器：从工工具---àIntternnet选选项---à设置---à每次次访问网网页时检检查第二部分分 系统统总体结结构本系统采采用了传传统的33层架构构实现，理理解起来来更简单单，请采采用3层层架构的的模式开开发你的的系统如下图所示：第三部分分 系统统设计类图//*系系统中主主要的、关关键实体体类图，参参考图如如下*///Ø [用例11]实现现l 时序图//用例例1的时时序图，参参考图如如下*///l 描述第四部分分 数据据库设计计1．逻辑辑设计数据库关关系图：：2．表设设计//*所所有的表表的详细细设计信信息汇总总，如：：*///4.1 数据库库：GaameCCarddSalle所有有表信息息表 名名功 能能 说说 明明UserrInffo存放用户户基本信信息UserrStaate可扩展性性，设置置用户是是否被屏屏蔽的状状态RoleeInffo存放角色色基本信信息SysFFun存放菜单单功能基基本信息息RoleeRigght存放所有有角色权权限CarddTyppe卡片类型型信息表表Cardd具体卡片片表CarddStaate可扩展，卡卡片是否否被售出出的状态态ShopppinngCaart购物车功功能，存存放用户户已经选选择的卡卡片信息息TemppRellatiiveCCardd根据用户户选择的的卡片，给给出相关关的选择择ShoppHisstorry用户购物物历史记记录PosttHisstorry用户汇款款历史记记录ApprroveeStaate可扩展，用用户汇款款被审核核状态PosttFaiileddInffo存放汇款款失败时时，系统统发送的的信息Newss存放系统统公告信信息Adviice存放会员员的投诉诉建议信信息4.2表表UseerInnfo表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明UserrIdVarccharr(500)非空用户唯一一标识UserrNammeVarccharr(500)非空真实姓名名PasssWorrdVarccharr(500)非空密码UserrRolleint非空用户角色色Gendderint非空性别PasssQueestiionVarccharr(500)非空密码提示示问题PasssAnsswerrVarccharr(500)非空密码提示示答案EmaiilVarccharr(500)非空TelNNobigiint非空号码码AddrresssVarccharr(500)联系地址址IDCaardNNobigiint身份证号号Moneeyfloaat用户余额额UserrStaateint非空表UseerSttatee中UserrStaateIId的外外键用户状态态4.3 表表UseerSttatee表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明UserrStaateIIdVarccharr(500)非空1：正常常状态；；0：被被屏蔽UserrStaateNNameeVarccharr(500)非空4.4 表表RolleInnfo表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明RoleeIdint非空角色idd RoleeNammeVarccharr(500)非空角色名称称RoleeDesscVarccharr(500)角色描述述DisCCounntint会员折扣扣4.5表表SysFFun表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明NodeeIdint非空菜单节点点idDispplayyNammeVarccharr(500)非空菜单名称称NodeeURLLVarccharr(500)菜单连接接地址DispplayyOrdderint非空菜单显示示顺序PareentNNodeeIdint非空父节点iid4.6 表表RolleRiightt表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明RoleeRigghtIIdint非空角色权限限idRoleeIdint非空表RolleInnfo中中RolleIdd的外键键角色iddNodeeIdint非空表SyssFunn中NoodeIId的外外键菜单节点点id4.7 表表CarrdTyype表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明CarddTyppeIddint非空卡片类型型idCarddTyppeNaameVarccharr(500)非空卡片类型型名称CarddPriiceint非空卡片价格格CarddImaageVarccharr(500)对应图片片地址4.8 表表Carrd表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明CarddIdint非空卡片iddCarddTyppeIddint非空表CarrdTyype中中CarrdTyypeIId的外键卡片类型型idCarddNobigiint非空卡片序号号CarddPassswoordint非空卡片密码码CarddDesscVarccharr(500)卡片描述述CarddTimmedateetimme非空添加卡片片时间CarddStaateint非空表CarrdSttatee中CaardSStatteIdd的外键键卡片售出出状态4.9 表表CarrdSttatee表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明CarddStaateIIdint非空卡片状态态id1：售出出；0：：未售出出CarddStaateNNameeVarccharr(500)非空卡片状态态名称4.100 表ShooppiingCCartt表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明ShopppinngCaartIItemmIdint非空购物车项项idUserrIdVarccharr(500)非空表UseerInnfo中中useeridd的外键键用户iddCarddTyppeIddint非空表CarrdTyype中中CarrdTyypeIId的外键卡片类型型idNumint非空购买数量量4.111 表TemmpReelattiveeCarrd表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明TemppRellatiiveCCarddIdVarccharr(500)非空相关卡片片标识iidUserrIdint非空表UseerInnfo中中useeridd的外键键用户iddCarddTyppeIddint非空表CarrdTyype中中CarrdTyypeIId的外键卡片类型型id4.122 表ShoopHiistoory表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明ShoppHisstorryIddint非空购物历史史记录iidUserrIdVarccharr(500)非空表UseerInnfo中中useeridd的外键键用户iddCarddIdint非空表Carrd中CCarddId的的外键卡片iddShoppTimmedateetimme非空购买时间间4.133表PosstHiistoory表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明PosttHisstorryIddint非空汇款历史史记录iidUserrIdVarccharr(500)非空表UseerInnfo中中useeridd的外键键用户iddBankkVarccharr(500)非空汇款银行行Moneeyint非空汇款金额额PosttTimmedateetimme非空汇款时间间PosttDesscVarccharr(500)备注ApprroveeStaateint非空表AppprovveSttatee中AppprooveSStatteIdd的外键键审核状态态4.144表AppprovveSttatee表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明ApprroveeStaateIIdint非空种子，自自增1审核状态态idApprroveeStaateNNameeVarccharr(500)非空审核状态态名称名名称4.155表PosstFaaileedInnfo表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明PosttFaiileddInffoIddint非空汇款失败败信息iidUserrIdVarccharr(500)非空表UseerInnfo中中useeridd的外键键用户iddPosttHisstorryIddint非空表PosstHiistoory中中PosstHiistooryIId的外外键汇款历史史记录iidReaddStaateint非空消息阅读读状态0：未读读；1：：已读4.166表Newws表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明NewssIdint非空公告iddTitlleVarccharr(500)非空公告标题题ConttenttVarccharr(5000)公告内容容NewssTimmedateetimme非空发布公告告时间NewssStaateint非空消息发布布状态1：已发发布；0：未发发布4.177 表Advvicee表名列名数据类型型（精度度范围）空/非空空约束条件件其他说明明AdviiceIIdint非空投诉建议议idUserrIdVarccharr(500)非空表UseerInnfo中中useeridd的外键键用户iddConttenttVarccharr(20000))非空投诉或建建议内容容…第五部分分 界面面设计1．登陆陆界面设设计说明：所所有页面面设计要要求使用用divv布局完完成。
查看商品找回密码点这里注册网站公告验证码，自动生成 图1..1用户户登陆首首页用户登陆陆首页要要求：只只有当用用户名、密密码和验验证码都都正确时时才能通通过验证证网站公公告”部分为为由下到到上的滚滚动字幕幕，“查看所所有商品品”部分为为从右到到左的滚滚动字幕幕点“注册会会员”时，弹弹出添加加新会员员窗口，如如图1..2所示示点“忘记密密码？”，弹出出找回密密码页面面，如图图1.44所示点点“查看所所有商品品”，弹出出商品展展示页面面，如图图1.77所示点点网站公公告信息息，弹出出该公告告的详细细信息页页面，如如图1..9所示会员注册册页面：：（如图图1.22所示） 图11.2 用户注注册页面面会员注册册页面要要求：用用户登陆陆名只能能为数字字和字母母以及“_”“-”，不得得使用其其它字符符并且且用户登登陆名不不能少于于4位，密密码不能能少于66位，最最多不超超过100位，eemaiil和电都要要进行有有效性验验证，除除了地址址和身份份证号外外，其他他信息不不能为空空提交交后若注注册成功功则提示示，如图图1.33所示图1.33 注册册成功提提示信息息找回密码码页面：：（如图图1.44所示） 图11.4 找回密密码页面面找回密码码页面要要求：首首先只显显示用户户登陆名名填写部部分，如如图1..4所示示。
验证证该用户户是否存存在，不不存在则则报错，若若存在则则显示找找回密码码问题和和答案框框部分，如如图1..5所示示 图图1.55用户存存在后显显示用户户和密码码框界面面如果问题题和答案案都填写写正确，则则显示输输入新密密码部分分，如图图1.66所示 图11.6 问题和和答案完完全正确确提交后后的新密密码界面面输入新密密码后提提交，则则显示：：“恭喜您您，重新新设置密密码成功功，请牢牢记”，确定后后，找回回密码页页自动关关闭商品展示示页面：：（如图图1.77所示） 图图1.77商品展展示页面面商品展示示页面功功能要求求：用DDataaLisst展示示所有商商品，如如图1..7所示示，要求求实现翻翻页和模模糊查询询功能，点点“放入购购物车”后报告告“请登录后购买买！！”，如图图1.88所示图1.88放入购购物车时时提示公告详细细信息浏浏览页面面：（如如图1..9所示示）图1.99公告详详细信息息页面公告详细细信息页页面功能能要求：：显示公公告标题题和内容容，点“关闭”按钮可以以关闭窗窗体。
2．后台台管理主主界面设计计内容页部分功能菜单部分个人基本信息 图图2.11 后台台管理主主界面主界面功功能要求求：要求使用用母版页设计主主界面，如如图2..2所示示，使用用TreeeViiew展展示用户户功能菜菜单，内内容首页页展示待待审核的的新用户户和用户户汇款，如如图2..1所示示管理理员菜单单包括：：个人管管理、系系统管理理、综合合信息33个父级级模块，个个人管理理包括：：修改资资料、审审核操作作2个菜菜单，系系统管理理包括：：用户管管理、角角色管理理、分类类管理、游游戏卡管管理、汇汇款审核核、公告告管理66个菜单单项，综综合信息息包括：：销售统统计、浏览投投诉2个个菜单项项 图图2.22 后台台管理主主页面设设计3．后台台管理用用例界面面实现//*用用例界面面实现是是对需求求的进一一步明确确和以可可视化的的方式呈呈现，作作为编码码和实现现依据**//Ø 用例1个人修改改资料界界面：（如图图2.33所示）图2.33修改个个人资料料界面修改个人人资料页页面功能能要求：：显示用户户基本信信息如图图2.33所示，修修改资料料时的限限制如注注册时相相同。
Ø 用例2审核操作作界面：：（如图图2.44所示）图2.44审核操操作界面面审核操作作页面功功能要求求：用两两个GrridVVieww分别显显示待审审核的用用户和汇汇款信息息，如图图2.44所示，都都有“查看详详细”功能点点“通过审审核”实现通通过审核核功能，如如果汇款款出现错错误，点点“撤回汇汇款”则以系系统消息息的形式式通知用用户Ø 用例3用户管理理界面：：（如图图2.55所示） 图2..5 用户户管理界界面用户管理理页面功功能要求求：用GGriddVieew展示示用户基基本信息息，点“查看详详细”可以查查看更详详细的信信息，如如图2..4所示示，选中中用户后后，点页页面上的的四个操操作按钮钮，即可可以实现现把用户户设置为为普通会会员、vvip会会员、管管理员和和删除选选中用户户功能另外添加全选功能，选择不同的用户角色，GridView重新绑定相应的用户信息Ø 用例4角色管理理页面：：（如图图2.66所示） 图2..6 角色色管理界界面角色管理理页面功功能要求求：用GriidViiew展展示角色色基本信信息，如如图2..5 所所示，要要求实现现添加角角色、修修改角色色、删除除角色、分分配角色色权限、浏浏览角色色功能和和设置会会员优惠惠价功能能。
添加角色色页面：：（如图图2.77所示）图2.77 添加加角色界界面添加角色色页面功功能要求求：为模模式对话话框，角角色名称称不能为为空，提提交后自自动关闭闭并刷新新角色管管理页面面修改角色色页面：：（如图图2.88 所示示）图2.88 修改改角色界界面功能要求求同添加加页面分配角色色权限页页面：（如如图2..9所示） 图2..9 分配配角色权权限分配角色色权限页页面功能能要求：：用ChheckkBoxxLisst列出出所有子子菜单权权限名称称，不要要求列出出父菜单单名称，要要求选中中子菜单单时，自自动把父父菜单分分配给该该角色，把把选中的的权限分分配给对对应的角角色，点点“提交”提示“权限已已生效”，确定定后关闭该该模式对对话框角色功能能浏览页页面：（如如图2..10所示示） 图2..10 角角色功能能浏览界界面角色功能能浏览界界面功能能要求：：按角色色展示它它们被分分配的权权限，如如图2..9所示示设置会员员优惠价价页面：：（如图图2.111所示）图2.111 设置置会员优优惠价页页面设置会员员优惠价价页面功功能要求求：会员员类型又又rolleinnfo表表动态绑绑定，然然后选择择你要设设置的会会员类型型，填写写优惠价价比（11~1000之间间的整数数）后，点“提交”则更新新选定会会员类型型的优惠惠价比例，如如图2..12所示。
图图2.112 设置置会员优优惠价比比能成功执执行删除除操作Ø 用例5卡片类别别管理界面面：（如如图2..13所示示）图2.113卡片类类别管理理界面卡片类别别管理页页面功能能要求：：卡片类类别可以以同名，用用卡片类类别和价价格结合合起来作作为唯一一标志，用LiistBBox列列出所有有卡片类类别+价价格商品价价格部分分可以自自己定义义，但菜单项项要合理理图片路路径部分分要求只只保存图图片的相相对路径径，并且且输入框框部分为为只读，可以把所有的图片都放在项目中的“images”文件夹里，保存数据库时，路径保存为：“~/images/....gif”点“添加新类型后”卡片类别列表自动刷新，显示刚才添加的卡片类别，另外点“删除选中类型”按钮，删除该行记录，并自动刷新卡片ListBoxØ 用例6卡片管理理界面：：（如图图2.114所示示）图2.114 卡卡片管理理界面卡片管理理页面功功能要求求：用GGriddVieew显示示卡片基基本信息息，按卡卡片类别别名称和和价格排排序，相相同的部部分尽量量合并单单元格，如如图2..14所所示实现添添加、修修改和删删除功能能。
添加卡片片页面功功能要求求：为卡片管管理页面面弹出的的模式对对话框，如图2.15所示，要求所属类型部分为自动绑定的所有卡片类型+价格，默认编号是从数据库获取的当前默认种子最大值，卡号和密码部分要有有效性验证，比如卡号只能为10~20位整数，密码为3~10位数字点“提交”后保存卡片信息，并自动关闭模式对话框图2.115 添添加卡片片界面修改卡片片页面功功能要求求：初始始时分别别绑定卡卡片管理理中选中中的卡片片信息，卡卡片类型型也要自自动绑定定为该卡卡片对应应的类型型，修改改卡片的的内容，“提交”更新卡片信息，关闭模式对话框，自动刷新卡片管理页面图2.116 修修改卡片片界面Ø 用例7汇款审核核界面：：（如图图2.117所示示）图2.117 汇汇款审核核界面汇款审核核页面功功能要求求：用GGriddVieew显示示汇款基基本信息息，添加加查看详详细信息息和全选选功能，“汇款信信息选择择”下拉菜菜单项如如图2..18所所示，点点“通过审审核”追加用用户余额额，点“撤回汇汇款”通知用用户汇款款失败，当改变变“汇款信信息选择择”中的类类型时，则则重新绑绑定GrridVVieww，显示示相关信信息。
图2.118 汇汇款审核核菜单展展开界面面Ø 用例8公告管理理界面：：（如图图2.119所示）图2.119公告管管理界面面公告管理理页面功功能要求求：用GGriddVieew显示示公告基本本信息，有添加加、修改改、删除除和发布布功能，要求发布后，不能修改，但可以删除添加新消消息页面面功能要要求：公公告管理理页面弹弹出的模式对对话框，如如图2..20所所示填填写消息息标题和和内容，提交后关闭该对话框，自动刷新公告管理页面，消息标题不能为空 图22.200 添加加新消息息界面修改消息息页面功功能要求求：初始始时显示示该消息息的基本本信息，其其他要求求同添加加新消息息页面Ø 用例9商品统计计界面：：（如图图2.221所示示）图2.221商品品统计界界面商品统计计页面功功能要求求：用GGriddVieew显示示商品销销售情况况信息Ø 用例100浏览投诉诉界面：：（如图图2.222所示示）图2.222浏览览投诉界界面浏览投诉诉页面功功能要求求：用DDataaLisst显示示投诉建建议基本本信息4．前台台操作主主界面设计计内容页部分功能菜单部分个人基本信息 图图4.1 前台操操作主界界面前台操作作主界面面功能要要求：要求使用用母版页设计主主界面，如如图4.1所示，使使用TrreeVVieww展示用用户功能能菜单，内内容首页页展示所所有可购购商品信信息，如如图4.1所所示。
会会员菜单单包括：：个人管管理、会会员操作作、综合合信息33个父级级模块，个个人管理理包括：：修改资资料1个菜单单，会员员操作包包括：商商品列表表、投诉建建议、汇款通通知3个个菜单项项，综合合信息包包括：存存款记录录、购物记记录和联联系我们们3个菜菜单项5．前台台操作用用例界面面实现//*用用例界面面实现是是对需求求的进一一步明确确和以可可视化的的方式呈呈现，作作为编码码和实现现依据**//Ø 用例1修改个人人资料页页面功能能要求与与后台管管理中的的相同Ø 用例2商品列表表界面：：（如图图4.22所示）图4.22 商品品列表界界面商品列表表页面功功能要求求：用DattaLiist显显示可购购商品基本本信息，展展示方式式如图44.2所所示可以按按照商品品名称模模糊搜索索，点“放入购购物车”后，打打开新的的窗口，里里面显示示该会员员已经选选择的卡卡片信息息，当选选择另外外的商品品点“放入购购物车”后，只只刷新原原来的窗窗口不打打开新窗窗口，点点“我的购购物车”共用刚刚才打开开的窗口口如图图4.33所示 图4..3 我我的购物物车界面面我的购物物车页面面功能要要求：用用DattaLiist显显示选好好的商品品信息，根根据已经经选择好好的商品品，在上上边用DDataaLisst列出出推荐的的商品，如如图4..3所示示。
选择择好的商商品部分分“您的成成交价”即是该该会员的的身份所所对应的的优惠价价比*卡卡片面值值而得到到，当更更改购买买数量时时，金额额总计自自动刷新新，当购购买数量量超过库库存量，结结算时报报告库存存不足的的提示推推荐商品品来源--------首首先查找找购买了了该会员员已经选选择的某某一件商商品的所所有会员员，然后后从这些些会员购购买的商商品中，挑挑选出被被购买次次数最多多的2种种商品，如如果这些些商品不不在购物物车中则则把它们们显示出出来依依照上边边的方法法，遍历历该会员员选择好好的所有有的商品品另外：当当推荐的的商品，点点“购买”时，将将自动更更新已经经选择的的商品和和推荐的的商品数数据，如如图4..4所示示 图44.4 推荐荐的商品品点“购买”后的界界面Ø 用例3投诉建议议界面：：（如图图4.55所示）图4.55 投诉诉建议界界面投诉建议议页面功功能要求求 :客户文本本框部分分默认为为用户登登陆时的的id，内内容有非非空验证证Ø 用例4汇款通知知界面：：（如图图4.66所示）图4.66 汇款款通知界界面汇款通知知页面功功能要求求：客户户默认为为登陆iid，银银行默认认为工商商银行，汇款金额只能为数字类型，除了附言外，其他输入框都要求非空。
Ø 用例5存款记录录界面：：（如图图4.77所示）图4.77 汇款款记录界界面汇款记录录页面功功能要求求：用GrridVVieww显示汇汇款基本本信息，相相同的项项要进行行合并，如如图4..7所示Ø 用例6购物记录录界面：：（如图图4.88所示）图4.88 商品品列表界界面购物记录录页面功功能要求求：用GrridVVieww显示购购物历史史记录，如如图4..8所示Ø 用例7联系我们们界面：：（如图图4.99所示）图4.99 联系系我们界界面联系我们们页面功功能要求求：静态态页面，注注意diiv布局局附1.33 测试试用例模模板Ø 测试用例例模板（一一）测 试 项 目目说明/数数据用例编号号测试优先先级用例摘要要测试类型型用例类型型用例设计计者设计日期期对应需求求编号对应UII对应UCC版本号对应开发发人员前置条件件测试方法法输入数据据执行步骤骤预期输出出实际结果果测试日期期结论Ø 测试用例例模板（二二）项目名称称程序版本本功能模块块名编制人编制时间间功能特性性测试目的的续表 预置条件件特殊规程程说明用例编号号说 明明输 入入预期结果果测试结果果备 注注说明：Ø 以上测试试用例模模板1适适用于集集成测试试与系统统测试，测测试用例例模板22适用于于单元测测试。
Ø 测试用例例模板11可以根根据情况况适当简简化附1.44 答辩辩用的幻幻灯片的的目录结结构Ø 第一页是是标题部部分Ø 第二页是是本幻灯灯片的主主要内容容和目录录Ø 第三页是是小组成成员列表表Ø 第四页是是项目概概述Ø 第五页是是实施技技术、框框架及硬硬软件环环境Ø 以下是功功能模块块技术实实现的说说明Ø 提示进行行现场演演示Ø 提示进行行文档展展示Ø 开发经验验和总结结Ø 提示可以以进行答答辩提问问Ø 感谢详细的内内容可以以参看教教员提供供的电子子文档附1.55 项目目进度安安排表模模板[系统名名称]开开发进度度表文档名称称项目名称称开发单位位项目组长长序 号号任务名称称计划日期期实际日期期负责人进度偏差差的原因因123456…78说明：Ø 进度表用用于进度度汇报，并并且为进进度控制制提供依依据Ø 以上的进进度，是是项目里里程碑和和关键路路径上主主要控制制点的进进度情况况汇报，也也可以根根据项目目计划中中工作分分解结构构的工作作包进行行更加细细致的控控制Ø 专门用于于编码过过程中的的进度汇汇报，可可以按照照功能、模模块、子子系统的的完成情情况来进进行汇报报，进度度控制的的力度因因不同的的情况和和要求而而有差异异。
Ø 若关键路路径发生生更改，需需要在进进度报告告中说明明Ø 可用灰色色的进度度表示项项目的里里程碑附录2 阶段项项目评分分标准以下评分分表用于于评价学学员阶段段项目的的综合得得分，提提供给教教员作为为参考序 号号考 评 项考评方法法和说明明单 项 总 分分1项目参与与上课出勤勤、团队队合作的的情况10%2理解需求求和设计计绘制用例例图、类类图、数数据库设设计图10%3功能编码码编码、调调试、功功能实现现情况，正正确完成成的模块块数50%4测试工具具的使用用测试用例例的编写写、随机机抽取页页面的bbug数数10%5代码规范范性功能实现现代码的的规范性性程度使用ChheckkStyyle检检查Jaava代代码规范范使用deevAddvanntagge检查查.NEET代码码规范10%6阶段答辩辩演讲技巧巧10%9.24.202200:2800:28:3322.9.2412时28分12时28分33秒9月. 24, 2224 九月 202212:28:33 上午00:28:332022年9月24日星期六00:28:33141。