团队作业二
团队作业二
团队成员:胡永发(我),杨建宇,张玉川,陶继康,程嘉鑫
下面是开发文档:
1 概述
1.1 开发背景
书籍在我们学生的日常生活中是必不可少的一部分,不论是教辅书还是文学类书籍、报刊杂志,总有喜爱它的人存在,也有不再需要它的人。因此,二手书交易便出现在我们的视野中。通过这种“买、卖、交换”的方式,我们可以省下一大笔买新书的钱。作为在校学生,同校或者附近的学校之间互相进行二手书交易,会更为方便,因此对于一款专门面向我们大学生的二手书平台的需求便十分迫切。
1.2 开发目标
系统基本功能:
1.登录系统:包括新用户注册,及以卖家或买家两种方式进行登录。
2.用户管理:卖家登陆后可以在后台修改自己所提供的商品的信息。
3. 查询功能:买家登陆后可以使用的模块,可以查询自己所需要的书目。
……
1.3 参考资料
1.完整版W3CSchool线下教程
2.Java就业培训教材
3.《Tomcat与Java Web开发技术详解(孙卫琴、李洪成 著)》
1.4 设计原则
2 需求分析
2.1 需求陈述
分析本系统的主要功能,交易平台需要实现用户的登录,平台需要提供两种不同的权限,一种提供给卖家,一种提供给买家,而且平台还需要实现为新用户注册信息,同时注册时还需要上述的两种权限,再者就是本交易平台为卖家的权限所实现的功能模块,为卖家提供用户管理修改的功能,还有为买家实现商品查询的功能模块。
2.2 操作用例
2.3 功能分析划分
2.3.1 系统登录
用户登录:为用户提供两种不同的权限:管理员权限和客户权限,分别供卖家和买家使用。用户为卖家时,登陆后提供管理员的权限,可以进行添加,修改等功能的使用,用户是买家时,登陆后提供查询,购买等功能的使用。
2.3.2 用户管理
用户管理:卖家登陆后可以在后台修改自己所提供的商品的信息,信息包括:商品介绍、商品名称、商品数目以及商品单价,供买家参考,同时将所修改的信息在前台显示。买家可以在查询到自己所需的商品,了解更加详细的信息。
2.3.3 注册功能
新用户注册:为新用户注册信息,信息包括用户名、密码、再次确认密码、以及选择权限,平台提供两种权限,管理员和客户,分别满足卖家和买家注册。
2.5 运行环境
操作系统:WINDOWS 7及以上操作系统
编程环境:JAVA、jQuery、MyBatis、Adobe Dreamweaver CS6等。
3 总体设计
3.1 系统建模
3.1.1 层次方框图
3.1.2 ER图(实体-联系图)
3.1.3 类图设计
3.2 接口设计
3.2.1 内部接口设计
3.2.2 登录界面设计
输入用户名及密码,登录界面可选择权限(管理员、客户),也可以进行用户注册。
用户注册界面
3.2.3 管理界面设计
已实现新增商品及查询界面的设计
新增
查询
3.3 数据库结构设计
3.3.1 数据库E-R图
3.3.2 数据库逻辑设计
商品表格设计
交易平台使用者表格设计
3.4 安全保密设计
3.5 安全保密设计
4 详细设计
4.1 程序流程图
4.2 伪代码编写
5 实现
5.1 编码
5.1.1 登录页面
Html文本内容:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录系统-主页</title>
<link rel="stylesheet" href="usm_system.css" type="text/css">
</head>
<body class="bgimage">
<!-- 登录页面 -->
<div class="login_main">
<form action="add_usm.html" method="post">
<br>
<h1><font color="#000000">二手书交易平台</font></h1>
<br>
<div class="login">
<br>
<div class="login_putin">
<ul>
<li><font color="white">用户名</font><input type="text" placeholder="请输入用户名"/></li>
<li><font color="white">密码 </font><input type="password" placeholder="请输入用户密码"/></li>
<li><font color="white">权限 </font><select>
<option value="admin">管理员</option>
<option value="user">客户</option>
</select></li>
<ul>
</div>
<div class="login_btn">
<input type="submit" value="登陆" onClick="location.href='add_usm.html'">
<a href="register.html">注册</a>
</div>
<br>
</div>
</form>
</div>
<br>
<div class="footer">Copyright © 2016 沈航 All rights reserved.
</div>
<script language="javascript" src="usm_system.js" type="text/javascript"></script>
</body>
</html>
5.1.2 注册页面
Html文本内容
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册系统</title>
<link rel="stylesheet" href="register.css" type="text/css">
<style>
div{text-align:center}
</style>
</head>
<body background="1184392.jpg">
<div>
<font color="#FFFFFF" size="+3">新用户注册</font>
</div>
<table height="35%" width="40%" border="0" class="vertical" bgcolor="#333333">
<tr>
<td width="62" height="46"><font color="white">用户名 </font></td>
<td width="192"><h1><input type="text" placeholder="请输入用户名称" size="36"></h1></td>
</tr>
<tr>
<td><font color="white">密码 </font></td>
<td><h1><input type="password" placeholder="请输入密码" size="36"/></h1></td>
</tr>
<tr>
<td><font color="white">确认密码</font></td>
<td><h1><input type="password" placeholder="请确认密码" size="36"/></h1></td>
</tr>
<tr>
<td><font color="white">权限注册</font></td>
<td><select>
<option value="admin">管理员</option>
<option value="user">客户</option>
</select></td>
</tr>
<tr>
<td><input type="submit" value="添加"></td>
<td><input type="reset" value="取消"></td>
</tr>
</table>
<div class="footer">Copyright © 2016 沈航 All rights reserved.</div>
</body>
</html>
5.1.3 增加商品页面
Html文本内容:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>管理系统--添加功能</title>
<link rel="stylesheet" href="add_usm.css" type="text/css">
</head>
<body class="bgimage">
<div class="top"><font color="#FFFFFF">管理系统--添加功能</font></div>
<div class="tabs-menu">
<ul>
<li><a href="search.html">查询商品</a>
<li><a href="#">删除商品</a>
<li><a href="#">修改商品</a>
<li><a href="usm_system.html">退出管理</a>
</ul>
</div>
<table border="0" align="center">
<tr>
<td>商品名称</td>
<td><h1><input type="text" placeholder="请输入商品名称"></h1></td>
</tr>
<tr>
<td>商品数目</td>
<td><h1><input type="text" placeholder="请输入商品数目"/></h1></td>
</tr>
<tr>
<td>商品单价</td>
<td><h1><input type="text" placeholder="请输入商品单价"/></h1></td>
</tr>
<tr>
<td>商品介绍</td>
<td><textarea placeholder="请添加备注" rows="4"/></textarea></td>
</tr>
<tr>
<td><input type="submit" value="添加"></td>
<td><input type="reset" value="取消"></td>
</tr>
</table>
<div class="footer">Copyright © 2016 沈航 All rights reserved.</div>
</body>
</html>
5.1.4 查询商品页面
Html文本内容:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="search.css" type="text/css">
<title>管理系统--查询功能</title>
</head>
<body background="1192679.jpg">
<div class="top">
<font color="#FFFFFF">管理系统--查询功能</font>
</div>
<div class="tabs-menu">
<ul>
<li><a href="add_usm.html">新增商品</a>
<li><a href="#">删除商品</a>
<li><a href="#">修改商品</a>
<li><a href="usm_system.html">退出管理</a>
</ul>
</div>
<div class="search">
<form action="#" method="post">
<table border="0" align="center">
<tr>
<td height="77"><h1><font size="+2" color="black">商品查询</font><input type="text" placeholder="请输入"></h1></td>
</tr>
<tr>
<td height="72"><input type="submit" value="查询"> <input type="reset" value="取消"></td>
</tr>
</table>
</form>
</div>
<div class="footer">Copyright © 2016 沈航 All rights reserved.</div>
</body>
</html>
5.2 测试要点
5.2.1 登录测试要点
5.2.2 主界面测试要点
5.3 测试结果和总结
6 维护
6.1 维护方法
1、基础设施的维护。主要有网站域名维护、网站空间维护、网站流量报告、域名续费等。
2、应用软件的维护。即业务活动的变化、测试时未发生的错误、新技术的应用、访问者需求的变化和提升等方面。
3、内容的维护。
4、连接的维护。
5、安全的维护。即数据库导入导出的维护、数据库备份、数据库后台维护、网站紧急维护等。
6、网站的数据维护及备份。
7、网站杀毒。
8、清理垃圾碎片、清理垃圾文件。过多的垃圾文件影响网站的访问速度。
9、服务器系统优化、网站数据库优化、规范代码优化、对已经定位的栏目版块的图片进行设计和修改、对已经存在的网站功能进行bug处理以及二次优化。
6.2 维护文档
维护文档内容,应当全面详细地记录好相关信息,相关信息包括:程序名称、源程序语句条数、所用的程序设计语言、程序安装的日期、修改程序所增加的语句数、修改程序所减少的语句数、每次修改所付出的“人时”数、修改时的详细日期、维护人员的详细信息、维护类型、维护开始时间和结束时间、修改维护的原因等。
6.3 功能拓展方法
在网站的维护中,功能拓展是必不可少的,也是重中之重的。一个网站在多次使用后,难免会有需要添加功能。具体来说,可以先重构原有的代码,使其具有可扩展功能,功能拓展分两步:第一,修改原有代码,在保证原有功能不变的前提下,设计出可扩展点,使其在以后添加新功能时不必修改原有代码,由于没有添加任何新功能代码,我们可以编写测试代码进行测试,或者手工测试。第二,编写实现类,实现拓展内容然后配置到系统中,才能使我们的网站在维护中始终能保持高质量的代码。