Web系统网站设计报告
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Web应用网站设计报告
学院:计算机学院
姓名:
学号:
专业:
目录
1、网站设计背景 (3)
1.1开发环境: (3)
2、设计题目 (3)
3、总体设计方案 (3)
3.1功能设计 (4)
4、处理流程 (4)
5、功能的实现 (5)
5.1首页设计效果 (5)
5.2图书界面设计效果 (10)
5.3登录功能设计效果 (14)
5.4注册功能设计效果 (15)
5.5清仓、优惠设计效果 (17)
5.6加入购物车继续购买、付款设计效果 (19)
5.7购物车及收银台 (20)
6、数据库设计 (21)
6.1数据库设计方案 (21)
6.2 部分截图 (22)
6.2.1数据库建表 (22)
6.2.2保存用户信息的表 (22)
6.2.3保存商品信息的表 (22)
6.2.4保存购物车信息的表 (23)
7、总结 (23)
1、网站设计背景
随着计算机技术和网络技术的迅速崛起,计算机日渐深刻的在改变着人们的生产生活方式。人们已经对去固定的场所、购买(出售)固定的物品的交易方式所带来的不便越来越感到不满,交易的时间长、效率低。高额的运费、销售场地的凭租费等繁多的额外开支也给商家带来沉重的成本支出。为了适应市场、适应经济前进的步伐,买家和商家都在努力积极地寻找一种能够带来高效率、低成本销售模式。开发网上商城、研究网上商城的推广方式,不仅能为其带来新的盈利模式,也可以实现整个产业的共赢,而且对于我国电子商务在整个经济领域中的发展也有着非常深远而重要的意义。本系统是采用JspS+Mysql+RPC构建的一个动态的网上书店网站在以轻量级数据库Mysql为开发平台,Tomcat为应用服务器,采用JSP技术开发的网上商城购物系统。本系统分为前台部分,和后台部分,前台主要由用户使用,主要包括用户注册、登录、浏览商品、购物车等功能。
1.1开发环境:
windows 7 vs2013
Sql server2014
2、设计题目
电子商务是指在企业互联网、增值网和内部网上以电子交易方式进行交易活动和相关服务的活动,是传统商业活动各环节的、电子化。随着计算机和网络的日趋普及,越来越多的商家建立了自己的B2C网站。比如淘宝网、苏宁易购、亚马逊、三星商城、以及各大团购网站等。要求用本学期所学 WEB应用开发技术以及参考、查找相关书籍,设计编程实现一个类似淘宝的购物网站,要求有以下功能:
(1)注册;
(2)登录;
(3)购物,在购物时有物品编号、图片、名称、简介以及购买;
(4)选中需要的物品时加入购物车点击购买。
3、总体设计方案
网站设计使用单机作业,由手动输入有关信息,可以选购图书,上传图书,进行用户注册等。前端开发语言使用HTML服务器采用使用SQL数据库管理系统以及
.
3.1功能设计
作为一个网上购物系统,首先必须保证用户的方便性,因此系统应具有商品排行、清仓优惠、以及最重要的“购物车”的功能,以便用户可以方便的购买物品同时完成支付。在系统中应列举出商家的各种优惠举措和促销信息。在系统的后台,管理员能够管理商品,用户信息,产品信息,友情链接以及最重要的订单处理模块。在设计过程中,要处理好各部分的关系,并由此设计相关的数据库。本网站应具有的功能有:用户注册、登录功能;商品浏览功能、购物车等功能;后台部分主要有管理员操作,包括商品管理、公告管理、图书优惠管理等功能。
(1) 用户注册、登录:购买本网站必须是本网站的会员,即必须先注册会员,只有注册核对信息登录后,用户才能正常进行购物操作。
(2) 购物车管理:会员选定一种商品后,就可以直接把图书放到购物车中,提交订单,完成支付;在未提交前可以随意取消这件商品,继续购买其他商品。
(3) 购买:选中图书加入购物车点击购买、付款;
(4) 商品信息简介:对网上商城的商品进行管理,包括商品上下架库,商品信息、价格的制定等。
(5)后台管理:包括用户信息的保存、图书信息的更新、优惠、清仓活动的信息更新等。
4、处理流程
(1)用户注册:购买者进入网站页面后,首先要填写注册资料,在判断无误的情况下完成成功注册,登陆网站首页。
(2)商品购买:用户通过登录后,浏览商品,选择图书后,可以将图书放入购物车,确认继续购物,在购物车页面,可以对购物车里的图书进行购买。(3)管理员管理:管理员通过后台登陆后,可以对商品信息、公告信息、优惠、清仓信息等功能进行操作。
(4)用户可以看到商品的简介以及特价商品,查看商品信息后,可以选择购买。
5、功能的实现
5.1首页设计效果
部分代码如下:
<%@Page Language="C#"AutoEventWireup="true"CodeFile="detail.aspx.cs"
Inherits="detail" %>
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
// The menu on the left
$(function () {
$('nav#menu-left').mmenu();