团队作业二

团队作业二

团队成员:胡永发(我),杨建宇,张玉川,陶继康,程嘉鑫

 

 下面是开发文档:

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">密码&nbsp;</font><input type="password" placeholder="请输入用户密码"/></li>

      <li><font color="white">权限&nbsp;</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 &copy; 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">用户名&nbsp;</font></td>

    <td width="192"><h1><input type="text" placeholder="请输入用户名称" size="36"></h1></td>

  </tr>

  <tr>

       

    <td><font color="white">密码&nbsp;&nbsp;</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 &copy; 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 &copy; 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="查询"> &nbsp;&nbsp;&nbsp;<input type="reset" value="取消"></td>
</tr>
</table>
</form>
</div>
<div class="footer">Copyright &copy; 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 功能拓展方法

在网站的维护中,功能拓展是必不可少的,也是重中之重的。一个网站在多次使用后,难免会有需要添加功能。具体来说,可以先重构原有的代码,使其具有可扩展功能,功能拓展分两步:第一,修改原有代码,在保证原有功能不变的前提下,设计出可扩展点,使其在以后添加新功能时不必修改原有代码,由于没有添加任何新功能代码,我们可以编写测试代码进行测试,或者手工测试。第二,编写实现类,实现拓展内容然后配置到系统中,才能使我们的网站在维护中始终能保持高质量的代码。

 

posted @ 2016-11-29 11:16  小圣zZ  阅读(419)  评论(0编辑  收藏  举报