00:00
改完之后啊，我们一般还要做哪些操作呢？大家注意，一般我们拿到项目之后，除了把页面中所有的页面都改成JP，我们还是要干嘛抽取页面中相同的内容，哎，相同的内容比如说哪里呢？大家注意看一下哈。登录之后，咱们这边来登录一下。我命我命登录，一般登录好了以后啊，这里就会显示一个欢迎的信息，这个欢迎的信息啊，有好几个页面都是有的，那我给你找找啊在哪呀？呃，登录成功之后，它会跳到登录成功页面，这里呢，就是我们刚刚那个欢迎信息，你看欢迎韩总光临书城是吧，订单注销返回你看这里。欢迎韩总光临书城，订单注销返回好几个页面都有啊，比如说注册也有。
01:03
大家看一下注册是不是也有，诶欢迎韩总是吧，订单注销返回还有呢，比如说订单里。订单里也有。订单哎，韩总是吧，注销返回对吧，还有购物车里也是。来，呃，韩总光临书城，订单注销返回，你看这地方也是。啊，韩总光临书城是吧，订单注销返回，这都有像这样的公共的操作呢，大家注意看一下，像这样公共的操作，我们就可以把它抽取成为一个公共的JSP页面，然后去引用就可以了，这样呢，我们只需要维护一份，来我们看一下哈，在这里呢，建一个目录叫做come on，就公共共同的。然后来个JP，叫什么东西呢？Log in。Success success。
02:04
menu.jp。好。哎，我这个赛好像是不是跳错了来成功。Success。啊，好像没啥问题是吧，好就它，然后呢，我们把这个呢拿掉，那这里面大家注意看一下，我们把这个登录成功的内容这块啊，这整个div的内容给人家复制过来。放进来，哎放进来好，放进来了以后怎么办呢？注意在前面这些地方，每一个出现了这个什么含种的都给它删掉啊，这个不是它这个没有，就从这里开始，你看就这一段全部使用静态包含给它替换掉。
03:01
就这个拿掉间号，百分号，At include file是吧？呃，包含哪呢？斜杠pages下的come下的look in success。哎，Menu来咱们这里呢，说明一下，静态包含登录成功之后的菜单啊，静态包含登录成功之后的菜单，那么这个操作呀把。所有用到这部分的页面都要去替换掉，诶咱们刚刚打开了就这些。这几个替换掉，哎，订单里面替换掉。关掉啊，购物车里面替换掉，哎，购物车结账这个地方替换掉。
04:00
登录成功里面啊，这个这个不用了是吧，这已经是抽取出来的一部分，好，这是一个。啊，还有一个是什么东西呢？大家请看一下。我们的注册页面。大家记住我们前面说过了，咱们整个书城选用的路径方案是base加相对，所以每一个页面呢，都要有这个base标签，这是一个，然后每一个页面呢，也都需要引入这个什么CSS样子。然后每个页面用的GS呢，都是用的几颗，所以像这个东西也是每个页面都有的，也需要把它抽取出来，所以在这里面再准备一个JP，咱们叫做什么help。哎，头部的信息，然后呢，把这些给它去掉啊，那把这些公共的内容给它抽取出来，就这个。复制给他放过来，哎，给他放过来好，那么放过来以后大家请看，这时候我们要把这个东西都改掉啊。
05:10
把这东西都改掉，使用什么呢？用静态包含给它放进来，间号、百分号，At include file、斜杠、pages come on下的什么东西呢？Held等截。写个说明，静态包含，哎静态包含什么东西呢？这个base，哎呀base标签。CSS样式。然后GS就是几几RY啊文件好了，哎，那么后面我们要引其他的东西也都放在这里面引啊放在这里面，那我们就改一下吧，这个是每个页面都有的。
06:01
啊，这个操作来把这些公共的内容也都抽取出来。我们打开每个页面啊，来这里改一下首页往上走，在这个地方给它替换掉，关了，哎，User目录给它全部的打开。找到这个地方啊，CSS和贝给它干掉。好就替换进来了，嗯，把这已经已经替换了是吧？嗯。然后呢，再看看这个。就是登录成功给他替换掉。登录页面上来给他替换掉。好，然后user目录改好了，到订单这个目录。往上走。替换掉。
07:00
Manager模块里面也都替换掉啊，这操作呢是一样的。来改，每个页面都改啊，大家记住了，这个操作呢，大家可以慢一点，如果你不熟悉的话，也可以慢一点。都替换掉，都删掉啊，哎。那这个要替换掉吗？这不用吗？这是被包含进来的吗？啊，我记得有个班的同学就是他连这个包含的这个页面也给改了啊，这个别改哈，这别改好了，还有购物车这里面这两个。啊，购物车这两个来到这上面来也是替换掉。OK，哎，OK好了，那么除了这些以外，那还有哪些是需要抽取的呢？大家注意看一下哈，每个页面啊，这部分都有这个页脚，这个页脚呢是完全一样的。
08:07
完全一样的好了，那么这个时候怎么办？我们也需要把这个页脚给抽取出来，也就是在这里面注意看啊。再来一个页面foot就脚步是吧，把它拿掉，页脚是哪些内容，请看一下，咱们找到这个首页啊，往下打开就这部分。八层这部分是吧，底部的，然后这个什么上硅谷啊书城啊，这个版权符号啊，你看2015，你看就这个好了，那咱们把这部分的内容呢，涵盖这个D一起复制过来，放在foot里边。放在foot里面，然后啊，咱们静态包含每一个这个页脚我都关了来，又从头来一次全部替换啊，轴间号百分号at include，斜杠pages下的command下的foodp。
09:12
静态包含。境内包含。页脚内容。OK，那么拿着这一段代码去每一个页面都粘贴一次。来吧，都打开。到下面来啊，页脚这部分给它换掉啊，再往下走。往下走。哎，注意看啊，这个八层div这个地方给它替换掉，别替换错了啊，别多替换成div啊，只要你多替换掉一个div，这个div就不成套了，这样式就会出问题，别注意看啊这个div诶。
10:02
然后再往下走，这个div带有ID，是包这个啊，替换掉。再往下走。替换掉啊，OK。然后再看看订单里面。这里带有包层，这个div替换掉啊，在后台的模块里面。来，再往下走，给它替换掉好。再往下走，给他替换掉。再往下走，给他替换条啊，每个都一样啊。Okay。好了。然后到购物车里面，这个地方也是替换掉往下走。替换掉往下走。哎，替换掉好了，那么还有哪个部分呢？这个是页脚啊，还有一个是后台这个地方啊，我们这个是知道的，大家注意看后台这些页面也都有一个相同的菜单。
11:15
就比如说这个div里面菜单是一样的，图书管理，订单管理，返回商城。你点开往上走，图书管理，订单管理，返回商城。这个呢？也是一样，图书管理订单管理返回商城，看见吗？完全一致的，像这些订单呢，图书管理订单管理返回商城，像这些菜单呢，咱们就可以把它抽取出来。哎，也给它抽取出来啊。叫做menu menu点接P是吧，要给它抽取出来。呃，抽取出来，咱们把这个复制过来啊，只有这个div的啊，上面这部分不要啊，只要这个div的复制，把它放到下面来，然后呢，这四个通通使用，尽量包含给人家引进来。
12:11
兼号百分号include斜杠page下的command下的叫management，来咱们打个故式静态包含啊，那么。Manage manage管理模块的菜单。就这。这个呢，给他替换进来。给它替换进来好了，那么大致上啊，咱们要这个抽取的内容已经差不多了，哎。
13:03
有页脚的，有头部的，有登录成功之后这个菜单的，有管理模块菜单的。哎，管理模块开单的好，这个呢，咱们了解一下。
我来说两句