- 博客(112)
- 收藏
- 关注
原创 【尚医通项目开发】11.医院设置前端-删除和批量删除
删除1.添加按钮2.在api中引入删除方法3.调用删除方法4.效果批量删除1.在页面中 添加“批量删除”按钮 和 多选框2.在api中引入方法3.点击多选框,要获取到id值。编写方法4.调用批量删除的方法5.效果...
2022-01-05 14:47:36
380
1
原创 【尚医通项目开发】10.医院设置前端-查询医院(条件分页)
1.添加路由-医院设置2.设置路由跳转的路径,并创建对应的页面3.在api目录下创建js文件,定义接口路径4.在页面中引入api中的js文件,调用接口5.将数据在页面上展示出来5.1表格5.2分页5.3条件查询效果:...
2022-01-04 11:44:27
554
1
原创 【尚医通项目开发】9.搭建前端环境
1.解压模版到项目工作区2.根据package.json下载需要的依赖npm install3.启动项目npm run dev发现 点击 登录 按钮,失败。这是因为登录的接口有问题。我们要改造一下先把登录的逻辑改简单,让我们能进入页面在user.js里面修改改完再点击登录按钮,就可以进入页面啦我的github仓库 https://github.com/yooyox/qdtest...
2021-12-17 17:07:12
470
原创 【尚医通项目开发】8.复习nodejs,npm,模块化,babel转码器,webpack
node.js作用1.js运行环境。可以直接运行js,不需要浏览器2.模拟服务端效果。不需要tomcat效果npm包管理工具是node.js的包管理工具。相当于前端的maven项目初始化在空文件夹中,npm init安装依赖npm install 依赖名称当下载了有package.json配置文件的项目时,可以直接npm install,安装好相应的依赖es6模块化js之间的调用1.创建项目,进行初始化2.创建src文件夹01.js 定义两个方法02.js 调用01.
2021-12-17 13:08:26
1014
原创 【尚医通项目开发】7.复习vue
常用指令1.绑定数据单向绑定在属性中,取到变量的值v-bind 直接写在标签属性上双向绑定和单向不同在于,只要有一方发生变化,另一方会跟着变化v-model 直接写在标签属性上2.绑定事件v-on:事件名称=“调用方法”3.条件渲染v-if4.循环指令v-for生命周期created方法:在页面渲染之前执行mounted方法:在页面渲染之后执行演示一下第一步第二步第三步axios发送ajax请求1.引入axios的js文件,和vue的j
2021-12-16 20:38:26
97
原创 【尚医通项目开发】6.复习es6
1.变量1.1作用域var 没有局域作用域let 有局域作用域1.2定义次数var 能声明多次let 只能声明一次2.常量2.1声明之后不许改变2.2声明时,必须初始化3.解构赋值3.1数组解构3.2对象解构4.模版字符串相当于加强版的字符串。可定义多行、加入变量、加入表达式5.对象6.对象拓展运算符拓展运算符 … 用于取出参数对象所有可遍历属性 然后拷贝到当前对象7.箭头函数更简洁的函数书写方式参数 => 函数体...
2021-12-15 14:32:41
809
原创 【尚医通项目开发】5.统一异常处理,日志
1.写个统一异常类测试一下2.自定义异常需要自己手动添加try catch测试3.logback日志测试一下
2021-12-10 16:46:28
210
原创 【尚医通项目开发】4.医院设置接口 分页查询、添加、修改、批量删除
1.分页查询创建vo类,封装条件直接复制过来controller2.添加引入加密MD5工具类controller3.修改4.批量删除
2021-12-10 15:16:50
180
原创 【尚医通项目开发】3.医院设置接口 查询和删除
1.先写一个查询的方法,验证一下环境对不对原因:找不到动态创建的mapper对象解决:创建一个配置类验证我验证的时候出现了错误。后来发现是application.properties里面关于数据库的url和密码写错了。改掉以后就能成功啦。2.再写个删除方法这个删除方法 暂时无法验证。所以我们需要swagger来帮助测试3.整合swagger3.1引入依赖3.2引入工具类再写一个配置类注意:要在service的pom文件中引入依赖3.3遇到错误找了好久错误。最后发
2021-12-09 16:01:52
1002
原创 【尚医通项目开发】2.搭建后端环境
1.创建父工程和子模块2.git仓库关联到了我的github的远程仓库https://github.com/yooyox/syt3.复制实体类到model模块中注意:把model模块到依赖,引入到service模块的pom文件里4.mapper层5.service层6.controller层注入service...
2021-12-09 11:38:06
369
原创 【尚医通项目开发】1.复习Mybatis-Plus
1.创建数据库和数据库表2.创建工程 springboot2.1pom文件 引入依赖2.2application.properties 配置数据库2.3entity 编写USER表的实体类2.4mapper 编写接口2.5启动类 把mapper地址放进去3.写一个 能打印表中所有数据的 测试方法得到了结果4.想查看mp执行的sql语句4.1在application.properties中添加配置4.2查看结果5.添加发现mp帮我们自动生成了id这是mp默认
2021-12-06 20:25:01
1038
原创 【git学习】学习廖雪峰的git教程 小结
1.初始化git仓库git init2.添加文件到Git仓库2.1工作区 -> 暂存区(stage)git add 文件名2.2暂存区 -> 分支 (初始master)git commit -m “注释信息”3.看工作区的状态git status4.查看修改的内容git diff5.查看提交历史git log6.查看命令历史git reflog7.回退版本回退到指定的版本git reset --hard 提交版本的id号回退到上一个版本git reset -
2021-11-18 16:02:57
354
原创 近期学习小结
这几天,因为要忙毕设,所以谷粒学院项目的进度就先暂停啦。不过也并非无进展,我又从第一集开始看谷粒学院的视频了。想要把这个项目改造成自己的毕设,但是很多时候一改动,就要改好几个地方。思来想去,决定自己再重新建一个工程,再从头来一遍。 第二次再看视频,又帮我理清了很多思路。谷粒学院这个视频,严格意义上是我动手做的第一个项目。所以进度很缓慢。惊喜的发现,第二次再跟着视频做的时候,速度比第一次快了好多好多。感觉还是要多练手多去做东西,才能提高自己解决问题的能力。 在第二次做项目的过程中,我并...
2021-03-24 09:52:13
128
原创 【谷粒学院项目开发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
381
原创 【谷粒学院项目开发71】名师列表
后端1.controller2.service3.测试后端接口测试成功!前端1.在api中创建js文件,定义接口地址2.在页面中引入js文件,调用方法实现显示测试
2021-03-10 20:04:27
131
原创 【谷粒学院项目开发70】微信扫码登录
1.OAuth2是针对特定问题的一种解决方案。主要可以解决两个问题:1.开放系统间授权 2.分布式访问问题1.开放系统间授权授权给第三方。一般采用令牌的方式2.分布式访问问题单点登录。用户在一个模块登录成功后,按照一定规则生成包含用户信息的字符串。把生成的字符串通过路径传递或者放到cookie中。后面再发送请求的时候,每次发送都带着字符串。2.生成二维码2.1在ucenter模块的配置文件中,写上微信id、密钥和域名地址2.2创建类,读取配置文件的内容2.3controller
2021-03-10 15:59:28
784
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
776
3
原创 【谷粒学院项目开发68】注册功能(后端)
1.创建实体类,封装注册数据2.controller3.service因为现在无法用阿里云发送验证码了。我干脆把注册方法里判断验证码的地方给删去了。(●’◡’●)4.测试测试成功!????
2021-03-03 15:04:50
207
1
原创 【谷粒学院项目开发67】登录功能(后端)
1.在service下面创建子模块service_ucenter2.创建用户表,使用代码生成器生成代码在打开navicat的时候,发现过期了。又去重新激活了一遍参考了网上的一篇文章,激活成功啦!下面是文章链接:http://www.manongjc.com/detail/20-qmxgtvaegtpvbcj.html表就创建好啦!下面使用代码生成器代码生成啦!...
2021-03-03 14:23:08
301
原创 【谷粒学院项目开发66】阿里云短信服务
注册的时候发送手机验证码1.在service中创建子模块service_msm2.为service_msm创建基本文件创建出controller和service,创建配置文件和启动类3.开通阿里云短信服务4.在service_msm中引入依赖5.controller复制工具类RandomUtil6.service但是现在阿里云短信服务的申请条件变高了。项目没有上线的话申请不到。我也申请失败了。所以这个模块的测试也就没法完成了...
2021-03-02 17:13:21
466
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
176
原创 【谷粒学院项目开发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
466
原创 【谷粒学院项目开发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
1007
原创 【谷粒学院项目开发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
214
原创 【谷粒学院项目开发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
225
原创 【谷粒学院项目开发60】搭建项目前台系统基本环境
使用NUXT框架搭建前台环境。Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。1.直接导入老师发的文件夹2.在集成终端输入命令npm install @babel/compat-datanpm run dev基本环境就搭建好了。...
2021-02-09 16:51:43
285
原创 【谷粒学院项目开发59】熔断器
1.添加熔断器依赖2.在调用端配置文件中开启熔断器3.在创建interface之后,还需创建interface对应的实现类,在实现类中实现方法,方法中包含出错了输出的内容4.在interface上面添加注解和属性5.查看效果停掉vod服务,页面无法正常执行删除小节的操作输出的错误内容和我们实现类中自定义的内容是一样的。测试成功!...
2021-02-09 15:26:00
130
原创 【谷粒学院项目开发58】删除课程的同时删除视频
一个课程有很多章节,一个章节有很多小节,每个小节有视频。删除课程的时候,可能要删除多个视频。1.在service-vod中创建接口方法,删除多个视频1.1controller1.2service2.在service-edu中调用service-vod中的方法,实现删除多个视频的功能3.测试阿里云中也没有了。测试成功!...
2021-02-08 18:35:20
255
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
160
原创 【谷粒学院项目开发56】注册中心Nacos
微服务:把一个项目拆分成多个独立的服务,多个服务独立运行,每个服务占用独立进程。spring cloud是很多技术的总称。里面有很多框架(技术)。我们可以使用spring cloud里面的框架实现微服务操作。使用spring cloud,需要依赖spring boot。Nacos是注册中心。实现不同的微服务模块之间相互调用,只需要将这些模块在注册中心进行注册。1.安装解压文件,找到运行文件,直接启动就可以了2.访问访问:http://localhost:8848/nacos用户名密码:
2021-02-08 15:07:25
218
原创 【谷粒学院项目开发55】完善删除视频功能
点击上传视频组件下方的×,虽然在页面中我们的视频消失了,可是阿里云中还存在。我们需要同时删除阿里云中的视频。1.后端2.前端2.1api,引入后端方法2.2在页面中调用方法3.测试阿里云中的视频也被删除啦!再完善一下,我们也需要把数据库中对应的视频信息也删除只要在前端修改数据库中的对应信息也被删除啦!...
2021-02-08 10:40:39
247
原创 【谷粒学院项目开发54】添加小节上传视频(前端)
1.“上传视频”组件2.配置nginx配置端口配置视频大小重新启动nginx3.测试阿里云控制台中也有了:数据库中也有了:4.完善想把视频名称也存进数据库表中后端实体类中:已经有视频名称这个属性啦在前端修改:测试:视频名称也能存储到数据库中啦...
2021-02-01 20:15:16
373
原创 【谷粒学院项目开发53】添加小节上传视频(后端)
1.引入依赖在上一节中已经引入啦2.创建application配置文件3.创建启动类4.创建controller、service5.测试
2021-02-01 12:04:31
328
原创 【谷粒学院项目开发52】阿里云SDK实现上传视频
1.引入依赖根据阿里云官方文档中的上传视频教程,引入依赖2.实现代码改造官方示例代码,实现上传视频的功能。示例代码在 通过阿里云官网下载的jar包中,sample文件夹内3.测试成功啦????????...
2021-01-30 13:20:35
238
原创 【谷粒学院项目开发51】阿里云视频点播SDK(获取视频凭证)
获取到视频凭证,可以解决加密视频的播放问题。1.测试代码和获取视频id相似2.测试成功得到了视频凭证????
2021-01-30 11:43:20
332
原创 【谷粒学院项目开发50】阿里云视频点播SDK(获取视频地址)
上传视频时可以对视频进行加密,视频加密后不能使用地址播放视频。所以我们在数据库中不存储视频地址,而是存储视频id。1.在service中创建子模块service_vod引入依赖2.初始化操作,创建DefaultAcsClient对象3.实现根据视频id获取视频播放地址4.测试成功得到了id对应的视频地址和视频名称????但是这么做,如果视频是加密的,仅获得视频地址是无法播放的。下面我们就要获得视频凭证。...
2021-01-30 11:31:00
449
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人