1、软件项目设计技术报告设计题目 场地预约系统 计算机学院2019 年 1 月21地预约系统的设计与实现摘 要体育城场地预约系统是一个B/S模式下的体育城场地预约平台。系统以Web界面实现与用户交互，为用户提供信息并接受用户提出的需求信息，同时通过数据库管理系统存储信息数据。在线体育城场地预约系统实现了对信息数据的浏览、查询、编辑和管理等基本数据库操作，采取模块化的编程思想，提高了代码的可读性、可移植性和一致性，同时提高了开发效率。系统对用户或管理权限有严格要求，因此加入了用户身份识别模块。用户功能模块与管理员后台管理功能模块分离，增强了系统的安全性，有利于系统的管理。一、系统需求分析 1.1开发
2、背景随着人们物质生活水平的不断提高，人们在工作之余，闲暇时期进行一些体育运动已经成为人们必不可少的生活内容，同时大多数人选择在进行体育运动的同时进行商业之类的人际交流，所以能方便，快捷的预约体育运动场地成为人们迫切的需要。信息社会的高科技，商品经济化的高效益，使计算机的应用已普及到经济和社会生活的各个领域。计算机虽然与人类的关系愈来愈密切，许多需要用手工劳动的场景，现在由于计算机操作而不再继续存在。随着网络的不断的普及，网页技术的不断发展，人们对网页的要求也不再是文字，图片的简单堆砌或是单调枯燥的内容，而是实时性，交互性和丰富性，使用动态网页技术的网页越来越受欢迎。应用ASP技术的灵活性可以方
3、便的访问数据库，ASP把数据库搬上了WEB页面，使人们可以通过互联网使用大型的包含数据库功能的系统。传统的场地预约需要客户亲自到场地所在位置或指定地点进行，由于预约记录多是认为完成，易于出现错误和漏洞，管理效率低，特别是场地繁杂时，传统的预约方式已经完全不能满足要求。远程预约是一种全新的网络租用方式，它通过互联网突破了时间和空间限制，实现了便捷快速的预约与管理功能。在对数据信息有效组织并整合了一定使用功能后，远程预约系统可以方便地实现预约与取消，场地资料查询，管理员管理等功能。由于体育城场地预约系统是针对体育城场地预约用户要求用计算机对所需的场地信息进行查询和搜索的一种现代化软件。而主要包括浏
4、览者对所需场地信息的查询与搜索,同时可进行注册；系统管理员掌握并记录,修改,查询场地信息,以及审核预约信息,以便管理系统的正常运行。1.2本系统需求分析运动场地场馆预订系统的开发主要包括前端应用系统和后台管理系统，应用程序系统要求界面友好，功能完备，易使用等特点。而后台数据库的数据要具有一致性、完整性、安全性、易维护性2。（1）、系统前台功能强大 、操作方便。 前台作为与用户直接交互的界面，在考虑功能的同时，也考虑了操作的简洁和方便性，目的是让大多数不在懂电脑操作的客户，也能轻松的享受互联网的给他们带来的便利。前台系统主要包括用户注册、浏览电子文档、浏览查看场地信息、浏览新闻信息、查看介绍信息
5、以及已经注册的用户登录系统查看个人信息和消费结果等。 （2）系统后台:本系统后台管理在考虑系统管理操作简便的同时，提供了功能强大的管理窗口。后台系统可分为场地管理、电子文档管理、新闻管理、关于我们的信息管理、管理员管理、会员管理、使用场地登记、场地费用结算、使用记录查看等1.3各个模块划分对与用户来说，对系统最重要的要求是能够提供一个查找预约所需场地信息的平台，其次是能够于网站建立联系，这样能使用户对系统提高关注度，增加网站的点击率，同时也能方便系统开发人员增加系统功能。而对管理员来说，必须要能够全面地对系统进行管理与维护。所以，要求系统具有三个主要模块：用户查询与预约模块，用户登录与注册模块
6、，管理员管理模块。系统整体的功能模块划分如图2-1所示:用户登录与注册体育城场地预约系统管理员管理用户查询与预约图 2-1系统功能模块划分块具体的需求描述如下: （1）用户查询与预约模块： 这是系统前台的主要模块，用户可在此完成所需场地信息的查询与预约。（2）用户登录与注册模块： 用户登录与注册的平台，用户在此完成登录与注册，同时也提供了密码找回的功能，从而建立与系统的联系，也方便系统的扩展。（3）管理员管理模块： 管理员通过管理员账号与密码登录后可进行对场地名称，类别与价格的添加，修改，删除，从而全面的管理网站信息；同时管理员还能通过审核完成对用户预约信息的管理。体育城场地预约系统使用技术的
7、动态网页与数据库制作，用户通过网络访问该系统，提供用户登录，注册以及密码找回等功能，场地查看，查询以及预约功能；同时提供两种场地查询模式，模糊与直接查询，方便用户；管理员可以使用修改、删除、添加场地功能，同时通过审核用户提交的预约信息，完成预约管理功能，良好的达到后台管理的目的。二、总体设计2.1系统配置（硬件方面）在运行本系统前，请先检查一下软硬件配置是否符合以下要求：硬件环境：服务器端/客户端：处理器：Intel Pentium4内存： 512M硬盘空间：20G 2.2系统配置（软件与技术方面）(1) Macromedia Dreamweaver 8平台Macromedia Dreamwe
8、aver 8 是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。 (2) jsp技术JSP简介JSP技术使用Java编程语言编写类XML的tags和scriptlets，
9、来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计的显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。 JSP(JavaServer Pages)是一种动态页面技术，它的主要目的是将表示逻辑从Servlet中分离出来。1 Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户端。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。 JSP与JavaServlet一样，是在服务器端执行
10、的，通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。 JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。Java Servlet是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。 JSP可用一种简单易懂的等式表示为：HTML+Java+JSP标记=JSP。 (3) MySQLMySQL是一个小型关系型数据库管理系
11、统，MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。(4) HTML(Hyper Text Markup Language)HTML的英文全称是Hypertext Markup Language,中文译为“超文本标记语言”。“超文本”就是指页面内可以包含图片，联接，甚至音乐，程序等非文字的元素。一个HTML文件中包含了所有将显示在网页上的文字信息，其中也包括对浏览器的一些指示，如哪些文字应放置在何处，显示模式是什么样的等。如果你还有一些图片、动画、声音
12、或是任何其它形式的资源，HTML文件也会告诉浏览器到哪里去查找这些资源，以及这些资源将放置在网页的什么位置。浏览的网页就是由HTML语言编写出来的。2.3数据表设计(1) 用户信息表它记录了用户名，密码和有关用户的个人信息，方便系统管理用户信息，也是实现预约功能所必不可少的信息。表2-1用户表字段名称数据类型必填字符描述user_idVarchar(20)是序号（自加）user_nameVarchar(20)是用户名passwordVarchar(20)是密码idtypeVarchar(20)是证件类型IdnumberVarchar(20)是证件编号user_telint是电话user_sex
13、Varchar(10)是性别isadminint是是否管理员（2）场地信息表它记录了场地属性信息，方便用户查询所需要的场地信息，也是管理员添加场地信息的载体。表2-2场地信息表字段名称数据类型必填字符描述ground_idVarchar(20)是编号（自加）ground_nameVarchar(20)否场地名称ground_typeVarchar(20)否场地类型ground_feeVarchar(20)否场地费用ground_statusint是场地状态（3）预约详单表记录了预约属性信息，是实现用户预约与管理员管理预约信息的重要部分。表2-3预约表字段名称数据类型必填字符描述order_id
14、int是预约编号（自加）user_nameVarchar(20)否用户名ground_idint是场地编号（自加）ground _nameVarchar(20)否场地名称order_timedate否操作时间ground _feeVarchar(20)否场地费用begin_timedate否开始时间end_imedate否结束时间order_postint否邮政编码Order_adressVarchar(30)否地址TelVarchar(20)否联系方式Order_statusInt 否订单状态（4）预约表记录了预约属性信息，是实现用户预约与管理员管理预约信息的重要部分。表2-4预约表字段名称
15、数据类型必填字符描述order_idint是预约编号（自加）user_nameVarchar(20)否用户名ground_idint是场地编号ground_nameVarchar(20)否场地名称fee_totalfloat是总费用2.4系统功能模块设计2.4.1前台系统功能划分 前台系统主要包括查看场地模块、浏览文档信息模块、浏览新闻信息模块、查看关于我们信息模块、用户注册模块。前台系统模块图：前台系统管理模块查看场地信息模块浏览新闻信息模块浏览文档信息模块查看关于我们模块用户注册模块2.4.2 后台系统功能划分后台系统可分为场地管理模块、文档管理模块、新闻管理模块、关于我们信息管理模块、管
16、理员管理管理模块、会员管理模块、使用登记管理模块、费用结算管理模块。后台系统如图4-2。后台系统管理模块场地管理模块新闻管理模块会员管理模块费用结算管理模块文档管理模块关于我们管理模块使用登记管理模块管理员管理模块2.5系统功能描述2.5.1 前台系统功能描述1.查看场地信息模块：用户查看协会的场地信息。2.浏览文档信息模块：用户浏览系统中的电子文档信息。3.浏览新闻信息模块：用户浏览管理员发布的新闻信息。4.查看关于我们信息模块：用户查看协会的信息。5.用户注册模块：浏览系统页面的用户可以随意注册成为会员。2.5.2 后台系统功能描述1. 管理员管理模块：管理员对使用系统的管理员进行管理。2
17、. 新闻管理模块：此模块的功能是对协会的新闻信息进行添加、修改和删除管理。3. 场地管理模块：管理员对协会的场地信息进行管理。4. 文档管理模块：管理员对电子文档信息进行发布管理。5. 关于我们管理模块：对协会的介绍信息进行管理。6. 会员管理模块：对协会的会员信息进行管理。7. 使用登记管理模块：对客户使用场地的情况信息进行管理。费用结算管理模块：对场地使用费用进行结算。2.5.3 ER图 修改登陆信息浏览场地信息提交查看订单修改订单信息注册登陆主页用户 管理场地信息管理订单信息用户信息管理新信息的发布管理员 2.5.4系统框架设计本系统主体采用B/ S(Browser/ Server ,浏
18、览器/ 服务器) 结构,即采用目前分布式系统流行的3 层软件结构,即在传统的客户和服务器之间加入应用服务器(Application server) ,3 层即是表现层(浏览器) 、业务逻辑层(Web 服务器) 、数据层(数据服务器) ，系统简图如图3-1所示。数据服务器与Web 服务器是完全分开的,分开之后的3 层软件结构功能明确:客户层只提供应用程序的用户界面,负责与用户交互;业务逻辑层是应用系统的关键,它负责处理所有用户请求,进行具体的运算和决定程序的流程,并把处理结果返回给表现层;服务器层仍然提供的是数据库支持、维护和更新应用程序的数据。HTTP客户浏览器后台数据库WEB服务器 驱动程序
19、HTML（系统框架简图）三 详细设计：3.1管理员管理模块3.1.2管理员登录代码通过数据库的查询，寻找唯一确定的管理员用户名，有效的保证了系统的安全行。 String user_name = request.getParameter(user_name); String user_pwd = request.getParameter(user_pwd); IUserDao userDao = new UserDaoImpl(); HttpSession session = request.getSession(); UserBean userBean =(UserBean)session.g
20、etAttribute(userBean); userBean =userDao.checkUser(user_name, user_pwd); if(userBean != null) IGroundTypeDao groundTypeDao = new GroundTypeDaoImpl(); List lst = groundTypeDao.findAll(); for(int i = 0;ilst.size();i+) System.out.println(lst.get(i).getType_name(); 用户添加实现代码int a = Integer.parseInt(reque
21、st.getParameter(a);String user_name = request.getParameter(user_name);String user_password = request.getParameter(user_password);int sex = Integer.parseInt(request.getParameter(sex);String idType = request.getParameter(idType);String idNumber = request.getParameter(idNumber);String tel = request.get
22、Parameter(tel);int isAdmin = Integer.parseInt(request.getParameter(isAdmin);UserBean userBean = new UserBean(user_name, user_password, idType,idNumber, tel, sex,isAdmin);IUserDao userDao = new UserDaoImpl();userDao.addUser(userBean);if(a = 0) response.sendRedirect(regsucc.jsp);if(a=1)request.getRequ
23、estDispatcher(UserSelectServlet).forward(request, response);用户列表相关代码：String nowPage = request.getParameter(nowPage);int nPage = 0;PageBean pb = new PageBean();IUserDao userDao = new UserDaoImpl();pb.setSumRows(userDao.sumRows();try nPage = Integer.parseInt(nowPage); catch (NumberFormatException e) /
24、 TODO Auto-generated catch blocknPage = pb.getNowPage();pb.setPageData(userDao.findByPageUser(pb.getStart(), pb.getPageSize();pb.setNowPage(nPage);request.setAttribute(pbUser, pb);request.getRequestDispatcher(admin/jsp/user_list.jsp).forward(request, response);删除功能的实现int id = Integer.parseInt(reques
25、t.getParameter(user_id);IUserDao userDao = new UserDaoImpl();userDao.deleteUser(id);request.getRequestDispatcher(UserSelectServlet).forward(request, response);3.2 注册相关代码如下：3.2.5用户注册代码 用户注册功能使用了数据库的插入操作，用户通过注册填写的资料与系统建立联系，从而使用系统提供给注册用户的功能，用户注册的关键代码如下：int user_id = Integer.parseInt(request.getParamete
26、r(user_id);String user_name = request.getParameter(user_name);String user_password = request.getParameter(user_password);int sex = Integer.parseInt(request.getParameter(sex);String idType = request.getParameter(idType);String idNumber = request.getParameter(idNumber);String tel = request.getParamete
27、r(tel);int isAdmin = Integer.parseInt(request.getParameter(isAdmin);UserBean userBean = new UserBean(user_id,user_name, user_password, idType,idNumber, tel, sex,isAdmin);IUserDao userDao = new UserDaoImpl();userDao.updateUser(userBean);request.getRequestDispatcher(UserSelectServlet).forward(request,
28、 response);场地信息的浏览：int a = Integer.parseInt(request.getParameter(a);String user_name = request.getParameter(user_name);response.setContentType(text/html);PrintWriter out = response.getWriter();String nowPage = request.getParameter(nowPage);int nPage = 0;PageBean pb = new PageBean();IOrderDetailDao o
29、rderDetailDao = new OrderDetailDaoImpl();pb.setSumRows(orderDetailDao.sumRows();try nPage = Integer.parseInt(nowPage); catch (NumberFormatException e) / TODO Auto-generated catch blocknPage = pb.getNowPage();pb.setPageData(orderDetailDao.findByPageDetail(user_name,pb.getStart(), pb.getPageSize();pb.
30、setNowPage(nPage);request.setAttribute(pbOrderDetail, pb);request.setAttribute(a, a);List lst = orderDetailDao.findByOrderDetail(user_name);System.out.println(sdfdfdf+lst); if(a=0) request.setAttribute(orders, lst);request.getRequestDispatcher(common/order_list.jsp).forward(request, response);else r
31、equest.getRequestDispatcher(admin/jsp/orderdetail_list.jsp).forward(request, response);场地查找相关代码：int ground_id=Integer.parseInt(request.getParameter(ground_id);IGroundDao groundDao = new GroundDaoImpl();GroundBean groundBean = groundDao.findByGround(ground_id);request.setAttribute(ground, groundBean)
32、;request.getRequestDispatcher(admin/jsp/football_update.jsp).forward(request, response);订单生成相关代码String begin_time=request.getParameter(begin_time);String end_time = request.getParameter(end_time);System.out.println(jjjjjjjjjjjjjjj+begin_time);Date begin = null;Date end = null;try begin = new SimpleD
33、ateFormat(yyyy-MM-dd).parse(begin_time);end =new SimpleDateFormat(yyyy-MM-dd).parse(end_time); catch (ParseException e) / TODO Auto-generated catch blocke.printStackTrace();long days=(end.getTime()-begin.getTime()/1000/60/60/24;System.out.println(dddddddddddd+days);String idStr=request.getParameter(
34、ground_id);int ground_id = Integer.parseInt(idStr);IGroundDao groundDao = new GroundDaoImpl();GroundBean groundBean = groundDao.findByGround(ground_id);request.setAttribute(groundBean, groundBean);System.out.println(JJJJJJJJJJJJJJ+groundBean.getGround_fee();float fee_total = days*(groundBean.getGrou
35、nd_fee();request.setAttribute(begin_time, begin_time);request.setAttribute(fee_total, fee_total);request.setAttribute(end_time, end_time);request.getRequestDispatcher(makeorder.jsp).forward(request, response);四、设计结果（给出所实现系统的部分关键界面截图和简要说明。）后台管理员管理员登录界面也是管理员管理系统的第一个界面，其界面如图：系统登录界面此模块是系统管理员通过管理员进如主界面的唯
36、一通道，管理员通过次通道进入管理员主页面后可以与其他模块进行接触，对场地信息进行添加，删除，修改操作，同时通过审核预约信息进行管理预约操作。管理员管理界面是管理员添加，删除场地信息的平台，通过该界面，管理员可以方便地对系统进行管理。其界面图如图：管理员通过管理界面，实现对系统所收录的场地信息进行添加，和删除的操作，达到管理系统的目的。管理员管理权限如下：如用户管理权限有添加用户和查看用户两个功能添加用户界面如下：用户列表及管理员对用户信息的修改与删除功能界面如下：用户登录与注册模块3.2.1用户主界面用户主界面也就是用户对系统进行浏览，查询场地信息的主窗体，其中提供了两种查询场地模式。其界面如
37、图：管理员管理界面是管理员添加，删除场地信息的平台，通过该界面，管理员可以方便地对系统进行管理。其界面图如图：管理员通过管理界面，实现对系统所收录的场地信息进行添加，和删除的操作，达到管理系统的目的。管理员管理权限如下：如用户管理权限有添加用户和查看用户两个功能添加用户界面如下：3.2.2用户登录界面主界面所拥有的功能如下：（1） 用户可进行查询和预约场地的操作。（2） 用户可从此进入注册，登录模块进行操作。用户登录实现界面：用户登录界面提供了用户登录与注册，从而建立与系统联系的平台，同时还提供了找回密码的功能。其界面如图：用户登录界面是已注册用户登录系统，从而与系统建立联系的平台，具有登录的
38、功能，同时可以增加系统的可扩展性。 场地预订信息界面，通过此界面信息用户可以了解该场地已被预定的情况，以便于预定信息的确定。订单信息确定页面：订单的查询：订单修改界面：3.2.4用户注册界面设计总结在线体育城场地预约系统实现了对信息数据的浏览、查询、编辑和管理等基本数据库操作，采取模块化的编程思想，提高了开发效率。由于时间和学习过程中所存在的缺陷，该系统还存在着一定的问题。在程序中还存在一些不足和缺点。数据加密技术可以保证系统的安全性和保密性，防止秘密数据被外部破译所采用的主要技术之一，也是网络安全的重要技术。然而在整个系统的开发过程中，除了系统支持的按用户名和密码匹配进入系统之外，没有提供任何的安全保障，特别是对于用户输入密码的传输过程没有进行加，解密操作，这样很容易造成泄漏口令，使用户的安全性受到很大的挑战。作为一个实用性软件，本系统在实用性和全面性方面还很欠缺。另外，在开发过程中，由于学习语言的不彻底性，也存在一些功能性方面的缺陷，如场地分类显示的数目并不是很理想等等。而在系统开发的过程中，我体会到了发现问题与解决问题的快乐，同时也在不同程度上锻炼了我的学习能力。
