谷粒学院项目开发学习记录
学习记录
taroriceball
是个小菜鸟,只想找个地方记录一下自己的学习
展开
-
【谷粒学院项目开发76】课程支付
一、生成订单1.创建支付模块2.创建数据库表3.使用代码生成器生成相关代码4.配置文件5.controller6.service两个远程调用的方法:7.创建两个interface,指定调用的服务名称和调用的接口地址8.在service中调用两个接口二、查询订单三、生成订单前端页面1.复制css文件2.点击“立即购买”,绑定事件2.1api2.2页面调用2.3创建订单生成后显示的页面写好了页面后,点击”立即购买“出现了订单支付页面啦!原创 2021-03-17 02:00:22 · 355 阅读 · 0 评论 -
【谷粒学院项目开发75】播放视频
练习1.根据视频地址播放视频2.根据播放凭证播放视频原创 2021-03-15 23:58:29 · 403 阅读 · 0 评论 -
【谷粒学院项目开发74】课程详情
后端1.课程信息实体类2.controller3.service前端1.api2.调用方法效果:原创 2021-03-14 21:02:29 · 148 阅读 · 0 评论 -
【谷粒学院项目开发73】课程列表
1.创建vo对象,封装查询条件数据2.controller3.service原创 2021-03-14 11:10:47 · 141 阅读 · 0 评论 -
【谷粒学院项目开发72】讲师详情
修改讲师列表页面超链接后端前端1.api2.调用方法测试点击某个名师,可以出现对应的详情页原创 2021-03-10 21:50:12 · 156 阅读 · 0 评论 -
【谷粒学院项目开发71】名师列表
后端1.controller2.service3.测试后端接口测试成功!前端1.在api中创建js文件,定义接口地址2.在页面中引入js文件,调用方法实现显示测试原创 2021-03-10 20:04:27 · 117 阅读 · 0 评论 -
【谷粒学院项目开发70】微信扫码登录
1.OAuth2是针对特定问题的一种解决方案。主要可以解决两个问题:1.开放系统间授权 2.分布式访问问题1.开放系统间授权授权给第三方。一般采用令牌的方式2.分布式访问问题单点登录。用户在一个模块登录成功后,按照一定规则生成包含用户信息的字符串。把生成的字符串通过路径传递或者放到cookie中。后面再发送请求的时候,每次发送都带着字符串。2.生成二维码2.1在ucenter模块的配置文件中,写上微信id、密钥和域名地址2.2创建类,读取配置文件的内容2.3controller原创 2021-03-10 15:59:28 · 733 阅读 · 3 评论 -
【谷粒学院项目开发69】整合登录和注册页面
1.安装插件npm install element-uinpm install vue-qriously2.在nuxt环境中使用安装的插件element-ui3.整合注册页面3.1在layout文件夹中创建登录注册的布局页面sign.vue3.2修改登录和注册的超链接地址3.3创建注册和登录的页面4.整合注册功能4.1在api中创建register.js,定义注册接口的方法4.2在页面中调用方法4.3检查nginx路径匹配规则5.整合登录功能5.1在api中创建l原创 2021-03-09 16:23:12 · 678 阅读 · 3 评论 -
【谷粒学院项目开发68】注册功能(后端)
1.创建实体类,封装注册数据2.controller3.service因为现在无法用阿里云发送验证码了。我干脆把注册方法里判断验证码的地方给删去了。(●’◡’●)4.测试测试成功!????原创 2021-03-03 15:04:50 · 178 阅读 · 1 评论 -
【谷粒学院项目开发67】登录功能(后端)
1.在service下面创建子模块service_ucenter2.创建用户表,使用代码生成器生成代码在打开navicat的时候,发现过期了。又去重新激活了一遍参考了网上的一篇文章,激活成功啦!下面是文章链接:http://www.manongjc.com/detail/20-qmxgtvaegtpvbcj.html表就创建好啦!下面使用代码生成器代码生成啦!...原创 2021-03-03 14:23:08 · 279 阅读 · 0 评论 -
【谷粒学院项目开发66】阿里云短信服务
注册的时候发送手机验证码1.在service中创建子模块service_msm2.为service_msm创建基本文件创建出controller和service,创建配置文件和启动类3.开通阿里云短信服务4.在service_msm中引入依赖5.controller复制工具类RandomUtil6.service但是现在阿里云短信服务的申请条件变高了。项目没有上线的话申请不到。我也申请失败了。所以这个模块的测试也就没法完成了...原创 2021-03-02 17:13:21 · 445 阅读 · 1 评论 -
【谷粒学院项目开发65】JWT
单点登录:在一个模块登录了,其它模块就不需要再登录了常见的实现方式:1.session广播机制:session复制2.使用cookie+redis实现:(1)redis:key:唯一随机值 value:用户数据(2)cookie:把redis里面生成的key值放到cookie里面访问项目中其它模块时,发送请求带着cookie进行发送。获得cookie值,拿着cookie做事情从cookie获取值,到redis中进行查询。根据key进行查询。如果能查询到数据就是登录状态。3.使用token实现原创 2021-03-01 22:41:19 · 152 阅读 · 0 评论 -
【谷粒学院项目开发64】添加Redis缓存
特点:1.基于key-value进行存储2.支持多种数据结构:string(字符串);list(列表);hash(哈希),set(集合);zset(有序集合)3.支持持久化,通过内存进行存储,也可以存到硬盘里面4.支持过期时间,支持事务5.一般来讲,把经常进行查询的,但不经常修改的,不是特别重要的数据,放到Redis中作为缓存1.创建redis配置类,写到common里面1.1引入spring boot整合redis的相关依赖1.2创建redis缓存配置类,配置插件2.在查询所有ban原创 2021-02-10 20:31:53 · 438 阅读 · 0 评论 -
【谷粒学院项目开发63】首页数据banner显示(幻灯片或者轮播图)、热门课程和名师的显示
1.在service中创建子模块service_cms2.创建配置文件3.创建数据库表,根据表使用代码生成器CREATE TABLE `crm_banner` ( `id` char(19) NOT NULL DEFAULT '' COMMENT 'ID', `title` varchar(20) DEFAULT '' COMMENT '标题', `image_url` varchar(500) NOT NULL DEFAULT '' COMMENT '图片地址', `link_u原创 2021-02-10 18:53:58 · 975 阅读 · 0 评论 -
【谷粒学院项目开发62】整合课程和名师页面
1.构建路由点击首页中的“课程”,是固定路由。因为每次点击它,出来的界面都是course下的index.vue页面。路径是固定地址,不发生变化。2.在pages目录下创建文件夹course,在其中创建index.vue3.查看课程路由的效果4.完善index.vue直接复制页面代码查看效果:5.在course文件夹中,创建_id.vue直接复制页面代码6.查看某个课程的效果点击课程路由下的某个课程,会在url中添加id,根据id跳转到该课程页面。是动态路由。每次生成的路由原创 2021-02-09 19:21:25 · 194 阅读 · 0 评论 -
【谷粒学院项目开发61】整合项目首页面
1.安装幻灯片插件npm install vue-awesome-swiper2.配置幻灯片插件3.复制项目使用的静态资源到assets目录4.复制页面布局代码到layouts目录下的default.vue中5.复制页面代码到pages目录下的index.vue中查看效果:6.整合幻灯片在index.vue中添加幻灯片效果:...原创 2021-02-09 18:24:48 · 214 阅读 · 0 评论 -
【谷粒学院项目开发60】搭建项目前台系统基本环境
使用NUXT框架搭建前台环境。Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。1.直接导入老师发的文件夹2.在集成终端输入命令npm install @babel/compat-datanpm run dev基本环境就搭建好了。...原创 2021-02-09 16:51:43 · 271 阅读 · 0 评论 -
【谷粒学院项目开发59】熔断器
1.添加熔断器依赖2.在调用端配置文件中开启熔断器3.在创建interface之后,还需创建interface对应的实现类,在实现类中实现方法,方法中包含出错了输出的内容4.在interface上面添加注解和属性5.查看效果停掉vod服务,页面无法正常执行删除小节的操作输出的错误内容和我们实现类中自定义的内容是一样的。测试成功!...原创 2021-02-09 15:26:00 · 118 阅读 · 0 评论 -
【谷粒学院项目开发58】删除课程的同时删除视频
一个课程有很多章节,一个章节有很多小节,每个小节有视频。删除课程的时候,可能要删除多个视频。1.在service-vod中创建接口方法,删除多个视频1.1controller1.2service2.在service-edu中调用service-vod中的方法,实现删除多个视频的功能3.测试阿里云中也没有了。测试成功!...原创 2021-02-08 18:35:20 · 224 阅读 · 1 评论 -
【谷粒学院项目开发57】服务调用 Feign
前提条件:把互相调用的服务在Nacos中进行注册1.在service模块中引入依赖现在,我们想在service-edu中调用service-vod中的方法调用端:service-edu2.在调用端service-edu的服务启动类中添加注解3.在调用端,创建interface,使用注解指定调用的服务名称,定义调用的方法路径4.实现:删除小节的同时删除阿里云视频4.1在方法中引入刚刚创建的接口4.2远程调用方法要先删视频,再删小节。要是反过来,小节先删了,就无法查到对应的视频id了原创 2021-02-08 16:53:38 · 145 阅读 · 0 评论 -
【谷粒学院项目开发56】注册中心Nacos
微服务:把一个项目拆分成多个独立的服务,多个服务独立运行,每个服务占用独立进程。spring cloud是很多技术的总称。里面有很多框架(技术)。我们可以使用spring cloud里面的框架实现微服务操作。使用spring cloud,需要依赖spring boot。Nacos是注册中心。实现不同的微服务模块之间相互调用,只需要将这些模块在注册中心进行注册。1.安装解压文件,找到运行文件,直接启动就可以了2.访问访问:http://localhost:8848/nacos用户名密码:原创 2021-02-08 15:07:25 · 200 阅读 · 0 评论 -
【谷粒学院项目开发55】完善删除视频功能
点击上传视频组件下方的×,虽然在页面中我们的视频消失了,可是阿里云中还存在。我们需要同时删除阿里云中的视频。1.后端2.前端2.1api,引入后端方法2.2在页面中调用方法3.测试阿里云中的视频也被删除啦!再完善一下,我们也需要把数据库中对应的视频信息也删除只要在前端修改数据库中的对应信息也被删除啦!...原创 2021-02-08 10:40:39 · 220 阅读 · 0 评论 -
【谷粒学院项目开发54】添加小节上传视频(前端)
1.“上传视频”组件2.配置nginx配置端口配置视频大小重新启动nginx3.测试阿里云控制台中也有了:数据库中也有了:4.完善想把视频名称也存进数据库表中后端实体类中:已经有视频名称这个属性啦在前端修改:测试:视频名称也能存储到数据库中啦...原创 2021-02-01 20:15:16 · 343 阅读 · 0 评论 -
【谷粒学院项目开发53】添加小节上传视频(后端)
1.引入依赖在上一节中已经引入啦2.创建application配置文件3.创建启动类4.创建controller、service5.测试原创 2021-02-01 12:04:31 · 310 阅读 · 0 评论 -
【谷粒学院项目开发52】阿里云SDK实现上传视频
1.引入依赖根据阿里云官方文档中的上传视频教程,引入依赖2.实现代码改造官方示例代码,实现上传视频的功能。示例代码在 通过阿里云官网下载的jar包中,sample文件夹内3.测试成功啦????????...原创 2021-01-30 13:20:35 · 220 阅读 · 0 评论 -
【谷粒学院项目开发51】阿里云视频点播SDK(获取视频凭证)
获取到视频凭证,可以解决加密视频的播放问题。1.测试代码和获取视频id相似2.测试成功得到了视频凭证????原创 2021-01-30 11:43:20 · 313 阅读 · 0 评论 -
【谷粒学院项目开发50】阿里云视频点播SDK(获取视频地址)
上传视频时可以对视频进行加密,视频加密后不能使用地址播放视频。所以我们在数据库中不存储视频地址,而是存储视频id。1.在service中创建子模块service_vod引入依赖2.初始化操作,创建DefaultAcsClient对象3.实现根据视频id获取视频播放地址4.测试成功得到了id对应的视频地址和视频名称????但是这么做,如果视频是加密的,仅获得视频地址是无法播放的。下面我们就要获得视频凭证。...原创 2021-01-30 11:31:00 · 417 阅读 · 0 评论 -
【谷粒学院项目开发49】课程删除(后端)
1.controller2.service3.测试设置一下数据库表里的数据课程表:章节表:小节表:课程描述表:删除课程成功!原创 2021-01-27 21:44:21 · 125 阅读 · 0 评论 -
【谷粒学院项目开发48】课程列表的显示
1.后端2.前端2.1api2.2课程列表页面list.vue<template> <div class="app-container"> 课程列表 <!-- 1.条件查询表单--> <el-form :inline="true" class="demo-form-inline"> <el-form-item> <el-原创 2021-01-27 11:09:03 · 393 阅读 · 0 评论 -
【谷粒学院项目开发47】课程最终发布
1.后端controller2.前端2.1api2.2点击“发布”按钮2.3测试课程可以成功发布原创 2021-01-27 10:35:24 · 136 阅读 · 1 评论 -
【谷粒学院项目开发46】课程信息确认(前端)
1.api对接后端方法2.publish.vue2.1引入api2.2得到路由中的id2.3调用接口方法2.4将得到的对象(课程信息)显示出来{{ }}来取对象的属性值2.5测试原创 2021-01-27 10:07:12 · 103 阅读 · 0 评论 -
【谷粒学院项目开发45】课程信息确认(后端)
1.定义实体类CoursePublishVo2.在mapper接口中定义方法根据课程id查询课程确认信息3.在xml中编写sql语句测试sql语句是不是对的在xml中编写:4.controller5.service6.测试数据绑定异常。这个错误是maven默认加载机制造成的。maven加载时,默认加载Java类型文件,不会加载其他类型文件。解决:1.复制xml到target目录中(不太好)2.把xml放到resourses(不太好)3.通过配置实现...原创 2021-01-27 09:33:53 · 118 阅读 · 0 评论 -
【谷粒学院项目开发44】课程大纲——小节的添删
1.后端2.前端2.1“添加小节”按钮2.2点击“添加小节”按钮,弹出表单2.3 api2.4 chapter.vue原创 2021-01-26 20:45:56 · 209 阅读 · 0 评论 -
【谷粒学院项目开发43】课程大纲——章节的添删改
1.“添加章节”按钮2.点击按钮,弹出表单3.章节后端接口:添删改4.前端api5.完成添加章节功能原创 2020-12-20 16:23:24 · 197 阅读 · 2 评论 -
【谷粒学院项目开发42】修改课程信息(前端)
1.api2.修改点击“上一步”后的方法,跳转路径3.在info.vue中数据回显4.测试数据回显啦????但是有个问题:修改info.vue原创 2020-12-19 09:12:10 · 184 阅读 · 0 评论 -
【谷粒学院项目开发41】修改课程信息(后端)
1.点击上一步,回到第一步,回显数据2.在数据回显页面,修改内容,保存。修改数据库内容后端接口:1.根据课程id查询课程信息接口2.修改课程信息接口接口1.根据课程id查询课程信息1.controller2.service接口2.修改课程信息1.controller2.service...原创 2020-12-18 09:56:15 · 208 阅读 · 0 评论 -
【谷粒学院项目开发40】课程大纲列表(前端)
1.api2.在chapter.vue中引入api原创 2020-12-18 09:21:40 · 170 阅读 · 0 评论 -
【谷粒学院项目开发39】课程大纲列表(后端)
1.创建两个实体类,章节和小节,在章节实体类中使用list表示小节2.controller3.service4.测试按章节呈现出来了(●’◡’●)原创 2020-12-15 17:12:31 · 142 阅读 · 0 评论 -
【谷粒学院项目开发38】添加课程基本信息(前端)_富文本编辑器
1.把文本编辑器组件复制到项目里面2.配置html变量3.引入js脚本4.页面使用文本编辑器组件可以使用文本编辑器标签啦5.添加样式6.测试原创 2020-12-15 16:18:49 · 322 阅读 · 1 评论 -
【谷粒学院项目开发37】添加课程基本信息(前端)_上传封面
1.在info.vue中添加上传封面组件根据后端上传头像的接口方法:编写前端组件2.在info.vue中添加方法3.查看效果原创 2020-12-15 15:38:57 · 204 阅读 · 0 评论