关闭

AJAX入门篇

AJAX入门篇这是我第一次接触Ajax这门技术,未免不感到陌生,故记录我的学习过程,以供未来人参考。 其实虽然我之前是没有接触过这门技术,但还是可以看到这样的情况的,例如,在很多网站上实现注册功能的时候,需要输入用户名,当光标离开文本框的时候,会给我们这样一个提示:显示用户名已经存在或者用户名可以使用!那么这时就需要使用到Ajax这门技术了,现在让我们走进Ajax的大门,跟着我的步伐,前进吧!AJ...
阅读(207) 评论(0)

一天搞定jQuery(五)——使用jQuery完成下拉列表左右选择

一天搞定jQuery(五)——使用jQuery完成下拉列表左右选择使用jQuery完成下拉列表左右选择有这样一个需求,在(商品)分类的修改页面中,如下这样一个页面: 有某个分类下的所属的商品信息,我们应该可以对这些商品信息进行选择。即在修改分类的时候可以去添加商品,这时就需要用到下拉列表的左右选择了。 首先我们应该创建一个(商品)分类的修改页面,最后的运行效果正如上图。这里给出这样一个页面—...
阅读(179) 评论(0)

多线程

多线程进程进程:是一个正在执行中的程序。 每一个进程执行都有一个执行顺序。该顺序就是一个执行路径或者叫一个控制单元。线程 线程:就是进程中的一个独立的控制单元。线程在控制着进程的执行。 一个进程中至少有一个线程。 Java VM启动时会有一个进程java.exe,该进程中至少有一个线程负责java程序的执行。而且这个线程运行的代码存在main方法中,该线程称之为主线程。 扩展知识:其实更细节说明...
阅读(241) 评论(2)

淘淘商城系列——生成订单

淘淘商城系列——生成订单本文我们将一起学习下如何生成订单。数据库表分析我们先来看下tb_order表,如下图所示。 可以看到: 主键order_id是字符串类型,不是自增长的,因此我们需要自己生成订单编号,我们平时使用京东、天猫等购物网站,发现人家的订单号都是用数字组成的,我们也使用数字作为订单号,但是怎样才能使订单号不重复呢?用时间加随机数的方案生成的订单其实还是可能会重复的,当同一时刻生成...
阅读(1628) 评论(3)

淘淘商城系列——利用拦截器实现登录功能及订单确认页面展示

我们上文一起搭建了订单的服务工程和web工程。我们参考京东可以知道,京东在没有登录时就可以使用购物车,但是当要真正付款的时候,一定是要求登录的,也就是说由购物车列表页面直接跳转到登录页面去登录。这显然用到了拦截器的功能,本文我们便一起实现登录功能。 下图便是购物车列表页面,我们点击”去结算”,如果当前用户还没登录,是必须要先登录的。也就是说在展示订单确认页面之前,需要对用户身份进行认证,要求用户必...
阅读(1143) 评论(0)

淘淘商城系列——订单系统服务端和客户端工程搭建

首先我们还是先看一眼淘淘商城的系统架构,如下图所示,可以看到订单模块是单独的模块,有服务端还有客户端,服务端负责存储订单,客户端负责展示订单。 下面我们便开始搭建工程,首先来搭建订单服务工程——taotao-order。搭建taotao-order工程我们可参考taotao-sso工程的创建来搭建订单服务工程,它是后台的服务层工程。这个工程是个pom(聚合)工程,包含两个子模块——taotao...
阅读(1006) 评论(0)

淘淘商城系列——删除购物车商品及购物车总结

删除购物车商品通过上文的学学习,想必大家都已实现修改购物车商品数量的这个功能,本文我将带领大家一起实现删除购物车商品的功能。 我们在购物车列表页面点击”删除”链接,如下图所示。 我们会看到如下图所示界面,可以看到请求的url是/cart/delete/{itemId}.html,与购物车列表页面的url地址/cart/cart.html不一致,但是我们点击”删除”链接后页面应该仍然留在当前页...
阅读(886) 评论(2)

淘淘商城系列——修改购物车商品数量

上文我们实现了展示购物车商品列表的功能,本文我们将继续完善购物车,实现购物车商品数量的修改功能。 当前购物车列表,如果我们修改商品数量,总价格不变,而且页面刷新后还会回到原来的数字。 我们首先看看上节课我们展示的购物车列表,如下图所示,当前商品数量是5,总价格是14995元。 下面我们点击那个”+”让商品数量加1,发现商品数量变成6了,但是商品总价格依然是14995元。 我们再刷新下...
阅读(826) 评论(0)

淘淘商城系列——展示购物车商品列表

通过上文的学习,想必大家都已经实现了添加购物车的功能,本文我们将一起实现展示购物车商品列表的功能。 我们访问淘淘商城首页(前提是启动了所有的服务及工程,虽然有个别工程用不上,不过也没关系),点击“去购物车结算”。 理应跳转到购物车商品列表页面,展示昨天我们添加的商品,但是可以看到会报404的错误,如下图所示,可知我们请求的地址并不正确,因此我们需要对淘淘商城首页中的“去购物车结算”超链接的h...
阅读(680) 评论(0)

淘淘商城系列——添加购物车

上文我们一起改造了下商品详情页面关于购物车那块的部分,本文我们将一起实现添加购物车这个功能。 我们以京东为例,比如我们选了一款手机,然后点击”加入购物车”,注意,此时我们并没有登录。 我们会看到如下图所示界面,可以看到,我们并没有直接进入购物车列表,而是到了一个中间页面,只是提醒我们成功加入了购物车。如果想进购物车列表的话,就点击那个”去购物车结算”按钮。 我们模仿京东的购物车功能,既...
阅读(908) 评论(0)

淘淘商城系列——商品详情页面对加入购物车进行改造

在上文中,我就讲过,关于购物车模块,京东和淘宝并不一样,京东允许用户在没有登录的情况下就添加商品进购物车,而且加到购物车里面的商品可以一直保存着。这其实是把购物车信息写入到了Cookie中,如果清空了Cookie也就清空购物车了。把购物车信息写入到了Cookie中也有其优缺点,优点有: 不占用服务端存储空间。 用户体验好。 代码实现简单。 缺点是: Cookie中保存的容量是有限的,最大为4k。 把...
阅读(871) 评论(1)

淘淘商城系列——购物车实现分析及工程搭建

关于购物车模块,京东和淘宝并不一样,京东允许用户在没有登录的情况下就使用购物车,而且加到购物车里面的商品可以一直保存着(其实是放到了Cookie当中,如果清空了Cookie也就清空购物车了)。而淘宝则是必须先登录才能将商品添加到购物车当中,就用户体验来说,京东的购物车模块用户体验更好。 我们看下京东购物车,如下图所示,可以看到域名是cart.jd.com,这与商品详情页面的item.jd.com是...
阅读(838) 评论(0)

淘淘商城系列——jsonp的原理及两种实现方式

首先,说下什么是跨域?有以下两种方式的跨域: 域名不同 域名相同,端口不同 解决js的跨域问题可以使用jsonp。那接下来说下什么是jsonp? jsonp不是新技术,它只是一种跨域的解决方案,使用js的特性绕过跨域请求,利用的特性便是js可以跨域加载js文件!!举个非常常见的例子,我们在html头部一般都会引入很多js,甚至我们直接引用在线的js,比如我们引用官方网站的jQuery路径加载进来也...
阅读(675) 评论(0)

淘淘商城系列——js跨域分析

通过上文的学习,我有理由相信大家都实现了用户登录,登录的时候我们把token写入到了cookie当中,登录成功后,我们查看cookie的信息,如下图所示,发现是有token信息的。 我们回到登录页面,可以看到token信息,如下图所示。可以看到与淘淘商城首页的token信息是完全一致的。 虽说域名一样(也即都叫localhost),但不同的端口就已经属于跨域了,而我们就是要解决跨域问题。...
阅读(804) 评论(0)

淘淘商城系列——单点登录之用户登录页面实现

我们来看下login.jsp页面,如下图所示。可以看到标签中并没有定义onclick方法,只是定义了个id="loginsubmit",那么onclick事件在哪儿定义了呢? 其实是在js代码当中定义了,如下图所示,页面加载完后就给id为loginsubmit的按钮添加了onclick事件,当点击这个按钮的时候,会触发LOGIN对象的login方法,login方法要先检...
阅读(688) 评论(1)
359条 共24页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:332343次
    • 积分:6755
    • 等级:
    • 排名:第3447名
    • 原创:132篇
    • 转载:132篇
    • 译文:132篇
    • 评论:154条
    博客专栏
    最新评论