在vue中使用video.js实现视频播放 这里是官方关于在vue中如何使用的文档,下面的只是基于官方文档的基础用法,详细内容建议查看官方文档! 官方文档以此为例先看效果:大致步骤如下:一、安装video.jsnpm install --save video.js二、参考官方文档操作这里定义一个名为VideoJs的组件,便于使用。注意要引入下面的video-js.css和video.js!!,一个是样式,一个是播放器。<template> <div> <video ref="video
wangEditor Uncaught (in promise) Error: 初始化节点已存在编辑器实例,无法重复创建编辑 使用wangEditor报错如下:Uncaught (in promise) Error: 初始化节点已存在编辑器实例,无法重复创建编辑**原因是:**重复创建了编辑器的原因。我的项目中存在新增和修改两次弹窗,故而重复创建了编译器。解决办法:使用 editor.destroy();let editor;method:{creatDom(){ editor = new E('#div1');//富文本编辑器创建,获取节点 // 配置 server 接口地址
springboot+vue前后端分离项目(后台管理系统) 学习笔记学习资源来自于B站良心up一、所使用的环境配置:编译器:IDEA后台框架:SpringBootMybatis-Plus数据库:Mysql8.0数据库工具:Navicat premium前端框架:VueElement UI引用的富文本编辑器:wangEditor二、项目简介这是一个基于SpringBoot和Vue的后台管理系统。主要功能:1.实现用户信息的CRUD,以及页面的显示。2.用户权限的分配,不同权限的用户锁能看到的的界面信息和能进行的操作是不同的。3.实现图片
SpringMVC 使用注解开发的基本步骤 学习笔记,使用注解进行开发的配置及代码演示,原理理解。相关笔记:SpringMVC DispatcherServlet 处理顺序及程序演示报错处理一、配置文件1.目录结构2.pom.xml依赖 <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId&g
SpringMVC DispatcherServlet 处理顺序及程序演示报错处理 学习笔记,关于SpringMVC的DispatcherServlet 处理顺序理解及程序展现一切步骤即是根据官方文档SpringMVC官方文档文件目录一、配置文件1.web.xml文件<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-inst
Spring整合Mybatis两种方式 学习记录笔记,狂神yyds!将mybatis-config.xml的部分内容整合到了spring的配置文件中,便于管理的分工!配置pom.xml文件中的依赖<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xs
mybatis配置过程的基本步骤 用于记录mybatis学习过程推荐使用ideamybatis官方文档,步骤基于文档一、首先创建一个maven项目二、配置pom.xml文件<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema
MySQL数据库并发,上锁的问题(共享锁和排它锁) 这是关于怎么在java中给数据库表上锁的演示使用的是共享锁和排它锁。共享锁: 加锁后所有用户都可以查看信息,不能修改,直到锁被当前用户释放基本语句:select *from table_name lock in share mode;排它锁: 加锁后,只有当前用户可以对该信息进行修改删除操作,其余用户只能查看,不能修改。基本语句:select *from table_name where SNo = "xxx" for update;//行锁select *from table_name
IDEA中如何连接数据库并显示数据库信息。 关于IDEA中怎么连接mysql数据库相信部分朋友在使用IDEA操作数据库的时候会出现有关数据库信息的报错。显示没有此表,或者无数据库等错误信息,那是因为在写代码的时候IDEA并没有连接数据库,所以IDEA就不能获取相应的信息。但是并无大碍,只是对于使用时的感受并不友好。解决办法:任务窗口右上角,有一个Datebase标志,我们点击打开。选择数据库类型,这里我们选择MySQL。依次是数据库登录名和密码以及使用的库test1,其次进行Test Connection操作,大部分会报错,如
Java连接mysql数据库方法及代码(jdbc) 编译器使用IDEA一、使用MySQL jdbc连接器mysql-connector-java.jar。1.首先从mysql官网下载mysql-connector-java.jar包到本地。下载相应的压缩包,在本地解压即可进行下一步操作。2.打开自己的java文件,在源文件夹下创建lib包,如下。找到本地的mysql-connector-java.jar文件,复制粘贴到lib文件夹里,并点击确认。如上图。3.配置相关依赖首先右键点击文件夹,弹出如下窗口,点击Open Module Se
初学(JavaScript)写成的初步拥有增删改的用户信息表(菜鸡)。 美工就不要纠结了哈,不要纠结~菜鸡为了更好的学习JavaScript而写~目前主要基本功能:可以进行用户信息的增减,修改,还未限制输入的格式要求图片如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
编写一个Book类,该类至少有name和price两个属性。 【问题描述】编写一个Book类,该类至少有name和price两个属性。该类要实现Comarable接口,在接口的compareTo()方法中规定两个Book类实例的大小关系为二者的price属性的大小关系。在主函数中,选择合适的集合类型存放Book类的若干个对象,然后创建一个新的Book类的对象,并检查该对象与集合中的哪些对象相等。【输入形式】每一行输入一个Book类的对象,名字和价格之间用逗号分隔,集合类的输入结束符号是#,然后输入一个新的Book类对象。【输出形式】显示查找结果,如果找到了,就显
Java学生信息管理系统控制台版 Java实现学生管理系统—控制台版:可以进行对学生信息的增删改查等一些列操作。程序结果截图如下:代码如下:package Student;public class Student { //学号 private String sid; //姓名 private String name; //年龄 private String age; //居住地 private String address; //年级 p
常用的CSS实现水平和垂直居中方法(详细) 如下:<body> <div class="outer"> <p>盒子</p> </div></body>方法1:使用绝对定位和margin值实现div模块的水平和垂直居中<style> /* 去掉内外边距 */ *{ padding: 0; margin: 0; } bo
Java,commons io包实现多线程同步图片下载入门 目的: 实现多线程同时下载网络图片,入门级。多线程入门commons io: 是针对开发IO流功能的工具类库,其中包含了许多可调用的函数。1.commons io 可直接百度,进入官网直接下载即可Linux下载tar.gz,window下载.zip。2.解压commons io ,复制下面的java文件,后在项目中,新建package,我的名为lib,如下,将复制的java文件粘贴到package中,并鼠标右击此文件,点击add as a library即可。3.代码如下:多线程基础,入门
关于在服务器上部署Drupal网站的相关操作总结 非详细,后续总结一、简单理解的大致步骤。具体详细步骤后续更新!1.拥有一个属于自己的服务器。2.上传本地文件到服务器端。3.学会基础的Linux命令。4.学会使用docker命令。我所使用的是Centos8轻量型服务器,买错了哈哈,应该买ECS云服务器的。不过没关系,自己测试玩的。docker命令总结:1.server /docker restart:重启docker容器命令,因为有的安装完docker后并没有设置服务自动启动。2.docker-compose up:命令来启动并运行整个
一个极简美的登录框 个人学习原创来至于哔哩哔哩:https://www.bilibili.com/video/BV1KA411T75J可借鉴之处:1.设计了颜色渐变: background:radial-gradient(circle,#3cadeb,#9c88ff);从中间向两边简便,background-image: linear-gradient(90deg,#3cadeb,#9c88ff); 线性渐变。2.box-shadow: 0 5px 15px rgba(0, 0, 0, .8);使得中间页面更有立体感
输入10个数, 使其所有的数向后移m个位置 可借鉴,不可抄袭 来于CQUPT问题描述:从键盘输入10个整数,存放在一个数组中,然后使数组中的所有整数整体向后移动m个位置,最后m个数变成最前面的m个数,并输出移动后的结果。m从键盘输入。输入形式:输入10个整数,每个整数间用空格分隔,回车。然后输入整数m。输出形式:首先输出数组中的10个元素,然后输出后移m位以后的数组所有元素。【输入输出样例】Please input 10 numbers:1 2 3 4 5 6 7 8 9 10Your numbers are:1 2 3 4 5
定义一个描述圆的类,然后生成一个圆对象,最后输出半径、直径和面积。 可借鉴,不可抄袭!问题描述: 定义一个描述圆的类,名字为Circle,属性有:private double radius方法有:double getPerimeter(),计算圆的周长double getArea(),计算圆的面积void disp(),输出圆的半径、周长和面积另外,有两个构造方法:Circle(),属性半径赋值为0Circle(double r),属性半径赋值为r编写main方法,从键盘输入一个小数值,作为圆的半径,并生成该对象,最后调用disp()方法,输出结果。输