电子商务网站的建设.doc

焦作大学毕业设计说明书 第47页共46页

焦 作 大 学

毕业设计(论文)说明书

作 者： 徐帅利 学 号： 120304118
学院(系)： 信息工程学院
专 业： 软件技术
题 目： 好买网
主 题： 电子商务网站的建设

指导教师： 孟军霞 职称：

2009年12月

摘要 3
Abstract 4
第一章 前言 6
第二章 开发工具及运行环境 6
2.1开发工具的选用与介绍 6
2.2系统软件要求 7
2.3系统运行环境 7
第三章 网站建设 7
3.1网站建设步骤 7
3.2.1数据库准备 10
3.2.2购物车的实现 15
3.2.3新闻阅读页 17
3.2.4商品详情页 18
3.2.5共享页面 20
3.2.6留言页 20
3.2.7后台页面 22
3.2.8最近浏览 24
3.2.9分页显示 26
3.2.10大分类小分类级联 28
3.2.11 文件上传 29
3.2.12 js实现登陆验证与验证码的实现以及ajax实现注册无刷新验证 32
第四章 网站的测试与发布 43
4.1网站的测试 43
4.2 网站的发布 43
第五章 网站的维护与更新 43
5.1网站的维护 44
5.2 网站的更新 44
致谢 45
参考文献 46

摘要
随着互联网的飞速发展，电脑网络已经应用到各个领域，普及到千家万户，无论是国内还是国外都迅速发展起来。现在，网络已经成为人们快速获取信息、发布信息和传输信息的主要渠道，成为每个人生活中的一部分，同时网络也提供一个很好的信息交流平台。目前，网页设计和网站建设成为新时代的一个热点。电子商务也应运而生。
电子商务,Electronic commerce,通常是指在全球各个广泛的贸易活动中，在因特网开放的网络环境下，基于浏览器/服务器应用方式，买卖双方不谋面地进行各种商贸活动，实现消费者网上购物、客户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营模式。
我们曾经一直在校门外摆地摊，要毕业了，有些存货，再加上好多同学在抱怨行李太多了带不完，扔了可惜。结合自己的专业，以及市场情况我们决定建立一个商务网站解决大家的难题，建立一个网站就是在网上给你的企业建一个家，这样你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品。客户可以给你的网站发电子邮件咨询问题，你可以把最新的产品放在网上供大家选购。世界上任何一个上网的人都可以拜访你的企业，而你的企业同时也展示在全世界的面前。这是一个多么好的宣传企业、树立企业形象的方式。不得不感叹Internet给人们生活带来的方便以及给社会创造的价值。
由于我们的资金不够，也怕货物积存。我们没有将同学的物品买下，而只是将他们想卖的东西拍成照片，并运用ps技术进行处理后上传到网站上去，等有人买了，我们就向其联系。
本网站主要运用开源数据库mysql，开源的开发语言java，以及开源工具eclipse入手，实现网上购物系统的主页浏览模块、会员登录、管理员登陆模块，买家留言模块、会员注册模块与身份验证模块、购物车等方面的设计，从网站的主页、界面设计方面研究，并探讨了运用数据库技术，基于javaee的动态网页设计和mysql数据库进行电子商务网站的设计和实现，此文一一简单介绍其设计从、思想和设计方法，由于网站的初衷是好买好卖，所以就已“好买网”命名，现在网站的羽翼还不怎么丰满，期待以后尽可能的去完善。
在制作过程中，我参考了有关教材和某些网站的资料，老师也给与我相应的指导，在此表示感谢！由于制作水平有限，时间仓促，不妥之处在所难免，衷心希望大家批评并给与好的建议。

关键字：网站设计，javaee，eclipse，Ajax，js

Abstract
With the rapid development of Internet, computer network has been applied to various fields,spread to thousands of households, whether domestic or foreign developed rapidly. Now, the network has become the main channel for people to get information quickly, information release and transmission of information, become a part of everyone's life, at the same time,the network also provides a very good platform for the exchange of information. At present,Webpage design and website construction has become a hot spot in the new era. Electroniccommerce also emerge as the times require.
 electronic commerce, Electronic commerce, usually refers to the all the world wide trade activities, the Internet and open network environment, based on Browser / server applicationmode, both parties not met for various business activities, a new business model to achieve between the consumer online shopping, online transactions and online customers payment and various business activities, trading activities, financial activities and related serviceactivities.
We have been outside the school set up a stall, be graduated, some of the inventory, plus a lot of students complaining too much baggage belt not over, throwing a pity. Combined with their own professional market, and we decided to build a business web site to solve allproblems, the establishment of a web site or online to your enterprise to build a home, so you can introduce your business to customer here, show your strength, sell your products. The customer can give your website email consultation the problem, you can get the latest producton the Internet for you to choose. No one in the world of Internet can visit your company, and your enterprise also display in front of the whole world. This is a very good propaganda enterprise, establish a corporate image of the way. Had to sigh Internet for people living with the convenience and value to the society of creation.
Because we have not enough funds, is also afraid of goods stored. We don't have our goods to buy, but they will want to sell things to photograph, and use PS technology for processing upload to the website, etc. some people bought, we went to the contact.
This website mainly uses the open source MySQL database, open source development language Java, and open source tools of eclipse, the realization of online shopping system home page module, member login, the administrator login module, message module, the design of buyers register module and authentication module, shopping cart and other aspects of the research, from the site's home page, interface design, and discusses the application of database technology, JavaEE dynamic Web page design and database based on MySQL is designed and realized using electronic commerce website, this article introduces the design,from the thinking and design methods, because the site's original intention is good buy sell, so they have been "good buy net" name, the website now wings how not plump, looking forward to the future to try to improve.
In the production process, I made reference to the relevant materials and some site information, the teacher also gave me the appropriate guidance, thanks!  Because the manufacturing level is limited, the time is hasty, the inadequacies can hardly be avoided,sincerely hope that we criticize and give good suggestion.

Keywords: website design, JavaEE, eclipse, Ajax, JS

第一章 前言
在全球经济形势不景气的情况下，受到的冲击力最大的是全球中小企业和中国的大多数中小企业，作为应届大学生的我们就业压力就像一只无形的手压得我们喘不过气来。就算找到了工作工资也少得可怜，“打工不如创业”那么信息时代我们靠什么来创业，当然是通过电子商务来做生意，因为最少的投入可以收到最大化的回报！我本次制作的网站是个购物网站，网站的名字叫“好买网”，之所以取这样一个名字是因为我刚开始建设这个网站的初衷“好买好卖”，
“好买网”主营图书、家电、服装，虽然网站内容不是很多，但是都能看出是个购物网站。本店除了能够实现基本的功能，还设有在线留言及买后评价的工能，当然会员注册也是免不了的。
“好买网”主要借助eclipse实现，动态部分主要利用mysql数据库来实现，当然一个网站视觉效果也是很重要的，在网站里面，我们加如了多种元素，风格简单又不失单调。

第二章 开发工具及运行环境
2.1开发工具的选用与介绍
Eclipses是一款专业的javeee的动态网站编译工具，对于web站点、web页面和web应用程序进行设计、编码和调试，虽然其比不上dream有可视化编辑窗口，但其手工编代码的方式却让页面变得更灵活，不会产生冗余的代码，使用jsp,servlet生成由动态数据库支持的web应用程序。
优点：
（1） 最佳的制作效率：灵活多变，不产生多余的代码。自定义样式表、div,思路比较清晰，更重要的是它能编辑、调试java代码，这是其它网页编辑工具所没有的，同时也能也Flash，ps做到良好的融合。
（2） 网站管理：使用通过发布不同的项目就可以看到不同的项目运行的结果，项目一经发布就会更新所有的链接，并且支持代码改错功能，即使有复杂难记的代码也没关系，按下alt+/所有提示代码都会出来。
（3） 动态网站的调试能力：一旦网站出现什么异常，在控制台就会打印出相应的信息，我们就可以根据错误提示来找到错误并修改。
Tomcat一款开源免费的服务器，深受广大网站开发者的喜爱，目前最新的应该到了tomcat8,与jdk8相对应
优点：
（1） 开源免费
（2） 轻巧不失‘稳重’
2.2系统软件要求
系统配置不应过低，因为考虑到今后可能要对网站的功能进行扩充，所以应做到未雨绸缪，如因特殊原因配置达不到，或者不打算长期从事这一职业（也就不需要多大扩充维护），低配置也没有多大关系
2.3系统运行环境
由于本网站使用java语开发的，可移植性好，只要是装有java虚拟机的任何操作系统都能运行，如果没有装jdk8.0的话，可以到官网下载，傻瓜式安装就行了，有兴趣的还可以配置环境变量（一般都是开发人员才配置），其次就是服务器了，由于网站规模不是很大，tomcat8对付它绰绰有余。

第三章 网站建设
3.1网站建设步骤
由于目前所见即所得的工具越来越多，使用也越来越方便，所以制作网页已经成为了一件轻松的工作，不像以前要手工编写也一行代码源那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，他是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步一步来，才能设计出一个满意的网站。
（1） 确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做的内容大而全，包罗万象。你没有这个能力，也没有这个精力，所以必须要找准一个自己最感兴趣的内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全，精而深。本设计属于商业型网站，主题主要是对商品进行全面的描述，能有让产品本身有说话的力量。
（2） 收集资料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集的材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上去粗取精，去伪存真，作为自己制作的网页素材。由于本网站属于商业网站，所以我们网站上的商品图片是根据自己的商品拍摄并用ps技术进行处理后而上传的。
（3） 规划网站
一个网站设计的成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的应用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟、胸有成竹。也只有如此制作出来的网页才能有个性、有特色、具有吸引力。如何规划网站的每一项具体内容，我们会在下面介绍。
（4） 选择合适的制作工具和制作语言
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往能起到事半功倍的效果。网页制作设计的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是dream weaver和front page了，如果是初学者，front page是首选。除此之外，还有图片编辑工具，如Photo shop等，动画制作软件Flash，网页特效工具会声会影，网上有许多这方面的软件，你可以根据需要灵活运用。根据个人实力以及网站的功能实现的要求，由于本人的使用习惯还是编写代码比较实用，主要采用eclipse实现java8的注解+servlet+jsp动态网站建设。
（5） 制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小，先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后在逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
（6）网站大致的架构

（7）发布测试
网页制作完毕，最后要发布到web服务器上，才能够让全世界的朋友观看，现在上传的工具很多，有些网页制作工具本身就带有ftp功能，利用这些ftp工具，你就可以方便地把网站发布到自己申请的主页存放到服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页、逐个链接的进行测试，发现问题，及时修改，然后再上传测试，全部测试完毕就可以把你的网址告诉朋友，让他们来浏览。
（8）推广宣传
网页做好之后，还有不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站的交换链接、加入广告链接等
（9）维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那不问了，只有不断地给他补充新的内容，才能够吸引住浏览者。

站点结构图如图3-1所示
3.2.1数据库准备
（1） ：字段名说明
用户表（user）:存放用户基本信息
字段名称
说明
类型
备注
id
主键
int
非空，主键，自增
login_id
用户名
varchar(30)
非空，唯一
user_name
真实姓名
varchar(30)

password
密码
varchar(30)

gender
性别
varchar(2)

birthday
出生日期
date

identity_no
身份证号
varchar(20)

email
email
varchar(80)

mobile
手机
varchar(20)

address
地址
varchar(256)

role
角色
int
1普通用户，2管理员

留言表（comment）：存放用户留言
字段名称
说明
类型
备注
id
编号
int
主键，自动编号
content
留言
varchar(1024)

reply
回复
varchar(1024)

nick_name
留言用户昵称
varchar(30)

create_time
留言时间
datetime

reply_time
回复时间
datetime

商品表（product）：存放商品基本信息
字段名称
说明
类型
备注
id
商品编号
int
主键，自动编号
product_name
商品名字
varchar(80)

description
商品描述
varchar(1024)

price
商品价格
double

stock
商品库存
int

category_id
所属分类id
int

child_id
所属二级分类id
int

file_name
上传文件名
varchar(256)

商品分类表（category）：存放商品分类基本信息
字段名称
说明
类型
备注
id
编号
int
主键，自动编号
category_name
名字
varchar(80)

parent_id
父分类
int

订单表（order_header）：存放订单相关信息
字段名称
说明
类型
备注
id
编号
int
主键，自动编号
user_id
用户id
int

user_name
用户名
varchar(30)

user_address
用户地址
varchar(256)

create_time
创建时间
datetime

cost
金额
double

status
状态
int
1下单 2审核 3配货
4送货中 5收货并确认
pay_type
付款方式
int
1货到付款 2网上支付

订单详情表（order_detail）:存放订单详细信息
字段名称
说明
类型
备注
id
编号
int
主键
order_id
订单id
int
外键
product_id
商品id
int

quantity
数量
int

price
单价
double

cost
金额
double

（2） ：建表脚本create_goodbuy.sql
drop database if exists goodbuy;
create database goodbuy default character set utf8 default
collate utf8_general_ci;

use goodbuy;
create table user
(
id int not null auto_increment,
login_id varchar(30) null,
user_name varchar(30) null,
password varchar(30) null,
gender varchar(10) null,
birthday date null,
identity_no varchar(20) null,
email varchar(80) null,
mobile varchar(20) null,
address varchar(255) null,
role int null,
constraint pk_user primary key(id),
constraint uq_user_login_id unique(login_id)
);
create table news
(
id int not null auto_increment,
title varchar(50) null,
content varchar(1024) null,
create_time date null,
constraint pk_user primary key(id)
);

create table comment
(
id int not null auto_increment,
content varchar(512) null,
reply varchar(512) null,
nick_name varchar(30) null,
create_time date null,
reply_time date null,
constraint pk_comment primary key(id)
);
create table category
(
id int not null auto_increment,
parent_id int null,
category_name varchar(80) null,
constraint pk_category primary key(id)
);
create table product
(
id int not null auto_increment,
product_name varchar(80) null,
description varchar(1024) null,
price double null,
stock int null,
category_id int null,
child_id int null,
file_name varchar(256) null,
constraint pk_product primary key(id),
constraint fk_product_category1 foreign key(category_id) references category(id),
constraint fk_product_category2 foreign key(child_id) references category(id)
);

create table order_header
(
id int not null auto_increment,
user_id int null,
user_name varchar(30) null,
user_address varchar(255) null,
create_time date null,
cost double null,
status int null,
pay_type int null,
constraint pk_order_header primary key(id)
);

create table order_detail
(
id int not null auto_increment,
order_id int null,
product_id int null,
quantity int null,
price double null,
cost double null,
constraint pk_order_detail primary key(id),
constraint fk_order_detail_header foreign key(order_id) references order_header(id),
constraint fk_order_detail_product foreign key(product_id) references product(id)
);
insert into user(login_id, user_name, password, gender, birthday, identity_no, email, mobile, address, role)
values('admin', '管理员', 'admin', '男', null, null, null, '110', '河南洛阳', 2 );
insert into user(login_id, user_name, password, gender, birthday, identity_no, email, mobile, address, role)
values('a', '普通用户', 'a', '男', null, null, null, '119', '河南洛阳', 0 );
insert into user(login_id, user_name, password, gender, birthday, identity_no, email, mobile, address, role)
values('b', '普通用户', 'b', '女', null, null, null, '120', '河南洛阳', 0 );
insert into user(login_id, user_name, password, gender, birthday, identity_no, email, mobile, address, role)
values('c', '普通用户', 'c', '女', null, null, null, '112', '河南洛阳', 0 );

insert into news(title, content, create_time)
values('最新酷睿笔记本', 'IBME系列全场促销中，最新酷睿双核处理器，保证CPU更高效的运转。','2012-12-12');
insert into news(title, content, create_time)
values('团购无忧', '团购无忧','2012-12-12');
insert into news(title, content, create_time)
values('会员特惠月开始了', '会员特惠月开始了','2012-12-12');
insert into news(title, content, create_time)
values('加入会员，赢千万大礼包', '加入会员，赢千万大礼包','2012-12-12');
insert into news(title, content, create_time)
values('迎双旦促销大酬宾', '迎双旦促销大酬宾','2012-12-24');
insert into news(title, content, create_time)
values('新年不夜天，通宵也是开张了', '新年不夜天，通宵也是开张了','2012-12-31');
insert into news(title, content, create_time)
values('积分兑换开始了', '积分兑换开始了','2012-12-12');
insert into news(title, content, create_time)
values('配货通知', '配货通知','2012-12-12');
insert into news(title, content, create_time)
values('团购阿迪1折起', '团购阿迪1折起','2012-12-12');

insert into comment(content, reply, nick_name, create_time, reply_time)
values('刚订了台IPod，很是期待啊','货已发出，请注意收货时开箱检查货物是否有问题', '黎明','2012-1-1','2012-1-2');
insert into comment(content, reply, nick_name, create_time, reply_time)
values('佳能D50现在可以多长时间发货呢，很是期待啊','一般在订单确认后的第3天发货', '大宝','2012-1-1','2012-1-2');

insert into category(parent_id, category_name)
values(0, '图书');
insert into category(parent_id, category_name)
values(0, '生活用品');

insert into category(parent_id, category_name)
values(1, '少儿图书');
insert into category(parent_id, category_name)
values(1, '其他图书');

insert into category(parent_id, category_name)
values(2, '家用电器');
insert into category(parent_id, category_name)
values(2, '厨房用品');
insert into category(parent_id, category_name)
values(2, '化妆品');

insert into product(product_name, description, price, stock, category_id, child_id, file_name)
values('画册', '画册', 100, 1000, 1, 4, '591.jpg');
insert into product(product_name, description, price, stock, category_id, child_id, file_name)
values('饭盒', '韩国风格', 200, 1000, 2, 6, '592.jpg');
insert into product(product_name, description, price, stock, category_id, child_id, file_name)