Java从0-1开发视频点播项目 附加完整的部署流程

1. 交给async io 执行的任务是协程 协程存在于单条线程中, 一条线程能有N条协程 由于是在同一线程中执行, 因此就不存在抢占资源一说, 因此协程是线程安全的;
2. 在方法前加 async 关键字定义协程
   1.  
3. 配合 await 关键字 实现非阻塞式编程
   1. 
   2. 加了await的代码说明要等待响应结果才会执行下一个await代码, 他们之间互相有依赖关系, 但对于没有此关键字的代码就无需等待 能继续往下走, 等阻塞的代码都执行完后 整个协程也就结束了  最大化的利用CPU资源;

1. 
2. 结构说明
3.  

1. 配置主文件
   1. 
2. 控制层
   1. 
3. 启动主函数-启动项目
   1. 

1. pom.xml文件   maven管理的依赖---------也没啥可说的, 在这能引入所需jar包
   1. 版本号
      1. 
2. 控制层
   1. AdminController
      1. 

   2. LoginController

      1. 

   3. PayControlle

      1. 
      2. 制作卡密以及卡密激活权限
3. SpringSecurity  权限认证
   1. 
   2. 
4. 定时调度器
   1. 
5. 过滤器-初始化变量
   1. 
   2. 按系统设置  视频文件在服务器上的地址

1. 用注解形式的AOP作为切面, 增强RabbitMQ消费方的方法(日志打印)
   1. 
   2. 
   3. 效果

1. 打开项目后用终端运行 
2. 

新建vue页面

1. 
2. 内容展示

   <template><div id="app">呼啦啦2</div>
   </template><script></script><!-- Add "scoped" attribute to limit CSS to this component only -->
   <style scoped></style>

访问T.vue页面

1. 替换App.vue文件的内容    

   1. <!-- 这个单文件组件为主入口 -->
      <template><div id="app"><!-- 展示路由的内容 --><router-view /></div>
      </template><script>export default {name: 'App'}
      </script><style></style>
      

2. 增加路由配置

   1. 

   2. 

   3. import Vue from 'vue'
      import Router from 'vue-router'
      import HelloWorld from '@/components/HelloWorld'
      import T from '@/components/T'
      Vue.use(Router)export default new Router({mode : 'hash',routes: [{path: '/',component: HelloWorld},{path: '/T',component: T}]
      })
      

3. 在主文件内加入路由组件

   1. 

   2. npm 安装router组件依赖包

      npm install --save vue-router

   3. 重启服务

   4. 访问页面

打包项目进行发布

1. 新增 vue.config.js 配置文件

   1. 

   2.  
      const target = require('./src/URL')module.exports = {// 项目部署的基本路径publicPath: "./",// 构建输出路径 ,vue-cli-service build 时生成。outputDir: "dist",//放置生成的静态资源 (js、css、img、fonts) 和 outputDir 同级。assetsDir: "static",// 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码lintOnSave: true,//是否使用包含运行时编译器的 Vue 构建版本runtimeCompiler: false,//是否需要 mapproductionSourceMap: true,// 偏向apppwa: {},devServer: {host: 'localhost',// 使用花生壳之类的 需改为 0.0.0.0port: '8080', // 端口号https: false, // 是否支持httpsopen: false, // 配置自动启动浏览器disableHostCheck: true, // 使用花生壳之类的 需设为false/* 使用代理 */proxy: {'/api': {/* 目标代理服务器地址 */target: target.target,/* 允许跨域 */changeOrigin: true,pathRewrite: {'^/api': '' // 调用接口时带 / 使用'' 不带使用 '/'，例如 /sys/login 则使用 '' ， sys/login 则使用 '/'}}},}
      }

2. 增加URL.js文件
   1. 

   2. 内容

      'use strict'
      // 跨域请求的地址
      var domain = "/api";
      // 服务端地址
      var target  = "http://localhost:809";module.exports =  {domain:domain,target:target,
      }

3. 打包

   1. npm run build

   2. 

   3. 进入dist目录, 里面的文件能直接访问

4. 然后就将打包的前端文件都放在服务器上, 我这里用nginx作为前端服务器

   1.