湖南科技大学计算机科学与工程学院
WEB编程课程设计报告
题目：网上购物商店
学号：1111111111
姓名： 1
指导老师： 1
完成时间：111111111
目录
一、设计内容 (3)
二、设计方法 (4)
1、网站的整体结构设计 (4)
2、网站设计的技术方案 (5)
3、网站的界面设计 (6)
三、实现方法 (8)
1、数据库的设计 (8)
2、网站具体的实现过程 (10)
开发环境： (10)
设计思路 (10)
四、心得体会 (11)
随着互联网时代的迅猛发展，人们的生活方式已经发生了翻天覆地的变化，传统的实体店购物方式已经不能满足人们的需求，传统购物方式购物不方便，非得出门才能购物，去到了实体店有不一定有自己满意的商品，有时候会浪费大量的时间和精力。

随着网络的全面覆盖，网上支付系统的逐步完善，物流业的快速兴起，网上购物已经成为了当今购物的潮流。

网上购物商店主要满足人们足不出户就能买到自己想要的物品的需要，同时也为商家省去了昂贵的门面租赁费用，而且商品还可以卖到全国各地，大大的扩大了客源又节省了成本。

网上购物商店主要有以下几个方面的功能：
顾客可以浏览整个网站的商品，可以再网站进行注册，注册之后可以登录并购买商品，同时也可以查看和修改自己的个人信息，为了安全的需求，还可以修改密码。

商家，也就是店主，管理员，可以管理网站所出售的所有商品，同时也可以对在网站进行注册的用户进行管理。

1、用户登录、注册功能
（1）注册功能：用户进入网站，如果有兴趣在该商店购买商品，那么用户就可以注册。

（2）登录功能。

已经注册的用户可以登录，登录之后方可购买商品。

（3）查看、修改用户信息功能。

（4）修改密码，为了用户安全的需要，经常更换密码可以保证用户账户的安全。

2、购物功能
（1）物品浏览：顾客进入网站，就可以浏览网站的商品。

（2）商品购买：顾客注册自己的账户，并登录之后就可以在网站购买商品了。

购买商品的步骤如下;
a)添加商品到购物车
b)确定购买
3、商品管理：管理网站所出售的商品。

4、用户管理：管理员对在网站注册的用户进行管理。

5、订单管理：对用户的订单进行管理。

1、网站的整体结构设计
该网上购物商城主要包括了首页，用户模块，管理员模块几个模块，它们是互相联系的。

对于整个网站，顾客的购物流程可以简单地表示如下：
1、首页
首页上应当能实现以下功能：展示商品的功能，还提供用户登录注册的入口，以及管理登录的入口。

2、 用户模块
用户登录之后即进入用户模块，在用户模块，主要有以下几个功能： ● 查看和修改用户的个人信息：用户可以及时的更新自己的个人信息。

● 修改用户密码：用户可以修改自己密码，满足安全性的需求。

● 查看网站的所有商品：网站上所有已经发布的都可以浏览。

● 购买商品：用户在网站上看中自己喜欢的商品就可以将其加入购物车。

● 查看购物车：用户将商品添加的购物车之后就可以查看自己的购物车，然后再
确认购买。

● 查看历史订单：用户可以在网站上查看自己曾经买个哪些商品。

● 退出：用户完成购物操作或者要离开网站，就可以安全退出。

3、管理员模块
管理员其实就是网店的商家，管理员模块主要功能有：
订单管理：管理用户的订单，主要是在用户下单之后与顾客完成交易，并尽快的给
会员注册和登录
商品浏览
在线购物登记
查看购物车
购物确认
数据库
出口
在线商品浏览（非会员用）
顾客发货。

用户管理：管理员可以查看已经在网站注册的用户并对用户进行管理，必要时删除那些在网站发布恶意信息的顾客。

商品管理：管理员可以在此处添加或者删除自己的商品，或者修改商品的详细信息和商品的价钱。

退出：管理员退出管理中心。

网上购物商城的整体结构图如下：
2、网站设计的技术方案
1、Java：Java由四方面组成：Java编程语言、Java类文件格式、Java虚拟机和
Java应用程序接口(Java API)。

Java 编程语言是个简单、面向对象、分布式、解
释性、健壮、安全与系统无关、可移植、高性能、多线程和动态的语言。

2、HTML：超文本标记语言，是用来描述网页的一种语言。

3、Javascript：脚本语言，使用Javascript可以向HTML 页面增加用户交互性。

4、JSP：网页技术。

5、Css：CSS 指层叠样式表(Cascading Style Sheets)，样式定义如何显示HTML 元
素，样式通常存储在样式表中。

3、网站的界面设计
网站的主页
登录界面
用户模块的界面设计：
用户界面模块的整体风格如下，在顶栏提供了【我的购物车】、【历史订单】、【修改密码】、【个人资料】、【退出】的功能的入口。

主要分为两个区域。

A区是固定的，B区会根据不同的选择，不同操作而展现不同的界面。

管理员模块的界面设计：
管理员模块的界面同用户界面模块风格大体相同，只是在顶栏提供的是【订单管理】、【用户管理】、【商品管理】、【退出】等功能的入口。

也分为A区和B区，A区是固定的，B区会根据管理的选择而改变。

三、实现方法
1、数据库的设计
数据库命名为onlineshop，包括：Customer、Goods、GoodsType、orderlist和admin五个数据表。

字段名字段类型说明是否为空默认值
id varchar(50)用户名否
password varchar(50)用户密码是
name varchar(50)姓名是
sex varchar(50)性别是
address varchar(50)地址是
tell varchar(50)电话是
email varchar(50)邮箱是
4）GoodsBasket数据表，用于存储购物车的数据，数据结构如下：
2、网站具体的实现过程
开发环境：
（1）服务器端
操作系统：Widows7
Web服务器：Tomcat7.0
Java开发包：
数据库：MySQL
浏览器：chrome，360安全浏览器
（2）客户端
浏览器：chrome，360安全浏览器
（3）开发工具
Eclipse
设计思路
本网站采用MVC模式设计，其中视图层也称为“表示层”，是系统与用户交互的窗口。

用户看到的所有页面都可以称为视图层，该层通过JSP实现。

控制层从视图层接受用户请求，然后从模型层取出处理结果并返回给视图层，其中并不涉及任何具体的业务逻辑处理。

模型层负责处理业务逻辑和数据库的底层操作，为了继续降低程序的耦合关系，在项目设计中将磁层划分为业务层和持久层，前者负责业务逻辑的处理；后者负责数据库的底层操作，将持久化操作从业务层分离处理，提高程序的模块化设计。

四、心得体会
本次课程设计主要有以下几个方面的收获。

1、加深对数据库的理解，也更熟悉MySQL的使用。

数据库是整个网站的后台支持，没有合理的数据库，整个网站的性能就会降低，甚至影响网站的使用，合理的创建数据表，以及合理的进行划分，是网站设计的第一步。

同时也熟悉了对数据库的相关操作。

2、学会使用了Eclipse和MyEclipse，本课题要求是用MyEclipse进行开发，但是在同时使用两着进行对比之后，发现Eclipse要更具优势，因而最终选择Eclipse进行开发。

3、加深了HTML的熟悉程度，同时学了Javascript的相关知识，更深一步的了解JSP技术。

巩固了java知识。

总之，本次的课程设计，刚开始的时候面临着很多的困难，连开发环境的搭配都是问题，但是慢慢的，通过自己查阅相关资料和向其他人请教的方式，已经基本的完成本次课程设计的内容，从中获益匪浅。

11。