day15【前台】项目发布/15-尚硅谷-尚筹网-发起项目-跳转到发起项目的表单页面

哎，对，那下一步我们下边要考虑的事儿呢，就是。首先哈，这个首先最初的就是我们得先能跳转到这儿。啊，得先能够跳转到这个地方，这个我已经。我这些我已经写好了。嗯，啊，我们这边让他一边起哈，一边咱们去看一下这个代码。让他们先在这先启动着哈，他启动启动还得需要一会儿时间。呃，我们去找一下我们这个页面哈。他这起的时候还有点卡。一定要挺住。千万不要卡死。你可以卡一下，但是你不要卡死。

一定要挺住。呃，他现在就是说其实是好多个线程好多进程嘛，他在分这个CPU的时间是吧，CPU时间就分不过来了，就会有这种卡啊，这边你需要等啊。什么地方报错了，这是。啊，还是之前的那个地方。来我们看一下啊。咱们之前是做到哪儿了呢？从member center这哈。呃，去找这个点了一下我的众筹。哎，通过这呢，我们要跳转到C，跳转到这个页面。诶，在这个页面上面呢，又有一个点一个按钮呢，叫发起众筹。点这个按钮啊，发起众筹。就是这个按钮，它是个按钮，给它设置一个ID，给这个ID呢，绑定一个单机小函数啊，拿这个东西去跳转的。这儿这儿如果吧改成超链接呢，其实也不是不行啊，就是这有啥有啥。

呃。有啥顾虑哈？就是说这个你现在这个按钮呢，是是这样的一个干脆利索的一个按钮，你要是改成超链接呢，它就会和下边这就会连起来。就这么点区别。其实没有啥太太大的事儿啊，没啥大不了的，因为就好像这样的一样啊，就因为它这些是超链接，它就会弄成选项卡这样的效果。啊，这个其实它它只是一个独立的一个按钮。所以说在这是点点点这个按钮啊，过来绑定单小函数去做的这个跳转。这个跳转呢，因为从这开始哈，他要访问的就是我们project这个项目里边的。这个工程哈，不叫项目哈，这个工程里边的资源了，所以说呢。呃，我们得通过啊，因为你得保持这个session啊，你还是要想保持session呢，你就得保证你访问的是同一个网站。啊，你要访问同一个网站的话呢，我们就得经过zoo去访问。

要想经过zoo去访问的话呢，我们这边就得是在注里边哈。同样的去配一下，你看我们之前呢是。呃，A，这个微服务配了这个我们的路由规则，哎，给project呢，同样的也得再配一个路由规则。它的微服务的名称啊，这是它的映射的路径。那么这个时候他这儿映射的是斜杠啊，这个映射斜杠了，我们这个就不能再映射斜杠了啊。啊，他就只是他就他就是斜杠project下边什么什么哎。这就是为什么我们这个地址。前面这是加这个project的。哎，这个project就是和我们这个路由规则啊，和它是对应的，它后边斜杠星星呢，就对应的就是我们后边这个多级的这个很多级的这个目录。我们可以拿这个。

哎，然后我们把这个对应的关系呢，给大家这边来说一下。哎，这是页面上的一个按钮。哎，这个页面上这个按钮哈，就是它。哎，就是说你页面上的按钮，我们得和我们的代码能够对应起来。页面上的是他。哎，绑定单击响应函数。那然后呢，我们这个域名。3w.c.com哈。它其实呢，对应的是我们。

呃，它对应的是我们这个叫做，呃对应我们目前来说呢，就是local host。哎，然后logo host呢，其实相当于是八零端口。哎，这个八零端口呢，是找找的是我们这个做这个微服。哎，这个做的微服务呢，它。就就去对应我们这个不找加盟。哎，就是引导大家呢去看这个。然后在这里边呢，我们为什么会有这样一个，呃，对过对应的关系啊，就是我们这里边儿呢，给他去配了这样一组这个路由规则。

这个做这一部分。看一下啊，这个吃鸡里边是有这个配置。是怎么画呢？应该上班哈。你看我给你拐个弯哈，我们拐一个大弯。然后呢，这个project。Project这部分哈。哎，它是和我们这个project是对应的。前面这个啊，前面这个。

嗯。诶，差一点。我去差一点。我我能，我这线能对齐了，我被投诉我也认。然后它后边呢，是是这个哈。后边这部分呢，就对应的是这个斜杠星星这部分。这就是说他们这儿，我们为什么是这么一个关系啊这个。呃，所以说呢，我们如果说。他这个没办法啊，他这个就是就是拐弯了哈，这个不要不要管它了哈，当我们在project这个项目内部写的时候。

这个时候需要注意哈，在这个我们project这个工程的内部啊，去写地址的时候。你比如说在controller里边写的时候，它不经过，就是说这个地址呢，如果不经过zoo的话，是不写这个的，不经过zoo就不写这个。不经过做的话，只写后边这些啊。我们这写一个注意哈。如果一个访问地址。呃，是。嗯。是不经过。这个住的情况。下这个访问啊。呃。哎，那么就不带。呃，不在我们这个project这个部分。比如说我们后边需要写这个view controller哈。写这个controller，它是只是在我们这个项目的内部去考虑这个事儿。

这个project这个工程啊，Project工程的内部啊，它是那这个时候呢，它跟这个做呢没有关系啊，它是在它内部去进行定义的，那么这时候是不带project的，但是你从外边经过坐去访问的时候呢，需要在它前面去把这个加上。啊，我们前面写那个登录注册的时候呢，因为因为这边这个路由规则是斜杠。这个东西加和不加的效果是一样的，这边就体现不出来，没有这个差异，但是我们这边呢，就有这个差异了。哎，你经过做访问的时候，需要带带这个project这部分。我才想起来这个事儿。这边起的时候呢。没有这个。没有没有起，我们这边把画起来哈。

Session没有的话呢，这几个他就没起来。我们先。User local RA。点。com。哎，然后把这几个再重新起一下。然后呢，我们下一步呢，是说这个。呃，跳转页面啊。首先呢，是去配置访问我们project。这个工程的路由规则。Project consumer啊。陆游。啊，我国南宋伟大的爱国主义诗人。

这是陆游老前辈给我们定的规则。叫路由规则。对，然后然后那个，然后然后这边把这个配上以后哈，这个后边就是按这个去访问。呃，按这个去访问呢，让他这边先先让他先继续先启下啊，他们可能需要再找一下那个有瑞卡。我们再说一说一下哈，这边过来以后呢，他去首先找的是谁哈。这边呢，找a pro配置，就是同一协议的那个页面，同一协议的那个页面在。这里边哈，先访问这个地址还是配一个。Great protocol配置啊，先去找他啊，先去找它，所以说你看这里边哈，这就是一个在。呃，这个这个就在我们项目内部哈。这是。那么说view controller是在我们project。

Consumer内部啊，去这个定义的。啊，所以。这里是，这里是。一个不经过。速访问的地址啊。呃，所以这里。呃，这个路径前面它不加。呃，那个路由规则中定义的。的那个那个那个前缀吧。前缀就谁呢？就project。就是说呢，它这个project呢，就是说你从住这走才跟它才跟那个有关系，你要不从住这走，这个只是在project consumer里边定义的，那这个就跟它没有关系，所以这个前面是不假的。

啊，这个事可能需要大，你可能得琢磨琢磨啊，下边这个是下一个页面的啊，这个意道理是一样的。哎，我们这写一下吧，啊，这个是在我们这个project consumer工程去配置一下。呃，这个controller。哎，在这里边哈，去配这东西。这个然后呢，我们看着咱们要跳转过来。

看看这回能不能访问啊。点一下登录。这里边儿就已经写上了哈，省得以后再添就麻烦啊。过来点我的众筹。发起众筹。就包括这里边儿这个退出啊，这个退出的这个这个这个超链接这哈，写的时候也是注意哈。你这边呢，得把这个域名都得写上，你不写这个域名的话，它就会变成什么呢，它就会还是重新去访问那个logo host4000的那个。他一访问这个的话呢，它这个session就又保持不了了。啊，就页面上写地址的时候，也得把这个域名呢给他带上啊，页面上写地址也得把这个域名带上。因为这个时候其实你看它相当于是从project这个工程去访问我们这个工程啊。

页面。呃，上写地址需要注意啊。呃。需要。呃，注意。前面。呃，要写上这个域名。确保。当然说你这个如果没有配置这个域名，呃，写这个local host。啊一样啊，就是说目的是啥呢，确保我们要通过这个做。来，来访问。哎，访问具体的功能，哎。呃，为啥要确保通过住房的呢？因为。呃，必须。通过注啊访问具体功能，才能够这个保持这个cookie，进而保持这个session。

哎，因为我们这个cookie呢，是和这个域名对应的。每一个cookie都是和一个域名对应的啊，我们现在呢。这个每一个cookie哈，它都有一个属性。在application这里边哈，我们去看一下这个cookie。Cookie有个属性叫domain。哎，这是一个session cookie，这有个懂妹他就他就认这个域名，你要不是这个域名呢，你这个请求不会带这个cookie的，他不会带这个cookie，那你这个cookie有和没有是一样的。我把这边。缩小一下哈。

我们局部的截一下这个。每一个cookie呢，都有这么一个斗妹。哎，它会根据这个do妹啊，根据这个字段的值。他去确定，他只是在访问这个域名的时候。啊，就至少你得保证是同一个地址啊，至少你得保证是同一个地址，他访问它才能保持住啊，才浏览器呃。嗯。说访问对应的。域名。十。浏览器才会携带。啊，这个cookie你要访问不是这个域名，它就不带这个cookie了。那么我们其实从后端呢，有办法让整个分布式系统。

哎，都在这一个域名的背后。哎，这就是这个我们这个柱。哎，你访问这个组。啊，就这个域名呢，我们已经跟这个作用呢，已经对应好了。哎，就是它是它就对应logo host冒号八零，哎就已经都是去找注，你找到注以后呢，我后边再去找不同的这个consumer。呃，这样的话，我们前面呢，可能有些地方还没有改啊，但是这个咱们说这个咱咱们遇到的话就改一下啊，没遇到咱们就先把这个道理先说一下。哎，这个aoth的。我们project consumer。还有这个order。啊，就这个意思啊，这个他们都需要。都是这么一个关系。

就是前面这个一个文字描述呢，我们画图去解释一下啊。哎，就是说这个例如啊，我们这个。退出系统的这个链接。哎，这里边儿我们写的话呢，我们这儿是这么写的。后边这个也是需要去注意一下啊。

呃，然后呢，这边再点这个阅读并同意协议就来到这个页面了。这个页面呢，其实和它的这个原型给的这个页面呀。呃，我后来在这里边又加了好多，就是这里边儿呢，需要对它的HR码有一些个调整。啊H毛要调整啥呢，它它原型页面吧，就从这儿开始呢，一直到。就是它从这个这画一条线分开哈，上边是一个表单，下边是一个表单。上面是一个form标签。下边是另外一个form标签。然后呢，你点最后那个下一步那个按钮呢，你也没法去把这俩表单都提交。这个就比较困难了啊，你你要是写GS呢，再写GS收集这些数据就太麻烦了，所以说H这个代码呢，要调一下，就是把这两个form呢，合并成一个form。啊，就是说这个需要从呃，这个非常非常密密麻麻的HR毛里边呢，找到form的开始标签，结束标签，哎，然后把它们调整好啊，让它两个form合并成一个form，这个事儿挺麻烦的，我已经替你干好了。

所以说我希望大家呢。啊，当然说你要是。想想自己那个去认认真真的想一点点做吧，其实我还建议你，其实你就用我这页面吧啊。这个这是调，把这俩表单合在一起是一方面，另外一方面呢，你看我这儿都已经。都填上了，我这儿都有默认值的是吧。Brother。这里边儿都贴上了啊，方便我们后续的操作，这些都不算啥。包括这里边儿有点GS哈。它原本是没有这个功能的。这个原本是没有这个功能的啊。所以说呢，你像这些哈，就是我这标签呢，选上哪一个，哎，我我我点的都会加到数组里边，都会把这个他的ID加到数组里边。

就包括呢，最后你点他呢，最后这个表单怎么提交，也就是这个页面已经完全写好了。这个页面里边有好多啊，这里边儿光GS你看就。光GS这个是人，这是人家本来就有的哈，从这开始往下哈。这都是要写的JS。啊，我估计咱们大伙儿写GS已经写吐了。啊，咱们就不写GS了，我们就当呢，这个页面是前端工程师已经给我们整好了，我们把它跟后端连起来就行了。哎，这些就咱们可以一会儿相关的呢，可以看看它啥意思，但是咱们就不不重新写了。