×

使用计算机网络编程技术实现电子商城的实例详细说明

消耗积分:0 | 格式:rar | 大小:1.00 MB | 2019-10-29

分享资料个

  目的:熟悉网络编程知识,了解web的客户端和服务器端的工作原理以及联系。学习分别使用HTML语言、JAVASCRIPT语言和动态语言(JSP)来实现客户端和服务器端的功能。掌握与数据库连接代码的编写、用SQL语句查询数据库、服务器(tomcat)及JAVA的设置、基本HTML的代码编写、用JSP实现动态页面的生成以及和用户客户端的交互、用javascript实现简单的客户端页面功能。学习使用一些网页制作软件(Dreamweaver)来生成页面。

  意义:通过简单电子商务网站的制作,学习动态语言、标签语言和脚本语言的语法和功能,了解建立一个网站的各个流程,包括确定题材、搜集数据、结构设计、建立数据库、形象设计、主页及其他页面设计、客户端与服务器的功能及交互、定义站点、测试站点和发布站点等等。为日后的网络编程应用积累一定的经验。

  1.1 网站功能分析

  前台购物系统

  n 用户注册/登录

  n 商品展示/搜索

  n 购物车/订单

  n 个人设置

  后台管理系统

  n 管理用户

  n 维护商品库

  n 处理订单

  n 其他管理功能

  2. 电子商城网站的设计

  2.1 功能模块设计

  本网站设计有如下功能模块:

  n 用户注册(register.jsp)

  提供新用户的注册功能,注册后的用户资料将被添加到数据库的customer表中。注册后的用户将具备一个属于自己的个人账户,成为eshop网站的会员,将有权限购买本网站的商品。注册后的用户将被提示注册成功(regsuccess.jsp),如果注册的用户名已经存在,则转到相关的错误信息页面(regfail.jsp)。

  n 用户登录(userlogin.jsp)

  如果用户已经注册为本网站的会员,便可以通过登录来使用购物的相关车功能并通过提交订单完成最后的付款。会员可以通过个人账户来修改自己的信息,可以查看自己购物车中已有的商品。登录成功后,将转到首页(index.jsp),首页将显示欢迎用户的文字。用户可以从主页浏览属于用户权限的所有内容。

  n 个人数据设置(myprofile.jsp)

  会员可以进入个人账户修改自己已经注册的信息(updatemyprofile.jsp),包括用户名,密码,电话,身份证号等等所有信息。会员还可以通过此页面查看自己已经添加到购物车中的商品(mycart.jsp)。

  n 商品展示(product.jsp)

  用户可以通过首页或者任何包含top.jsp的页面中点选Eshop商城来浏览商品库中的所有商品,设计时编写代码规定每页显示10条概要的商品记录,若用户对某个商品感兴趣,可以点击查看细节按钮进入商品描述的详细页面(productdetail.jsp),如果有意购买可以直接点击加入购物车按钮进入加入购物车的相关页面(addtocart.jsp)。商品展示页面显示商品的产品ID、产品名称、产品类别、产品所在地、产品主要图片、折扣信息、单价、显示标题和截止日期。

  n 购物车(mycart.jsp)

  用户的购物车页面,用户点击加入购物车按钮通过addtocart.jsp页面的确认向购物车页面添加购物车。此页亦为提交订单的页面,倘若用户对其购买的商品确认无误,便可以提交订单付款。若想删除购物车中的商品,只需点击相应商品后的删除按钮便可以实现上述操作。

  n 用户管理(admin.jsp)

  管理员权限,可以实现添加新用户(adduser.jsp)和删除现有用户的功能。

  n 商品库维护(admin.jsp)

  管理员权限,可以实现添加新商品(addproduct.jsp)和删除现有商品的功能。

  n 订单处理(dealwithorder.jsp)

  管理员权限,可以实现对订单的删除与处理(dealorderdetail.jsp)工作。

  数据库设计

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !

'+ '

'+ '

'+ ''+ '
'+ ''+ ''+ '
'+ ''+ '' ); $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code ==5){ $(pop_this).attr('href',"/login/index.html"); return false } if(data.code == 2){ //跳转到VIP升级页面 window.location.href="//m.lene-v.com/vip/index?aid=" + webid return false } //是会员 if (data.code > 0) { $('body').append(htmlSetNormalDownload); var getWidth=$("#poplayer").width(); $("#poplayer").css("margin-left","-"+getWidth/2+"px"); $('#tips').html(data.msg) $('.download_confirm').click(function(){ $('#dialog').remove(); }) } else { var down_url = $('#vipdownload').attr('data-url'); isBindAnalysisForm(pop_this, down_url, 1) } }); }); //是否开通VIP $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code == 2 || data.code ==5){ //跳转到VIP升级页面 $('#vipdownload>span').text("开通VIP 免费下载") return false }else{ // 待续费 if(data.code == 3) { vipExpiredInfo.ifVipExpired = true vipExpiredInfo.vipExpiredDate = data.data.endoftime } $('#vipdownload .icon-vip-tips').remove() $('#vipdownload>span').text("VIP免积分下载") } }); }).on("click",".download_cancel",function(){ $('#dialog').remove(); }) var setWeixinShare={};//定义默认的微信分享信息,页面如果要自定义分享,直接更改此变量即可 if(window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'){ var d={ title:'使用计算机网络编程技术实现电子商城的实例详细说明',//标题 desc:$('[name=description]').attr("content"), //描述 imgUrl:'https://'+location.host+'/static/images/ele-logo.png',// 分享图标,默认是logo link:'',//链接 type:'',// 分享类型,music、video或link,不填默认为link dataUrl:'',//如果type是music或video,则要提供数据链接,默认为空 success:'', // 用户确认分享后执行的回调函数 cancel:''// 用户取消分享后执行的回调函数 } setWeixinShare=$.extend(d,setWeixinShare); $.ajax({ url:"//www.lene-v.com/app/wechat/index.php?s=Home/ShareConfig/index", data:"share_url="+encodeURIComponent(location.href)+"&format=jsonp&domain=m", type:'get', dataType:'jsonp', success:function(res){ if(res.status!="successed"){ return false; } $.getScript('https://res.wx.qq.com/open/js/jweixin-1.0.0.js',function(result,status){ if(status!="success"){ return false; } var getWxCfg=res.data; wx.config({ //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId:getWxCfg.appId, // 必填,公众号的唯一标识 timestamp:getWxCfg.timestamp, // 必填,生成签名的时间戳 nonceStr:getWxCfg.nonceStr, // 必填,生成签名的随机串 signature:getWxCfg.signature,// 必填,签名,见附录1 jsApiList:['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){ //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 wx.onMenuShareTimeline({ title: setWeixinShare.title, // 分享标题 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.onMenuShareAppMessage({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 type: setWeixinShare.type, // 分享类型,music、video或link,不填默认为link dataUrl: setWeixinShare.dataUrl, // 如果type是music或video,则要提供数据链接,默认为空 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ”按钮点击状态及自定义分享内容接口 wx.onMenuShareQQ({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 wx.onMenuShareWeibo({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口 wx.onMenuShareQZone({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); }); }); } }); } function openX_ad(posterid, htmlid, width, height) { if ($(htmlid).length > 0) { var randomnumber = Math.random(); var now_url = encodeURIComponent(window.location.href); var ga = document.createElement('iframe'); ga.src = 'https://www1.elecfans.com/www/delivery/myafr.php?target=_blank&cb=' + randomnumber + '&zoneid=' + posterid+'&prefer='+now_url; ga.width = width; ga.height = height; ga.frameBorder = 0; ga.scrolling = 'no'; var s = $(htmlid).append(ga); } } openX_ad(828, '#berry-300', 300, 250);