软件工程课程设计报告-战三国论坛基本功能的设计与实现.doc

课 程 设 计课程名称： 软件工程课程设计 设计题目： 战三国论坛基本功能的设计与实现 班 级： 学 号： 姓 名： 指导教师： 完成时间： 2017年6月30日 哈尔滨工程大学教务处 制课程设计报告战三国论坛基本功能的设计与实现班级：学号：姓名：教师评语：教师签名：2017年6月课程设计题目战三国论坛基本功能的设计与实现目的和背景 战三国是暴雪正式授权，网易研发运营的魔兽争霸官方对战平台中一个非常火爆的地图。由于游戏中每回合的准备时间非常短暂，新手玩家较难迅速了解游戏精髓；故为了帮助广大玩家群体更好的进行战术和阵容上的交流，帮助地图作者更好的了解地图不平衡之所在，故设计此论坛促进战三国的发展。主要内容1、 用户注册；2、 用户登录；2、帖子发表；3、回复帖子；4、删除帖子；采用的工具方法Microsoft Access 2016Notepad+Chrome浏览器Microsoft Visio 2016Microsoft Edge进度安排6月20日-6月21日 需求分析6月21日-6月23日 论坛概要设计、详细设计6月23日-6月27日 论坛代码实现、数据库设计6月27日-6月28日 论坛功能测试6月28日-6月30日 撰写课程设计报告参考资料1 MSDN LibraryEB/OL. /en-us/library/ms310241.2 Roger S. Pressman, Bruce R. Maxim.软件工程：实践者的研究方法M. 郑人杰，马素霞，等译.北京：机械工业出版社，2016.12.3 明日科技，邹天思，孙明丽，庞娅娟.ASP开发技术大全 M.北京：清华大学出版社，2014.4 java 全栈工程师 | 以实例驱动学习 | EB/OL. /.5 胡晓, 陈慧玲. ASP教程 - 网易学院教程EB/OL. /special/a/000915SU/asp123.html.1 目的和背景1.1 论坛开发背景战三国是暴雪正式授权，网易研发运营的魔兽争霸官方对战平台中一个非常火爆的地图。由于游戏中每回合的准备时间非常短暂，仅够操作的时间，根本没有时间来查看技能说明、阵法特效等等游戏的关键之处，对于不了解的玩家，基本就是凭感觉在进行对战，并不能很好的调动玩家，新手玩家较难迅速了解游戏的精髓所在。1.2 论坛开发意义故设计此论坛促进战三国的发展，可以帮助玩家迅速了解游戏，便于玩家获取游戏资源等关键信息，帮助广大玩家群体更好的进行战术和阵容上的交流，帮助地图作者更好的了解地图不平衡之所在。2 数据库设计2.1 数据库概念结构设计图2.1 论坛总体E-R图2.2 数据库逻辑结构设计表2.1 管理员信息表字段名数据类型备注是否为空admin_id自动编号自动编号（主键）否admni_name短文本用户名是admin_email短文本邮箱是admin_password短文本密码是admin_IDname短文本游戏ID是表2.2 用户信息表字段名数据类型备注是否为空user_id自动编号自动编号（主键）否user_namr短文本用户名是user_email短文本邮箱是user_password短文本密码是user_IDname短文本游戏ID是表2.3 帖子信息表字段名数据类型备注是否为空text_id自动编号自动编号（主键）否content长文本内容是time日期/时间时间是publisher短文本发帖人是title短文本标题是3 系统设计与实现3.1 系统功能结构图图3.1 功能结构图3.2 系统业务流程图图3.2 论坛业务流程图3.3 首页设计3.3.1 模块描述该页面是打开网页后的第一个页面，制作时分为几个板块。有论坛名板块，登录和注册板块，标题栏板块和结尾栏板块。且论坛名，登录注册按钮，标题栏按钮均为链接形式，当鼠标移上去时会有变成灰色的特效，点击时也有变色特效。3.3.2 界面截图图3.3 论坛名板块图3.4 登录和注册板块图3.5 标题栏板块图3.6 结尾栏板块3.4 用户注册3.4.1 模块描述为了获取发帖的权限，用户需要登录到论坛上来；在没有该用户记录的情况下，则需要注册。用户按照界面上的提示，依次输入用户名、邮箱、密码和确认密码。注册过程中，会检查这几项是否为空，同时会检查两次输入密码是否相同，若条件不符，则会相应的提醒用户再次进行输入，直到注册成功。3.4.2 界面截图图3.7 注册界面3.4.3 IPO图图3.8 注册IPO图3.4.4 核心代码function login() var name = document.getElementById(name); var email=document.getElementById(email); var password=document.getElementById(password); var password2=document.getElementById(password2); if(name.value.length=0) alert(用户名不能为空); return false; else if(name.value.length10) alert(用户名长度超过10，请重新输入); return false; else if(email.value.length=0) alert(邮箱不能为空); return false; else if(password.value.length=0) alert(密码不能为空); return false; else if(password.value!=password2.value) alert(两次输入的密码不一致，请重新输入); return false; else alert(注册成功); return true; 3.4.5 流程图图3.9 注册流程图3.5 用户登录3.5.1 模块描述为了获取发帖子的权限，用户需要登录到论坛上；已经注册过的用户直接进行登录操作；按界面提示，依次输入邮箱和密码，若某项为空或输入错误，则会提示用户重新输入，直到登录成功，再次进入首页。3.5.2 界面截图图3.10 登录界面图3.5.3 IPO图图3.11 登录IPO图3.5.4 流程图图3.12 登录流程图3.6 发表帖子3.6.1 模块描述用户通过在讨论区发帖进行交流和提问；通过点击创建新帖，并在文本框内输入文本来创建帖子；若输入信息为空，会提醒用户重新输入；创建成功后将在讨论区显示。3.6.2 界面截图图3.13 发帖界面截图3.6.3 IPO图图3.14 发帖IPO图3.6.4 流程图图3.15 发帖流程图3.7 回复帖子3.7.1 模块描述用户为了进行交流，需要能够对他人发表的帖子进行回复；在讨论区他人发表的帖子的右下角有回复按钮，点击进行回复操作；在文本框内输入回复的信息，并界面提示发表即可，若输入信息为空，会提醒用户重新输入。3.7.2 界面截图图3.16 回帖界面截图3.7.3 IPO图图3.17 回帖IPO图3.7.4 流程图图3.18 回帖流程图3.8 删除帖子3.8.1 模块描述对于部分不友好或是违反论坛规定的帖子，或是用户自身需求，需要对现有帖子进行删除操作；对于管理员，可对所有帖子进行操作；对于用户仅可对自己所发帖子进行操作。按照界面提示，找到帖子删除按钮，点击会弹出是否确认删除提示，确认即可删除，点击取消即可取消当前删除操作。3.8.2 IPO图图3.19 删贴IPO图3.8.3 流程图图3.20 删贴流程图4 结论本次课程设计是进行的网页开发，针对时下网易暴雪合作的平台上一款热门地图战三国，为帮助玩家交流和熟悉游戏，帮助地图开发者更新，从而制作的专门适用的论坛。本次课设包含了该网站的界面代码开发，样式设计，动态交互设计，功能实践，网站数据库设计及搭建，相关测试以及文档撰写。采用记事本编写代码，access2016搭建数据库，涉及html，css，JavaScript，IIS配置，ODBC数据源，ADO连接以及asp语言。该论坛功能需求包括登录，注册，发帖，回复，删除，满足了一个基本论坛用户之间的交流，且游戏资料区可以帮助玩家熟悉游戏，基本达到最初设计目的。本网站界面样式全自主设计，界面简洁大方，友好且可交互性强。本网站后续改进方向可以从内容、界面和功能下手，继续完善论坛内的游戏资料，利用Bootstrap框架优化界面，增加上传录像文件等功能。为了实现论坛的真正运行，可以考虑租用服务器并购买域名，联系地图作者和网易平台主管人员以及天梯高端玩家加入，共同运营，将论坛向广大玩家开放。5 参考文献1 MSDN LibraryEB/OL. /en-us/library/ms310241.2 Roger S. Pressman, Bruce R. Maxim.软件工程：实践者的研究方法M. 郑人杰，马素霞，等译.北京：机械工业出版社，