基于MVC模式的网上购物系统的设计与实现

基于MVC模式的网上购物系统的设计与实现

基于MVC模式的网上购物系统的设计与实现

冯晓强.程晓昕

(1.1aJlI大学计算机学院,四』II610207;2.四川大学电子信息学院,四川610207)

摘要:由于MVC模式的简单高效性,越来越多Web开发都采用了此模式.介绍基于MVC

开发模式下的网上购物系统的系统构架以及系统设计.此系统主要实现用户信息管理,

订单管理,商品管理等功能,并描述系统功能模块的实现,介绍开发过程中所用到的一

些关键技术.

关键词:MVC:网上购物:Servlet;JSP;JavaBean;JavaScript

0引言

在Intemet飞速发展的今天.互联网成为人们快

速获取,发布和传递信息的重要渠道,它在人们政治,

经济,生活等各个方面发挥着重要的作用.其中最具

代表性之一的就是网上商店的诞生.网上购物系统向

消费者展示出一片新鲜的购物天地.网上购物弥补了

传统购物的一些局限性,成为传统购物的补充.

1系统构架

本系统采用了三层架构的MVC模式.MVC有3

个主要组件:模型fMode1),视图(View),控制器(Con.

troller).

Model:模型是用于描述外部世界使用程序的业

务逻辑和数据:

VieW:视图主要涉及程序向用户界面的输出:

Controller:控制器处理用户的输入

本系统开发基于JSP+JavaBean+Servlet模型.JSP

充当视图.JavaBean充当模型,Servlet充当控制器.

MVC模式的工作流程如图1.

响应

一请剩转发/

图1MVC模式的工作流程图

收稿日期:2009—04—07修稿日期:2009—07—18

作者简介:冯晓强(1987一),男,山西朔州人,在读本科

2系统设计

2.1系统主要功能设计

该系统主要是为广大用户提供更加方便的购物

途径,其主要功能模块如图2.

统主要功能模块

用户模块

查

看

订

艟

信

息

理员模块

篓Il茎jIllj}萎l{Il簧ill;耋

图2系统主要功能模块图

2.2数据库设计

(1)系统中各实体及其联系

本系统共有5个实体:管理员admin,商品信息

goods,订单orders,订单详细信息orders_detail,用户

信息:userinfo.

系统E—R图如图3

(2)根据转换算法可将E—R图转换为关系模式

如下:

●管理员:admin(adminname,passwords);

●商品信息:goods(goods_id,goods_name,goods—

bi~ype,goodssmalltype,goods_

describe,goods_

price,

搜

索

商

品

MODERNCOMPUTER20o9.7@

现

代

计

算

机

^

总

第

三

__

__

期

现

代

计

算

机

^

总

第

三

_-

_●

期

v

goods—

discount,goods_

number,goods_

pic,sale_

number);

●订单:orders(order_id,uselTlame,order_date,order

—

address,contactman,postcode,order_

sum,order_dealdate,

order_

state,order_phone);

●订单详细信息:orders—detail(orderid,goods—id,

goods_

name,goods_

price,buy_

number,total_

money);

●用户信息:userinfousername,passwords,real—

name,email,genderphone,se|einfo);

图3系统E—R图

3主要功能模块的实现

该系统主要的功能模块有商品查询,商品购买,

订单管理和用户登录与注册.数据库采用Postgresql,

用JDBC实现与数据库的连接和操作.编写了一系列

Servlet类集中处理事务,JavaBean组织数据的结构,

JSP页面显示数据.

●主要的Servlet类

:负责处理管理员的事务,包括

商品管理和订单管理两大部分:

:负责处理用户的日常请求,

包括页面跳转,查看商品详细信息,搜索商品等;

:实现了购物车的功能,主要

处理添加商品到购物车,删除购车内的商品,结账并

产生定单等事务:

:负责登录功能的事务处理,包

括管理员和普通用户的登录,实现了对用户名和密码

的检查:

:负责处理用户注册的请求,

实现了对用户名的检查使用户名唯一;

:负责对更新用户信息的功能.

●主要JavaBean类

:连接数据库,获得数据库连接对

象:

:用户事务逻辑,封装了对用户数据

@MODERNCOMPUTER2009.7

库的操作.包括增加,删除用户记录,获得用户信息,

更新用户信息:

:商品事务逻辑,封装了对商品

数据库的操作.包括查询商品,添加商品到数据库,删

除商品和更新商品信息:

DB_

:订单事务逻辑,封装了对订单数

据库的操作.包括查询订单信息,更新订单信息,添加

和删除等:

DB—

Order_:封装了对订单详细信息的

处理:

:实现购物车,用来处理购物车的请

求:

:购物车商品信息类,封装了关于

购物车内商品的信息:

:用户信息类,封装了用户的基本信息;

:商品信息类,封装了商品的基本信

息:

订单信息类,封装了订单的基本信息;

Order_

:订单信息信息类,封装了订单

的详细信息

●主要的JSP页面

:系统主页,上方设计有导航条,指导全

站的视图:

:显示我账户的信息;

:该页面用来查询商品,显示查询

结果:

:显示购物车中的商品;

:结算页面,对购物车里的商品进行

结算:

:显示已经产生的订单;

:该页面用来查询订单,显示查询

结果:

detail_

:显示订单的详细信息;

:修改订单的信息;

list::列出所有的商品并显示相关信息;

:添加商品页面,供用户输入关于

商品的相关信息;

:删除商品页面;

:修改商品信息页面;

:动态显示显示推荐商品信息;

:动态显示特价商品信息;

:登录页面.

竺/

4开发过程中的关键技术

4.1JavaScfipt

在该网上购物系统中就用到了这种脚本语言.增

强了程序的交互性.以下是程序中用户注册部分的一

小段JavaScript代码:

<scriptlanguage='javascript''>

functionCheckO

{

if(==""1

f

("请填写你的登录名!");

;

retumfalse;

}

if(==""1

{

("请填写密码!");

;

returnfalse;

}

l

</script>

通过该小段代码.可以轻松地判断用户是否输入

了用户名和密码,如果没有填写,点击"提交"时,就会

自动地弹出一个对话框"请填写用户名"或"请填人密

码"提示用户必须填写的内容.具有很好的实时交互

性,而不用单独写一个Servlet去处理该情况.使程序

更易编写,且效果较好.

4.2CSS

传统Web站点中的HTML页面文档结构和显示

格式一直是混合在一起的.这给页面开发和调整带来

了很多不便.另外,仅仅通过HTML进行字体显示格

式的调整是很粗糙的.并不能达到某些特定效果的要

求.为了使页面显示格式完全独立于文档结构,以及

为了能够更加精确地设置文档显示效果.W3C为

HTML制定了样式单机制,这就是CSS.

运用CSS来统筹全站的页面.使页面代码更加

简洁移动.当需要改动的时候,只需对CSS样式表进

行修改,就可以使全站的页面元素得到修改,降低了

网站维护的难度.

4_3验证码的生成

验证码是指将一系列随机产生的数字或特殊符

号叠加到一幅图像里.同时在图像里加上一些干扰信

息,用于防止恶意破坏的验证信息.验证码的作用主

要是为了防止恶意用户利用机器人程序自动注册,登

录.以达到防止无限申请账号从而破坏服务器或暴力

破解密码的目的

该网上购物系统使用了验证码技术.程序中Ran.

domjsp的功能是随机产生一幅验证码的图像.并发

送回浏览器.其实质是一个在JSP中产生动态图像的

程序,实现了验证码的生成.

会员登录系统时验证码的界面如图4

图4会员登录系统界面图

5结语

本系统运用MVC模式实现了网上购物功能.基

本可以满足广大上网购物用户的需求.MVC开发模

式中的三层各司其职.其中一层发生变化不会影响其

他层,而且有利于责任分工,因此运用此模式开发相

关系统可以提高工作效率.

参考文献

[1】邹竹彪.JSP宝典[M].电子工业出版社,2007

【2】王珊,萨师煊.数据库系统概论(第四版)【M].高等教育出

版社.2006

【3]夏慧军.JavaScript典型应用与最佳实践[MI.电子工业出

版社.2008

[4]KynnBartlett着.周哲,和亲玉等译.CSS入门经典fM].人

民邮电出版社.2007

【5】张银鹤,冉小晏,刘治国等.JSP完全学习手册【M】.清华

大学出版社.2008

MODERNCOMPUTER2009.7@

现

代

计

算

机

^

总

第

三

-●

__

期

DesignandImplementationofOnlineShopping

SystemBasedonMVCModel

FENGXiao-qiang,CHENGXiao—xin

(eofComputer,SichuanUniversity,Sichuan610207:

eofElectronicsandInformation,SichuanUniversity,SiChuan610207)

Abstract:BecauseoisimplenessandhighefficiencyofMVCmodel,moreandmoreWebdevelop—

bessystemarchitectureandsystemdesignofonlineShoppingsystem

basedonMVCmodel,thesystemmainlyimplementssomefunctionssuchasuserinforma—

tionmanagement,ordermanagement,bestheimple.

mentationofsystemfunctionmodules,describessomekeytechnologiesusedinthedevel—

opmentprocess.

Keywords:MVC;OnineShopping;Servlet;JSP;JavaBean;JavaScript

(上接第173页)

AHeterogeneousInformationIntegrationSolution

BasedonWebService

ZHAOYuan,LVHong,YANJian

(eronauticalEngineeringAcademy,Yantai264001;ngTransportVocationalCollege,Weifang261206)

Abstract:Onthebasisofthetraditionalheterogeneousinformationsystem,proposesaschem

efor

integrationofheterogeneousinformationbasedonWebservice,andalsosetupsasortof

seofvariousheterogeneousinformationsystemis

realizedwit}lWebservice,SOthatthetraditionalinformationsystemcanbeaccessedbvthe

Webserviceuserswithoutthelaborofredevelopinganewsystemandthesharingof

heterogeneousinformationisrealized.

Keywords:HeterogeneousInformation;WebService;ISS;REML

①MODERNCOMPUTER2009.7

珂吼¨¨首开曲仉^凸甘昂ll一一一相刖