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

《基于MVC模式的网上购物系统的设计与实现.pdf》由会员分享，可在线阅读，更多相关《基于MVC模式的网上购物系统的设计与实现.pdf（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、基于 MV C模式的网上购物系统的设计与实现 冯 晓强 程 晓 昕(1 1a J l I 大学计 算机 学院，四 I I 6 1 0 2 0 7；2 四川大 学 电子 信息 学院，四川 6 1 0 2 0 7)摘要：由 于 MVC 模式 的 简单 高效性，越 来越 多 W e b开发 都 采用 了此模 式。介绍 基 于 MVC 开发模 式下 的 网上 购物 系统 的 系统 构 架以及 系统设 计 此 系统主要 实现 用户信 息管 理、订单 管理、商 品管 理等 功 能，并描 述 系统功 能模 块 的 实现，介 绍 开发 过程 中所用 到的 一 些 关 键 技 术。关键 词：MVC：网上购物：S

2、 e r v l e t；J S P；J a v a Be a n；J a v a S c r i p t 0 引言 在 I n t e me t 飞速发展的今天 互联网成为人们快 速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。其中最具 代表 性之一 的就是 网上商 店的诞 生 网上 购物 系统 向 消费者展示出一片新鲜的购物天地 网上购物弥补了 传统购物的一些局限性，成为传统购物的补充。1 系统构架 本系统采用了三层架构的 MV C模式 MV C有 3 个主要组件：模 型f Mo d e 1)、视 图(V i e w)、控制 器(C o n t r o

3、 l l e r)。M o d e l：模型是用于描述外部世界使用程序的业 务逻辑和数据：V i e W：视图主要涉及程序向用户界面的输出：C o n t r o l l e r：控制器处理用户的输入 本系统开发基于 J S P+J a v a B e a n+S e r v l e t 模型 J S P 充当视图。J a v a B e a n充当模型，S e r v l e t 充当控制器。MV C模式的工作流程如图 1。响应 一 请剩转发 图 1 MVC模 式 的工 作流 程图 收稿 日期：2 0 0 9 0 4 0 7修稿 日期：2 0 0 9 0 7 1 8 作者 简介：冯 晓强(1

4、 9 8 7 一)，男，山西朔 州人，在读 本科 2 系统设计 2 1 系统主要功 能设计 该系统主要是为广大用户提供更加方便的购物 途径，其主要功能模块如图 2。统 主要功 能模块 用 户模块 查 看 订 艟 信 息 理员 模块 篓 I l茎 j I l l j萎 l I l簧 i l l；耋 图2 系统主要 功 能模块 图 2 2 数据库 设计(1)系统中各实体及其联系 本系统共有 5个实体：管理员 a d mi n、商品信息 g o o d s、订单 o r d e r s、订单详 细信息 o r d e r s _ d e t a i l、用户 信息：u s e r i n f o。系

5、统 E R图如 图 3 (2)根据转换算法可将 E R图转换为关 系模式 如下：管理员：a d mi n(a d mi n n a me，p a s s w o r d s)；商 品信 息：g o o d s(g o o d s _ i d，g o o d s _ n a me，g o o d s b i y p e，g o o d s s ma l l t y p e，g o o d s_d e s c r i b e，g o o d s_pr i ce，搜 索 商 品 M O D E R N C O M P U T E R 2 0 o 9 7 现 代 计 算 机 总 第 三 _ _ _ 期

6、 现 代 计 算 机 总 第 三 _-_ 期 v g o o d sd i s c o u n t，g o o d s_n u mb e r，g o o d s_p i c，s a l e_n u mb e r)；订单：o r d e r s(o r d e r _ i d，u s e l T l a me，o r d e r _ d a t e，o r d e r a d d r e s s，c o n t a c t ma n，p o s t c o d e，o r d e r_s u m，o r d e r_d e a l d a t e，o r d e r_s t a t e，o r

7、d e r_p h o n e)；订单详细信息：o r d e r sd e t a i l(o r d e r i d，g o o d s i d，g o o d s_n a me，g o o d s_p ric e，b u y_n u mb e r，t o t a l_mo n e y)；用 户 信 息：u s e r i n f o u s e r n a m e，p a s s w o r d s，r e a l n a m e，e m a i l，g e n d e r p h o n e，s e|e i n f o)；图 3 系统 E R图 3 主要功能模块 的实现 该系统主要的功

8、能模块有商品查询、商品购买、订单管理和用户登录与注册。数据库采用 P o s t g r e s q l，用 J D B C实现与数据库的连接和操作。编写了一系列 S e r v l e t 类集中处理事务，J a v a B e a n组织数据的结构，J S P页面显示数据。主要 的 S e r v l e t 类 A d m i n S e r v l e t i a v a：负责处理管理员的事务，包括 商品管理和订单管理两大部分：C o n s u me r S e r v l e t j a v a：负责处理用户的 日常请求，包括页面跳转、查看商品详细信息、搜索商 品等；G o 0 d

9、 s c a r t S e r v l e t i a v a：实现了购物车的功能，主要 处理添加商品到购物车、删除购车内的商 品、结账并 产生定单等事务：L o g i n S e r v l e t j a v a：负责登 录功能的事务处理，包 括管理员和普通用户的登录，实现了对用户名和密码 的检查：R e g i s t e r S e r v l e t j a v a：负责处 理用 户 注册 的请 求，实现了对用户名的检查使用户名唯一；U p d a t e S e r v l e t j a v a：负责对更新用户信息的功能。主要 J a v a B e a n类 D B C o

10、 n n j a v a：连接数据库，获得数据库连接对 象：D B U s e r j a v a：用户事务逻辑，封装了对用户数据 M O D E R N C O M P U T E R 2 0 0 9 7 库的操作 包括增加、删除用户记录，获得用户信息，更新用户信息：D B P r o d U C t j a v a：商品事务逻辑，封装 了对商 品 数据库的操作 包括查询商品、添加商品到数据库、删 除商品和更新商品信息：DB_O r d e r j a v a：订单事务逻辑，封装了对订单 数 据库的操作 包括查询订单信息、更新订单信息、添加 和删除等：DBO r d e r _ d e t

11、a i l j a v a：封装了对订单详细信息的 处 理：C a r t B e a n i a v a：实现购物车，用来处理购物车的请 求：C a a P r o d u c t J a v a：购物车商品信息类，封装 了关于 购物车内商品的信息：U s e r j a y a：用户信息类，封装了用户的基本信息；P r o d u c t j a v a：商品信息类，封装 了商品的基本信 息：O r d e r j a v a l 订单信息类，封装了订单的基本信息；Or d e r_d e t a i l ij a v a：订单信息信息类，封装 了订单 的详细信息 主要的 J S P页 面

12、 i n d e x j s p：系统 主页，上方设计有导航条，指导全 站的视 图：m y a c c o u n t j s p：显示我账户的信息；s e a r c h v i e w J s P：该 页面用来查询商品，显示查询 结 果：c a r t v i e w i s P：显示购物车中的商品；h e c k o u t i s p：结算页面，对购物车里的商品进行 结算：l i s t o r d e r j s P：显示 已经产生的订单；s e a r c h 0 r d e r j s p：该页面用来查询订单，显示查询 结果：d e t a i l_o r d e r j s p

13、：显示订单的详细信息；mo d i f y 0 r d e r j s p：修改订单的信息；l i s t：p r o d U C t j s p：列出所有的商品并显示相关信息；a d d p r o d u c t j s p：添加商品页面，供用户输入关于 商品的相关信息；d e l e t e p r o d u c t j s p：删除商品页面；mo d i f y p r o d u c t i s p：修改商品信息页面；t u i j i a n j s p：动态显示显示推荐商品信息；t e j i a j s p：动态显示特价商品信息；l o g i n j s p：登录页面。竺

14、4 开发 过程 中的关键技术 4 1 J a v a S c fi p t 在该网上购物系统中就用到了这种脚本语言 增 强了程序的交互性。以下是程序中用户注册部分的一 小段J a v a S c r i p t 代码：f u n c t i o n C h e c k O i f(d o c u m e n t r e g i s t e r u s e mf1 m e v a l u e=”1 f w i n d o w a l e r t(“请填写你的登录名!”)；w i n d o w r e g i s t e r u s e r n a m e f o c u s O；r e t u

15、 m f als e；i f(d o c u m e n t r e g i s t e r p w d v a l u e=”1 w i n d o w a l e r t(“请填写密码!”)；w i n d o w r e g i s t e r p w d f o c u s O；r e t u r n f a l s e；l 通过该小段代码 可以轻松地判断用户是否输入 了用户名和密码，如果没有填写，点击“提交”时，就会 自动地弹出一个对话框“请填写用户名”或“请填人密 码”提示用户必须填写的内容 具有很好的实时交互 性，而不用单独写一个 S e r v l e t 去处理该情况 使程序

16、 更易编写，且效 果较好。4 2 CS S 传统 We b站点 中的 H T ML页面文档结构和显示 格式一直是混合在一起的 这给页面开发和调整带来 了很多不便。另外，仅仅通过 HT ML进行字体显示格 式的调整是很粗糙的 并不能达到某些特定效果的要 求。为了使页面显示格式完全独立于文档结构，以及 为 了能够更加精 确地设置 文档显示 效果 W3 C为 H T ML制定了样式单机制，这就是 C S S。运用 C S S来统筹全站的页面使页面代码更加 简洁移动。当需要改动的时候，只需对 C S S样式表进 行修改，就可以使全站的页面元素得到修改，降低 了 网站维 护 的难 度。4 _ 3 验证码

17、 的 生成 验证码是指将一系列随机产生的数字或特殊符 号叠加到一幅图像里 同时在图像里加上一些干扰信 息，用于防止恶意破坏的验证信息。验证码的作用主 要是为了防止恶意用户利用机器人程序 自动注册、登 录 以达到防止无限申请账号从而破坏服务器或暴力 破解密码的 目的 该网上购物系统使用了验证码技术 程序 中R a n d o m j s p的功能是随机产生一幅验证码的图像并发 送回浏览器 其实质是一个在 J S P中产生动态图像的 程序，R a n d o m i s D实现 了验证码 的生成。会员登录系统时验证码的界面如图 4 图 4 会员 登录 系统界 面图 5 结语 本系统运用 MV C模

18、式实现 了网上购物功能 基 本可以满足广大上网购物用户的需求。MV C开发模 式中的三层各司其职 其 中一层发生变化不会影响其 他层，而且有利于责任分工，因此运用此模式开发相 关系统可以提高工作效率。参 考文献 1】邹竹彪 J S P宝典 M 电子工业出版社，2 0 0 7 【2】王珊，萨师煊 数据库系统概论(第四版)【M 高等教育 出 版社 2 0 0 6 【3 夏慧军 J a v a S c ri p t 典型应用与最佳实践 MI 电子工业出 版社 2 0 0 8 4 K y n n B a r t l e t t 著 周哲，和亲玉等译 C S S入门经典f M 人 民邮 电出版社 2 0

19、 0 7 【5】张银鹤，冉小晏，刘治国等 J S P完全学习手册【M】清华 大学 出版社 2 0 0 8 M O D E R N C O M P U T E R 2 0 0 9 7 现 代 计 算 机 总 第 三 -_ 期 De s i g n a n d I mp l e me n t a t i o n o f On l i n e Sh o p p i n g Sy s t e m Ba s e d o n MVC Mo d e l F E NG Xi a o-q i a n g ，C HENG Xi a o x i n (1 C o l l e g e o f C o mp u t e

20、 r，S i c h u a n Un i v e r s i t y，S i c h u a n 6 1 0 2 0 7：2 C o l l e g e o f E l e c t r o n i c s a n d I n f o r ma t i o n，S i c h u a n Un i v e r s i t y，S i C h u a n 6 1 0 2 0 7)Abs t r a c t：Be c a u s e o i s i mp l e n e s s a n d h i g h e ffic i e nc y o f MVC mo d e l，mo r e a n d

21、mo r e We b d e v e l o p me n t s a d o p t i t De s c rib e s s y s t e m a r c hi t e c t u r e a n d s y s t e m d e s i g n o f o n l i n e S h o p pi n g s y s t e m b a s e d o n MVC mo d e l，t h e s y s t e m ma i n l y i mp l e me n t s s o me f u n c t i o n s s uc h a s us e r i n for ma

22、t i o n ma na g e me n t，o r d e r ma n a g e me n t，g o o d s ma n a g e me n t a n d S O o n。d e s c r i b e s t h e i mp l e me n t a t i o n o f s y s t e m f un c t i o n mo d u l e s，d e s c rib e s s o me ke y t e c h n o l o g i e s u s e d i n t h e d e v e l o p me n t p r o c e s s K e y

23、wo r d s：MVC；On i n e S h o p p i n g；S e r v l e t；J S P；J a v a B e a n；J a v a S c r i p t (上接 第 1 7 3页)A H e t e r o g e n e o u s I n f o r ma t i o n I n t e g r a t i o n S o l u t i o n B a s e d o n W e b Se r v i c e Z HAO Yu a n ，L V Ho n g ，YAN J i a n (1 N a v a l Ae r o n a u t i c al

24、E n g i n e e ri n g A c a d e m y，Y a n t a i 2 6 4 0 0 1；2 S h a n d o n g T r a n s p o r t Vo c a t i o n a l C o l l e g e，We i f a n g 2 6 1 2 0 6)Ab s t r ac t：On t he ba s i s o f t h e t r a d i t i o na l h e t e r o g e n e o u s i n f o r ma t i o n s y s t e m，p r o p o s e s a s c h e

25、me f o r i n t e g r a t i o n o f h e t e r o g e ne o u s i n f o r ma t i o n b a s e d o n W e b s e r v i c e，a n d a l s o s e t u p s a s o r t o f e n c a p s u l a t i o n p r o t o c o l REMLT he r e u s e o f v a rio u s he t e r o g e n e o u s i n f o r ma t i o n s y s t e m i s r e a

26、l i z e d wi t l W e b s e r v i c e，S O t h a t the t r a di t i o n a l i n f o rm a t i o n s y s t e m c a n be a c c e s s e d b v t h e W e b s e r v i c e us e r s wi t h o u t t he l a b o r o f r e d e v e l o p i n g a n e w s y s t e m a n d t h e s h a rin g o f h e t e r o g e n e o u s i n f o r ma t i o n i s r e a l i z e d Key wor ds：He t e r o g e n e o u s I n f o rm a t i o n；We b S e rvi c e；I SS；REML M O D E R N C O M P U T E R 2 0 0 97 珂吼 首 开 曲仉 凸 甘昂 l l 一 一 一 相刖