赞
踩
目录
1 需求分析 4
2 概要设计 4
2.1 功能模块图 4
2.2 业务流程图 4
2.3 操作说明 6
3 运行环境、开发工具 7
3.1 运行环境 7
3.2 开发工具 7
4 系统设计 8
4.1 程序清单 8
4.2 数据库设计 8
5 系统设计 9
5.1 登录设计 9
5.2 注册设计 10
5.3 主界面设计 10
5.4 增加图书页面设计 10
5.5 修改图书页面设计 11
5.6 查看图书页面设计 12
5.7 删除图书设计 13
5.8 购物车页面设计 14
6 系统测试 15
6.1 登录模块 15
6.2 注册模块 16
6.3 操作模块 16
7 心得体会 17
8 参考文献 18
2.3操作说明
(1)图书信息列表:
点击登录,系统会进入书城页面,执行查询(queryListForPage(PageRequestUtil pageRequestUtil))列表,显示全部图书信息(list.jsp)。
(2)添加图书
点击添加图书,系统显示添加图书页面(save.jsp);用户输入图书信息,点击提交 系统执行添加(save(Book book)),重定向到主页面(list.jsp)。
(2)修改图书
点击修改图书,系统显示修改图书页面(save.jsp);用户修改图书信息,点击修改 系统执行添加(updateById(int id, Book book)),重定向到主页面(list.jsp)。
(3)删除图书
点击删除图书,系统会执行(deleteById(int id)),重定向到主页面(list.jsp)
(4)购买图书
点击购买图书,系统执行购买操作。
3运行环境、开发工具
3.1运行环境
(1)硬件环境:PC机,内存4G。
(2)软件环境:操作系统:windows10。
3.2开发工具
(1)开发环境:Eclipse或MyEclipse。
(2)数据库:HSQL或MySQL、SQLServer。
(3)编程语言:Java、JSP。
4系统设计
本章共分为程序清单和数据库设计。
4.1程序清单
表4.1.1 程序清单
文件名 功能
login.jsp 登录页面
regist.jsp 注册页面
list.jsp 主页面
save.jsp 保存、修改页面
showcar.jsp 购物车页面
4.2数据库设计
共设计了两张表:Book(图书信息表)和 Users(用户信息表)。
表4.2.1 Book(图书信息表)
登录页面代码:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录界面</title> <link rel = "stylesheet" href="${pageContext.request.contextPath }/css/book.css"> </head> <body style="background-image:url(picture/2.jpg); background-size:100% 100%; background-attachment: fixed"> <form action="${pageContext.request.contextPath}/UserLoginServlet" method="post"> <table align="center" valign="center"> <tr> <th colspan="8" id="showHeader">请登录...</th> </tr> <tr> <td class="label">登录名:</td> <td class="inputContent"><input type="text" name="username"></td> </tr> <tr> <td class="label">登录密码:</td> <td class="inputContent"><input type="password" name="password"></td> </tr> <tr id="tdBut"> <td colspan="2"> <input type="submit" value="登录"> <input type="reset" value="取消"> <input type ="button" value="注册" onclick="javascript:window.location.href='${pageContext.request.contextPath}/UserRegistServlet'"> </td> </tr> <tr id="loginbut"> <td colspan="2"> <span> ${message } </span> </td> </tr> </table> </form> </body> </html>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。