13-cookie和session/02-尚硅谷-Cookie-Cookie的创建

接着呢，我们来看一下如何创建这个cookie，如何让客户端保存啊好，那么首先我们先创建一个工程给今天的内容去演示使用，咱们先创建一个模块。然后选的呢，是这个企业级项目啊，这个地方勾选了它的一个特特点啊，什么项目是吧，怎么支持web的一个支持好。然后呢，点击下一步啊，这里呢，咱们就选多少来着呀。呃，091112，应该是到幺三了吧，对，幺三。好，幺三。叫cookie。CE。好，OK。然后呢，大家再来看一下哈，我们还要把今天要演示的一些内容拷贝进来，大家注意看咱们今天要演示的内容啊，在这个目录下啊，我把这个改成演示发给大家，后面会好看一点。

演示在演示里面呢，大家注意看啊，嗯，其他的这些可能用不上了，咱们现在只需要用这两个cookie和session把这两个页面复制。复制到咱们这个web目录下，从粘贴进来，好诶就进来了，那么这里呢，有两个页面，一个是cookie，一个是session绘画啊那么cookie呢，是异果呢，咱们用来演示cookie相关内容使用的，我们可以打开。啊，外界都关了啊，有点多，这都是舒畅的。诶，把这个打开，哎。那么编辑一下。我们编辑一下这个，这个是多少啊，是幺三下的。下花仙，下花仙cookie啊。

然后修改一下它的这个。工程路径。啊，然后这边OK了，把这个改一改。好。呃，咱们这个配置也改好了哈，大家注意看，我们把这个cookie啊运行起来看一下效果。稍等。等它启动一下。好了，我们访问这个cookie。点HTML，好，大家看一下这个就是cookie，我们一会要演示的页面有创建啊，获取啊，修改啊，它的一个存活的控制啊，的路径啊，和它的一个练习啊，咱们先来看这个第一个cookie的创建。

Cookie的创建怎么办？我们在这边准备一个来接受他这个请求，看看如何创建啊。在这里面咱们先创建一个包，叫做com.at硅谷点或者web都可以啊，都可以，好，咱们先把什么书城里面的贝拿过来，先书城里的。Base，因为咱们要用它复制。复制，然后呢，往这个内容里面来粘贴好。这就有了，哎，然后呢，我们创建一个类来继承这个贝叫做cookie。

Face。好了，那么在这里面大家注意看一下哈，我们创建一下这些方法。把这个改成create cookie，就创建cookie了。好，那现在呢，我们调用这个方法来创建它cookie，我们怎么调用，我们要先把这个cookie配置成一个访问地址先，他现在还没有访问地址。好，在这里面写一下。好杠class这个呢是cookie，上面呢是cookie name name。呃，这个呢，用类名。好，下面是mapping OK，然后这里呢，要写上这个name，咱们用的是cookie。

然后在它的下面写上这个访问地址。类名首字母改小写就可以了。OK，他现在有访问地址了，那现在咱们要干嘛呢，修改。诶，修改这个cookie的一个请求地址，你看这个cookie的创建的这个地址来改改怎么做呀，咱们到页面当中来看一下，这里面到底是啥，大家看啊。首先这个地方有个是啥的呀，是这个方块这个方框的。啊，现在还没有加载页面，所以它是空白，然后下面是这个无序列表，无序列表里每个都是A标签，你看这个这个连接啊，就菜单了，就组成了我们看到的这个菜单，咱们先修改第一个cookie的创建。

好，这地址把它放出来。叫做。哎，咱们先写一下。Page contact，诶咋没有提示啊啊，咱们这是HTML是吧，HTML你得加上base标签，咱们加个base标签。HP冒号双斜线LOCALHOST8080，写上咱们今天那个路径。你把上面这个复制过来就行了。OK啊，最后的这个文件名是可以去掉的啊，但是斜杠不要去掉就可以了，然后咱们这里呢，写上这个cookie就完事了，就完事了，完了以后还要告诉人家，哎，你请求两个方法，咱们形成方法是谁呀？是不是create cookie啊好。

OK。那接着我们来演示一下啊，我们看这方法里面如何去创建，创建cookie大概怎么做呀，首先第一步。啊，创建cookie对象怎么办？Cookie等于new cookie，咱们说key。861。好，创建好cookie之后，第二通知客户端保存cookie，怎么通知客户端保存呢？大家注意啊，只要是通知客户端呢，服务器发给这个什么客户端的，都是通过响应来进行操作的，你看response.cookie看见了吗？哎，你把这个cookie放个来就行了，好，那然后呢，咱们回一句话，Get right get right，咱们说cookie。

Cookie创建成功，好了，OK，那接着我们就来访问看一下效果哈。好，我们重新部署一下。因为我们刚刚写好了这个配置文件，重新部署才有效来。看到这个部署的提示信息，大家看啊，出现这三卡，那基本上就重新部署成功了，然后。咱们亲一下，大家注意看。现在呢，我们刷新了这个页面，这个地址呢，已经有了，已经改过来了，那么一会创建这个cookie，我们上哪去看呢？我们先跟大家说明一下，这个时候你注意看，按下功能键F12，你先打开这个调试器。看哪里呢？这地方有个application application之后大家看一下。这边左边这个菜单的选项栏目当中啊，大家看这里有个cookie，你选择当前那个访问地址IP的这个，你看look或者8080是吧，就看见这里的。

这些也是cookie。啊，以前有的是吧，那咱们现在看一下，这里面有KEY1和Y61这个cookie吗？没有一会呢，我们点击它的时候，它就会创建了啊注意看我现在点击。他说酷创建成功，只不过这里呢有这个乱码问题，咱们乱码问题一会来解决，就是这个地方酷创建成功后面呢是乱码，那么大家注意看，这边有同学老师没看见cookie啊，刷新一下其实已经有了。这酷是不是出现了好？那么现在呢，我们就来解决一下两个问题，Cookie呢，咱们已经看见了两个问题是什么，分别是什么？大家注意看，第一个是这个响应的乱码，第二个就是老师，这cookie是咋回事就有了呢？是吧，俩问题，呃，咱们现在看下乱码吧。来想要乱码怎么解决啊？咱们找到base supply里面，在这个地方啊，就是response.set contain，这里写上CHHTL，呃，Set等于utf杠八，这是解决响应中文乱码问题。

好。这第一个啊，咱们可以重新部署一下，来确认一下这个响应的乱码是不是解决了，咱们一点点来。呃，咱们刷新一下。应该部署好了吧，你看这三个出来就部署好了嘛，是吧，来咱们点击一下啊走。响应乱码解决了吧，这第一个问题，第二个问题就是诶老师这个这个东西怎么就过来了呢，大家可以看一下哈。点击这里，咱们看看这个响应里面。响应里面有一行响应头，叫做什么东西呢？Set cookie。然后里面就传回来了这个服务器。

发回了这个cookie的相关的信息，Key等于Y61。那么浏览器啊，收到这些响应之后解析，诶一看有这个东西是吗？怎么办，他就把这个库给保存了。啊，我们再再画图说明一下哈，首先这边。是什么呢？客户端就是浏览器了啊，一开始他是没有这个cookie的哈，要注意完了以后。他给他请求。好，我们说这是福气哈。就是谁呢？就是好了，那么一开始你去请求他。大家继续看一下，请求他。啊，这时候呢，还没有cookie。好，然后大家看一下这里面会干什么事情呢？两个步骤，客户端就有客户来，第一创建cookie对象。

啊，那就是cookie。我换个颜色啊。那就是cookie等于六，哎，这个cookie，然后呢，这里是T是吧，Y61大概就这样子好。OK，然后大家注意啊，当你没了这个cookie之后，这个cookie其实现在是在服务器的内存里面。客户端是完全不知的啊，这时候怎么样才能知道呢？第二步通知客户端保存。保存cookie。哎，保存这个cookie它怎么通知啊，通过这个响应对象response.cookie这个方法好了，这个记住啊，一定要有正常代码，否则的话你在服务器那边你有多少个cookie客户端都不知道的。

他都不知道的哈，好，那么有了这一行代码以后。再来看一下。它就通过响应头，就是我们刚刚看见的啊，你看啊通过。想应头，Set cookie。哎，那么通知客户端保存cookie，就这样子，哎，就这样子好了，那么我们看一下啊，就我们刚才看到了吗？就是这个set cookie吗。Cook是这个东西。这咱们了解一下。OK，那么大家看一下。浏览器这边。收到响应后啊，发现有set cookie响应头就去，你看就去什么，看一下有没有这个cookie，没有就创建，有就修改，就这样子啊，就这样子cookie呢，就是这么创建的整个细节。

好，那咱们说cookie的创建，哎，Cookie的创建这里呢，我们还要再提及一下，提及什么东西呢？大家注意大家注意，那么cookie呀，不是一次只能创建一个的。你也可以一次创建多个cookie。就比如说咱们现在啊，大家看啊，有这个COOKIE1是吧，咱们还可以一上性多个cookie，我给你演示一下哈，哎，就比如说我来一个啊，我来一个啊啊再来一个。把这个代码再来一份。呃，这时候呢，就一这个呢，就改成三三。

这个时候呢，我们就可以一次上线多个cookie了。啊于创新都会库，他们重新部署。好让它生效啊。稍等。好，请亮大家继续看我们刷新一开始没有吧，咱们点击走创建cookie是吧，然后你一刷新看见了吗？同时创建俩cookie，它怎么返回的呢？也是一样，通过这个sad cookie，大家看响应头返回啊，通过这个said cookie响应头返回好了，这个呢，咱们了解一下，而且这里啊。咱们再说一个小点。什么东西呢？注意我们刚刚说了，Response and cookie是不能省略的，一旦省略了以后，你就算创建了cookie。客户端也不会感知。啊，那这个时候注意看啊，我把这个注掉是吧，然后我把那个K呀，再改改四。

是。五五我们在执行这个代码，你看看客户端他有收到这个cookie吗。来再一次重新部署啊。稍等。好部署成功啊，看了个信息，我先清一下，然后呢，我们在这边刷新。你看我点击创新出比代码已经执行了吧，复习大码已经执行了，但是你看这里cookie有增加了吗？创新创新没有吧，在响应里面有吗？你看也没有。也没有看见了吗？这行代码千万不能省略啊，这个一定要记住，就是各位同学在写代码的时候忘记的啊，结果说老师我都尿了，Cookie怎么扣灯就看不见啊，一定要注意。不能少啊，不能少。