08_尚硅谷_智慧校园_项目搭建之准备目录结构和启动测试

当我们把这个po点插标文件准备好之后，接下来呢，就可以准备下一步的操作了哈，呃，我们先看一下我们在这个嗯po的插标之中呢，都导入了什么？嗯，Supreme boot的starter，还有supreme boot-web m VC的一个starter，呃，这是一个单元测试的一个启动器，这是time模板引擎的一个支持，我们现在在项目中呢，虽然说是已经，呃这个做了前后端分离，那如果说你想使用这个time live模板引擎来做一些后端的一些视图渲染是可以使用的，那如果说我们要不想使用这个后端的一些页面技术，你把它删掉，把这个JA包删掉，其实也行啊。呃，这个是我们的，呃，My best plus它的一个启动器，嗯，这个是room book注解啊，这个依赖的一个JA包连接数据库的驱动啊，这个是my best plus generateator生成的一个啊，这个工具包啊，Free也是一款模板引擎，如果要是想需要的话呢，我们呃可以在这块用一下，如果不想需要的话呢，呃，删了其实也可以啊。

先留着吧，这块有一个Spark two，那这个Spark two呢，就是帮助我们测试接口啊，这样的一个呃框架。这还有一个斯wa哥UI，那么这个是呃给我们生成接口文档啊，有这个一个很好看的一个呃，Swa哥的这样一个界面啊，主要依赖的一个依赖的一个炸包，嗯，这个是数据源，嗯，然后呢，呃这个是我们的一个开发者工具，四人部的开发者工具，嗯，这个是我们阿里巴巴提供的一个接森转换的一个招包啊这还有一个呃GWT的一个生成token，这个是干嘛的呢？我们在这块用控制控制用户登录这个呃手段这块呢，我们选择用呃，Token这个东西啊to kn啊呃它是干嘛的呢？如果我们使要是使用cookie和session来控制登录的话呢，Cookie和session它是有一定的这个局限性的，例如session它有个资料存活时间，Cookie呢，它有一个，呃，这个重启量览器之后呢，它就不存在这样情况，那我们这块用token这个技术啊，我们给他呃，把用户的信息呢，给他转成一个密文，转成密文之后呢，呃，以token的形式发送给我们浏览器，浏览器呢可以达到一个什么效果呢？浏览器每次在请求的时候就会多一个token的请求头，后面就是我们加密的密文，那我们在。

后端再从这个加密的密文终端反向解析回来我们呃登录的用户信息啊就可以了啊，这是文件上传所要依赖的，这个是我们项目打包啊，这个可以打包的一个插件，它也可以帮助我们把项目依赖的炸包一块打包的这样一个插件啊，这是我们呃四分布的当前项目里面所配置的一些依赖。那这些依赖准备好之后呢，我们就要进入到啊，我们当前这个，嗯，Src下面进入代码编写了，主要关注这个JA包这个包和我们这个resources这个目录，这两个目录里面呢，我们一个放的是Java代码，一个放的是我们的一些配置文件和一些静态资源，那接下来就要按照我们文档的这个呃，准备的这个项目结构去去去，嗯，搭建我们的项目就可以了哈，先准备这样几个目录，在Java目录下面，我们要准备这样几个子目录，Control目录，Controller map pogo service u和这一个警类，这个禽类呢，由supreme put这个脚手架呢，已经给我们搭建好了，那我们把这个一些炸包准备，这些包准备好就OK了啊嗯，找到我们这个，呃，智慧啊，智慧校园啊，把这个都转走吧，放这了在。

在com点艾特硅谷MY智慧校园这个子包里边新建这样几个包，第一个包叫做，可在这里面呢，我们要放一些配置类啊，例如我们例如swaer配置类还有什么呢？嗯，还有呃，分页插件啊，那么在这块呢，就要以配置类的形式来进行存在的。接下来准备ctrller层，嗯，主包这里面放的全是跟前端对应的一些接口啊，再准备service层，还有我们的service service包，还有准备一个呃，U，哎哟，写错了，带了一个点啊，带了分号了，来重命名reflect一下。U放的全是一些呃工具类啊，再准备一个实体类的一个包，叫做pogo，嗯，还有准备呃map，嗯，Mapp放的是my plus啊，它这个连接数数据库操作的那些接口，那基本上呢，就把这些呃需要准备的包呢，就准备完毕了啊其中这个智慧校园启动器已经人有已经有，已经有我们这个4SUPREME部的启动器啊给我呃这个脚手架给我们创建好了，这里边给我们准备了一个。

主方法在这个主方法里面呢，它运行了一个application点乱，把当前的自节码呢作为呃这个参数给它传过去，然后再把这个主方法A传进去，那这个方法运行就可以进行启动了啊好，我们src啊，不是Java目录下面的一些，呃，这个子目录准备好了，接下来呢，就要处理resources目录下面的一些东西哈，第一个处理的是谁呢？第一个处理就是这个application.practice我们要把它给它改个名，改个什么名呢？给它改一下名字，把这个practice给它改成YML。啊y ML supreme里面呢，这个在配置supreme的项目的时候，一般最优先的选择还是YML文件格式啊，不要选择pro，这个pro结构呢，可能会变得比较复杂一些，没有这个YML看着诶更加的这个呃精简和和这个明确啊呃YM里面都要配置什么，我们把把文档中的这一部分来给它CTRLC啊复制过来诶放到这里就可以了啊放进来的时候呢，大家一定要注意一下右下角目前这个呃文件的编码是JBK格式的，而我们的项目编码呢，默认是呃uf杠八，所以这里面可能会有一些中文的这个乱码问题，一会项目跑起来，它这个一编码这些东西可能会变成乱码，那怎么办呢？我们先读一下，读完之后把这些中文啊，这些注释兄给他删就可以了。

来看这这个server冒号PORTD9001，这是干嘛的呢？这是指定当前项目启动所占的端口号啊，我们用的是9001。下面是跟supreme相关的配置，一个是MVC，它一个叫做呃PA，呃，Pass match，这个是跟谁相关呢？这是跟sweat two相关的啊，这块也写了呃在supreme put2.6.0中将spring m Mac默认路径呢，从这个anti pass me改为什么改成这个叫呃pass pattern PAR了，这样的话会导致我们这个swagger呢？请求的时候呢，这个路径输错，那怎么办呢？我们只要呃只要就得在这配置一下，改回原来这个叫做an pass matter就可了，就可以了啊。下面这个是配置数据源，嗯，这是我们用的这个数据源，嗯，这是连接数据库的驱动，这是连接数据库的URL name和password连接数据库四要素嘛，但在这块这个数据库名呢，可能要跟我们本地的数据库保持一致哈，本地数据库叫什么？叫做智慧校园，然后来一个哎，下划线DB。

哎，后面这些参数往上一放开，En定，Enco定等于UU杠八，So time zone等于GMT，呃，什么百分号2B8什么东西，然后又SSL等于false啊，那么这个写成这样就可以啊，用户名和密码啊，再按照自己的数据库的设计去写就OK了。下边是我们数呃，这个数据库连接池它的一些特征啊，在这块呢，直接使用这些特征就可以了，什么呃，Max time lamp，什么max这些池子里面最大的链接容量等等啊这个大家不作为过多的解释啊，看一看就行了。live模板引擎如果要使用它就会遵循下面这个配置，那我们time live模板引擎所要放的一些模板呢，哎，给我们放到这了，但是我们项目中呢，目前不太使，目前前后端分类项目中，我们后端项目，呃，不需要渲染什么页面，所以这个呢，你不配置也行，Jackson这块一定要配置一下前后端数据，在转换的时候呢，转成接层格式，那么这个时间解析的格式，还有我们这个呃时区啊，配置一下之后，那这个呃转换日期的时候呢，就会按照这个格式来给我们转换了。

这是在在这个位置是配置啥呢？这这个位置是配置我们文件上传，呃，Multi part单个呃，文件的这个大小应该是十兆，然后呢，这个如果要是传一对一文件啊，这一对一文件的总大小是100兆。下面这个是我们my BA plus的一个配置，这里面有个什么配置呢？就configuration，然后log I m PL，这是我们打日志它的一个呃，实现类使用的是I logging s studio do里面有个有有个叫做SDOL这样一个实现类，用这个实现类来给我们打日志，呃，这个叫做map locations，这是map映射文件呢，它存放map映射文件扫描的这个位置，Class pass下面的这个map目录里面任何子包层次的点叉ML文件都会被扫描到，它对应的是谁呢？对应的就是这个玩意。

这个这个东西啊，和什么呢？和和在resources里面一会我们要创建的其他的一个目录啊，好，那么i.YM里面所存放的这些内容呢，就给大家解释了一下，解释完之后呢，为了避免后续它可能会出现中文乱码，那你可以把这些注释啊，这些中文全给删掉，呃，只要阅读一下就可以了，这些注释呢，也不重要啊。哎，好，直接选择删掉可以了，要不然后面它一转换，一出现乱码，可能会阻止我们的程序，哎，继续往前跑。配置文件啊，进已行搞好了啊，application.ym判搞好之后，下一步就要在resources里面准备其他的目录结构了，在resources里面我们还要准备什么呢？准备这样几个东西，嗯，第一个叫做map啊目录，Map这是一个呃，数序目录哈，它不叫包啊。map目录里面放啥呢？放的都是一些MYBA它的这个呃，插面映射文件，还要准备一个public upload，这里面放的全是文件上传的，如我们后面在操作文件上传的时候呢，这些文件往哪放哪往这里放啊，Sta里放的是静态资源，这个里面也可以放什么呢？也可以放我们前面的这个，呃。

嗯，前面的这个。嗯，前端的编译好的项目往这放就可以了，前端编译好项目往这一放，呃，只要启动呃supreme部的项目，那直接呢就可以访问到这些资源了，呃，我而我们不需要去关注这个前端编译好的项目它里面是什么样子，只要关注它前后端对应的接口就OK了，这个也是发布前端项目的一种一种特殊手段吧啊application.yl这个文件呢，我们已经准备好了，所以把这个map public，呃，Upload，还有sta static这个目录给大家准备一下啊，在这先准备第一个啊，Static。

然后再准备什么呢？再准备第二个，再你用一个，呃，Public，还要准备第三个map。那注意在public里面呢，再新加一个，新加一个子目录啊，叫做upload，诶注意这个目录名别写错了，因为数据库里边所存的这个文件名呢，默认就是到这个public upload里面这个去找的，所以呢，就是这个目录写写错名呢啊，字不对了，那可能这个好多，呃呃，图片的一些路径啊，就写错了，就找不到了啊，那整个的项目就已经搭建完了，搭建完之后呢，现在我们后面这个项目是一个空壳的一个项目，这里面东西都没有，但是我我现在呢，可以把前端的项目呢，暂时部署进来，部署进来之后呢，启动一下我们的项目，先看看页面哈，那接下来我们说一下这个项目的部署模式。嗯，我们现在做的项目呢，是一个前后端分离项目，前后端分离项目现在，呃，在实际部署呢，是这样一个部署情况，它肯定会有一个前端的服务器，然后呢，会有一个哎后端的一个服务器，它会有两个服务器。

啊，至少是两个服务器，那么前端的项目呢，要放到前端的服务器上去啊，前端项目后面这是我们的后端项目服务器啊，后端项目啊项目服务器好，我们的用户呢，嗯，假设我们用的是浏览器。哎，浏览器浏览器我们的请求呢，是请求到哪里呢？是请求到了我们这个前端的服务器上啊，往这请求啊往这请求，呃，如果请求的一些前端资源需要后台功能支持了，再由我再由前端项目向我们的后端项目继续发请求啊继续发请求，后端项目呢，做出数据的响应之后，前端啊，这个服务器拿到数据了，在这块进行一些数据的一些处理啊，啊或者一些渲染啊，哎，处理完之后呢，再把这个数据给浏览器，哎，或者是有一些数据呢，是在我们的浏览器上进行渲染的啊，通过我们的这个前端项目把这个数据再传递给呃浏览器。

是这样一个情况，是这样情况，也就是说我们需要把前端项目单独放到一个服务器上，后端项目也要单独放到一个服务器上，这是一个分布式的一个部署方案，而现在呢，在本地我们做这个智慧校园用什么呢？用一个呃，简单的部署方案，前端项目无非就是要放一个服务器里面，我们这个后端项目也要放一个服务，服务器里面，暂时可以把前后端项目放到一个服务器里面，同时跑起来，同时抛起来之后呢，我们就不用在本地呢去搞两个项目，这边跑前端，这边跑跑后端了，只要一个项目就可以把前端项目和后端项目呢都给它，哎，放起来，如果要是你想单独部署前端项目啊，你需要做这样一个事儿，你需要再来一个4SPRING BOO的一个项目，然后干嘛呢？然后呢，在这个在另一个4SPRING的项目里面，在这个代点com目录专门装前端的项目资源，装完前端项目资源之后呢，我们还需要把前端里面的一些，呃代理啊，他请求路径呢，改成什么呢？改成我们后端对应的另一个项目，那这就比较麻烦了，那我还不如直接把前端的项目呢，直接放到斯代里科目录下，哎，直接把这个当成我们前端项目的运行位置就OK了。

那前端的项目资源在哪里呢？呃，大家打开给大家提供的这个资源里面啊。有一个前端项目啊，把这个前端项目打开，里面有个Dis，把这个Dis里面这些文件来给它CTRLC复制一下，复制完之后呢，扔到这个static里面啊，往这一扔，诶CTRLV诶粘贴进来，粘贴进来之后呢，这些文件就应该都进来了啊。等待它啊，等待它这个indexing完事，Indexing完事之后呢，下一步啊，下一步我们就可以启动啊当前这个ma智慧校园这个项目了，启动之后哎，只要打开请求我诶哪选错了，看这个点YY文件，只要写上local host9001就可以访问我们当前这个智慧校园这个项目了，这个9001呢，默认会帮助我们打开index在HTML，这个index在HTML在哪呢？在这个代这个目录下，然后不是在这，在这个代这个目录下，这块有个index HTML，这就是前端编译好的项目啊，前端编译好的项目我们先看一看能不能跑起来哈，怎么跑呢？在这直接运行一个主方法就可以了，点它也是OK的，点这也行，你看这诶这个这个不也是我们当前主方法这个类吗？对吧，这是我们的启动类哈，来走。

乱这个东西。看一看它这初次启动会不会报错啊。OK，目前呢，这块没有报任何的错误啊，这是supreme BOO打的图标啊，这个是my plus打的一个小图标，打开我们的浏览器。在这在这重新打开一个页面吧，在这输入local host，不要8080了，要9001，诶9001，我们慢慢可以写成一个index.html啊，当然不写应该也是可以的哈，来试一试看看行不行走。诶，OK，就进入到了我们这个欢迎页了，但进入到欢迎页之后啊，这得进进行登录，但是我们一点击登录的话呢，就需要后台功多的支持了，哎，但是至少现在我们已经成功的启动项目，并且把前端的项目资源呢已经放进去了，放完之后我们需要做的事情就是一步一步检查它每一个功能请求到后端的对应的资源是什么，哎，然后呢，把后端的这个资源接口啊给它写好实现就OK了，这是我们项目呢，呃，这个结构的一个准备，准备完结构之后，下一步就是往这个里面放后端项目所需要的一些类呀，一些Java代码呀等等，就开始编写了，前面这一部分内容基本就不用动了，接下来我们花时间助攻后面这一部分内容就OK了，把这些代码写完，我们的项目就可以完成了。