- swiper
牛耀
swiper.js是一款成熟稳定的应用于PC端和移动端的滑动效果插件,一般用来触屏焦点图、触屏整屏滚动等效果。swiper分为2.x版本和3.x版本,2.x版本支持低版本浏览器(IE7),3.x放弃支持低版本浏览器,适合应用在移动端。x版本中文网址:http://2.swiper.com.cn/x版本中文网地址:http://www.swiper.com.cn/swiper使用方法:.......
- Swiper.js实现无缝滚动
欢喜~999
javascript前端html
1.引入Swiper.js其他获取方式通过NPM获取Swiper$npminstallswiperswiper.js下载路径:下载Swiper-Swiper中文网Swiper各版本的下载地址,Swiper百度网盘下载https://www.swiper.com.cn/download/index.html2.在HTML文件中加入无缝滚动的图片3.js中设置滚动效果varmySwiper=newSw
- react 中 swiper.js 的使用
想必是渣渣宇了
ReactJSreactjs
基础
[email protected]{Swiper,SwiperSlide}from'swiper/react'//引入Swiper样式import'swiper/swiper.min.css'console.log('slidechange')}//onSwiper该函数将返回所创建Swiper的一个实例。可以将此实例保存到state,然后对其调用所需的所有方法onSwip
- react轮播图swiper.js和antd走马灯的使用
咸鱼翻身不想当咸鱼
Reactandt前端react.jsswiperantdjavascript
本文主要记录两种方法的使用以及使用过程中遇到的问题。本来很久之前就要写了,一直拖着,结果第二次又踩坑了上次同样的问题,一定得记录下来提醒自己!一、Swiper这是swiper.js官网1、引入swiper和swiper样式//index.jsimportSwiperfrom'swiper'import'swiper/css/swiper.css';一定要记得引入样式,不然展示效果会有问题。不同版本
- React Swiper.js使用(详细版)3D聚焦特效,自定义导航按钮等
一路向阳~负责的男人
react.js前端swiper.js
共用代码import'swiper/css'import'swiper/css/navigation'import'swiper/css/pagination'import{Navigation,Pagination,Scrollbar,A11y,Autoplay,EffectCreative}from'swiper/modules';import{Swiper,SwiperSlide,}from
- swiper.js
不可妥协
swiper之vue.js中使用作者:子长 自从摒弃了mvc模式,不再从事展示型的网站建设,已经三年多没用过swiper.js了,至此它已经进行了几个大版本的更新,最新版本为swiper6。 今天突然需要用到滑动效果,瞬间想起了它,顺便来分享一下swiper在vue中的使用vue-awesome-swiper vue-awesome-swiper是swiper在vue框架下的一个npm包,使
- Vue使用Swiper组件制作轮播图
外星人_863d
最近在用Vue制作移动端项目,碰到了轮播图的制作,接下来就让小编一步一步带大家动作制作吧。1.下载安装包cnpminstallvue-awesome-swiper@3--save 因为版本不兼容的问题,这里指定下载的版本是3.xxx。第一次下载的时候可以先不指定,等到轮播图没有结果时再重新指定版本下载。 下载完成之后,要先将swiper.css和swiper.js放到自己的项目文件夹下,这
- Angular中使用Swiper
_LG_
项目使用的Angular版本是V6.0.3version.png安装Swipernpminstallswiper--save或者yarnaddswiper--save在angular.json文件添加swiper.js和swiper.cssangular.json安装模组定义档npminstall@types/swiper--save或者yarnadd@types/swiper--save配置ts
- vue3 swiper 中间大图 两边显示部分
山橘满月
vue3swiper前端javascript开发语言
swiper官网====》swiper安装步骤效果图:src/components下建一个swiper.js文件import{createApp}from'vue'constapp=createApp()import{Swiper,SwiperSlide}from'swiper/vue'//按需加载模块此处仅需分页及指示点importSwiperCore,{Navigation,Paginatio
- 移动端滑动切换图片demo
玛丽楠萌兔
如果可以引用库,建议使用swiper.js,方便,功能强大https://www.swiper.com.cn/以下代码仅供参考,适用于不想引用代码库,想要简单实现移动端无缝滑动的同学demo.pngswiperDemo*{margin:0;padding:0;}ul,ol{list-style:none;}.clearfix:before,.clearfix:after{content:"";di
- vue使用swiper插件vue-awesome-swiper实现轮播
咖啡豆6
第一步cnpminstallvue-awesome-swiper@3--save因为版本不兼容的问题,这里指定下载的版本是3.xxx。第一次下载的时候可以先不指定,等到轮播图没有结果时再重新指定版本下载。下载完成之后,要先将swiper.css和swiper.js放到自己的项目文件夹下,这两个文件的存放位置在dist-->css-->swiper.css/dist-->js-->swiper.js
- 小程序组件传值
wTMnsn
小程序
1、组件、插件、类库、框架组件:具有完整功能(html-视图,css-样式,js-逻辑),并且独立运行的模块插件:通常是为了完成某项具体的业务功能而开发的js文件例如:swiper.js,弹框.js,。。。。类库:library,是提供了为了完成项目的工具方法的集合,跟具体的业务无关!例如:jQuery,lodash.js框架:framework,分是为了快速完成项目搭建的基础。框架分:UI框架和
- vue + ts 实现轮播插件
Jiwenjie
背景最近在学习ts,打算用ts写一个练手项目,参照的网站内容是wanandroid,这个接触过android开发的同学可能更i了解一些,其实一开始是打算后台全部都自己写的,不过奈何一个懒字,所以现在的打算就是自己实现登录注册简单的逻辑。这些都不重要,一开始实现轮播是打算在vue中引入轮播图swiper.js,后来想想还是自己写算了。也当作熟悉ts。先上效果图(这里没有动态图片,各位同学可以自己实现
- nuxt.js+vue2.x使用swiper
相维变
安装swiper5,没有指定版本的话,默认安装最新的,vue2用不了
[email protected]在plugins目录下新建文件swiper.js,内容如下importVuefrom'vue'importVueAwesomeSwiperfrom'vue-awesome-swiper'exportdefault()=>{Vue.use(VueAwesomeSwi
- 手把手教你在react中使用swiper做轮播图
李现的小迷妹
[TOC]1.安装swipernpminstallswiper--save2.在轮播组件里引入swiper//引入此路径,才不会打包失败importSwiperfrom'swiper/dist/js/swiper.js';//引入样式,还可以加上自己的样式import'swiper/dist/css/swiper.min.css';3.在组件挂在完毕的时候,生成Swiper对象componentD
- 前端高效开发必备——常用js框架和第三方插件
一键写代码
JavaScript前端技术积累
轮播图1、swiper.js视频音频播放1、video.js时间日期处理1、moment.js图像浏览1、viewer.jsjQuery图像浏览插件2、cropper.jsjQuery简单且功能强大的图片剪裁插件3、lazy.js图片懒加载库4、PhotoSwipe-适用于移动和pc,模块化,框架独立的JavaScript图像库https://photoswipe.com/❤❤❤❤❤图表1、ech
- 修改Swiper 底部默认小点样式为任意字符串
云边小卖铺.
javascript
首先引入插件:swiper.css与swiper.js,地址下载Swiper-Swiper3|Swiper中文网css样式代码:html,body{background:#efefef;position:relative;height:100%;}body{background:#eee;font-family:HelveticaNeue,Helvetica,Arial,sans-serif;fo
- swiper设置不需要无缝滚动_解决swiper.js中无缝轮播的问题。
weixin_39719165
swiper设置不需要无缝滚动
根据公司需求需要对让轮播无间隙播放,类似这种效果:http://www.16sucai.com/upload...。因为偷懒用的是swiper.js插件编写的。swiper.js自动轮播的时候都会有自动停顿,各种调研都没有合适的方法,只有慢慢摸索。通过查看代码,发现.swiper-wrapper这个类中有个属性:transition-timing-function:ease;,修改swiper.j
- 学习Vue之旅:Day8——网易云实战遇到的问题
zhengsweet
Vuevue.jshtmlhtml5
目录如何下载后端写好的网易云api?如何安装?如何运行?api搞好之后,如何启动网易云仿写项目?如何做移动端?rem布局怎么理解?如何从iconfont引用图标到Vue项目中?在Vue中引入swiper.js:axios:如何调用后端的api来获取轮播图?通过api获取到banner图之后,如何展示在elementui的走马灯那个轮播图上?如何修改elementui的走马灯组件的dot/小圆点的样
- 微信小程序swiper-dot中的点如何改成滑块详解
目录背景目标效果思路实现swiper监听change自定义dot模块change事件中的逻辑写在最后本文主要介绍如何基于已有的组件(比如微信小程序的swiper,还有我们平时h5用的比较多的swiper.js等),实现一个滑块样式的指示面板。demo基于小程序,但是逻辑通用。背景最近要做一个新的小程序,在首页部分有一个swiper模块,因为设计同学的出色发挥,让我在枯燥的开发中得到了些许快乐。他们
- vue-awesome-swiper的用法&同一页面有多个swiper如何使用
Lofan93
前言:swiper.js的vue版api跟cdn引入事一样的api用法,共用官网那套api文档,此篇写下时,swiper.js的版本是Swiper4.x。这篇用的也是4.x的版本,注意swiper4.x跟swiper3.x的api用法有部分不同,详细请参考swiper官网。用npm安装:npminstallvue-awesome-swiper--save全局注册,main.js中importVue
- 移动端 轮播插件 swiper.js
black白先森
链接swiper.js项目中广泛用到,所以贴出来,自己遇到了坑点,先贴出你使用你使用的芒果你使用你使用的芒果尚你使用你使用的芒果尚尚用的1你使用的芒果尚未填写心得2你使用的芒果尚未填写心得3你使用的芒果尚未填写心得4varmySwiper1=newSwiper('.msg-swiper',{autoplay:2800,loop:true});跟官网写的一样简单,只要类名一个是swipe-slide
- Swiper.js插件超简单实现轮播图
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。超好用话不多说,直接上教程1、首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。请勿直接引入Swiper中文网的文件xx2、CSS样式.swiper-container{//你可
- 小程序的组件使用及组件传参
Tiam-2016
小程序
一、小程序组件复用组件是什么组件:具有完整功能(html-视图,css-样式,js-逻辑),并且独立运行的模块插件:通常是为了完成某项具体的业务功能而开发的js文件例如:swiper.js,弹框.js,。。。。类库:library,是提供了为了完成项目的工具方法的集合,跟具体的业务无关!例如:jQuery,lodash.js框架:framework,分是为了快速完成项目搭建的基础。框架分:UI框架
- Vue + ts实现轮播插件的示例
背景最近在学习ts,打算用ts写一个练手项目,参照的网站内容是wanandroid,这个接触过android开发的同学可能更i了解一些,其实一开始是打算后台全部都自己写的,不过奈何一个懒字,所以现在的打算就是自己实现登录注册简单的逻辑。这些都不重要,一开始实现轮播是打算在vue中引入轮播图swiper.js,后来想想还是自己写算了。也当作熟悉ts。先上效果图(这里没有动态图片,各位同学可以自己实现
- 菜鸟看前端(微信小程序自定义组件封装-轮播图的封装)
中庸之为德也,其至矣乎
自定义组件小程序
在根目录下新建components文件夹tip:所有文件都可以自定义名字在components文件夹下新建swiper文件夹,在文件夹内新建component新建完成后在swiper.wxml中写入在swiper.js中写入//components/w-swiper/w-swiper.jsComponent({/***组件的属性列表*///用来接收传入自定组件的数据properties:{imag
- 在react中使用swiper.js(v6)
leslie
react.jsjavascript
因为本人最近在使用react写mobilewebsites的时候需要用到滑动翻页的效果,于是想到找一个swiper来使用,然后看了几篇文章,大多都是在componentDidMount中使用new实例化的方式引入Swiper,自己使用的使用发现这些文章的内容只能实现手动滑动,于是就自己探索了一下,然后终于找到了解决办法。不多说,直接上代码吧importReactfrom'react';import
- vue项目中使用swiper.js
嗄哩露吖
vue
vue项目中使用swiper.js版本号:“swiper”:“^4.5.1”,swiper官网:https://www.swiper.com.cn/demo/index.html1、中间放大,两边缩小的swiper轮播图;页面接口代码:在需要的页面中引入importSwiperfrom"swiper";import"swiper/dist/css/swiper.min.css";initSwipe
- 微信小程序实现tab和swiper切换结合效果viewpage+tab效果
奋斗的蚂蚁299
微信小程序
swiper.js代码//index.js//获取应用实例varapp=getApp();varmtabW;Page({data:{tabs:["A","B","C","D","E"],//tob标题pageData:["pageA","pageB","pageC","pageD","pageE"],//page数据activeIndex:0,slideOffset:0,tabW:0,index:
- swiper改动之显示三个滑块,左右两个滑块露出一部分
this_ITBoy
原创
说到滚动轮播,很多人就会想到swiper.js这个插件,最近一个微信项目用的jQuery-weUI样式库,这个UI库的滚动轮播也是封装的swiper插件,直接引用虽然很简单,不过要是有一些特殊需求的话,还是需要自己去改造的,比如下图需求:可看到不仅只是滑动,还需要同时显示三个,中间一个全部显示,左右两个露出一部分,让用户看到,然后知道可以滑动。普通的swiper只能满足于一个个100%宽度显示然后
- 解线性方程组
qiuwanchi
package gaodai.matrix;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
public class Test {
public static void main(String[] args) {
Scanner scanner = new Sc
- 在mysql内部存储代码
annan211
性能mysql存储过程触发器
在mysql内部存储代码
在mysql内部存储代码,既有优点也有缺点,而且有人倡导有人反对。
先看优点:
1 她在服务器内部执行,离数据最近,另外在服务器上执行还可以节省带宽和网络延迟。
2 这是一种代码重用。可以方便的统一业务规则,保证某些行为的一致性,所以也可以提供一定的安全性。
3 可以简化代码的维护和版本更新。
4 可以帮助提升安全,比如提供更细
- Android使用Asynchronous Http Client完成登录保存cookie的问题
hotsunshine
android
Asynchronous Http Client是android中非常好的异步请求工具
除了异步之外还有很多封装比如json的处理,cookie的处理
引用
Persistent Cookie Storage with PersistentCookieStore
This library also includes a PersistentCookieStore whi
- java面试题
Array_06
java面试
java面试题
第一,谈谈final, finally, finalize的区别。
final-修饰符(关键字)如果一个类被声明为final,意味着它不能再派生出新的子类,不能作为父类被继承。因此一个类不能既被声明为 abstract的,又被声明为final的。将变量或方法声明为final,可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值,而在以后的引用中只能
- 网站加速
oloz
网站加速
前序:本人菜鸟,此文研究总结来源于互联网上的资料,大牛请勿喷!本人虚心学习,多指教.
1、减小网页体积的大小,尽量采用div+css模式,尽量避免复杂的页面结构,能简约就简约。
2、采用Gzip对网页进行压缩;
GZIP最早由Jean-loup Gailly和Mark Adler创建,用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
- 正确书写单例模式
随意而生
java 设计模式 单例
单例模式算是设计模式中最容易理解,也是最容易手写代码的模式了吧。但是其中的坑却不少,所以也常作为面试题来考。本文主要对几种单例写法的整理,并分析其优缺点。很多都是一些老生常谈的问题,但如果你不知道如何创建一个线程安全的单例,不知道什么是双检锁,那这篇文章可能会帮助到你。
懒汉式,线程不安全
当被问到要实现一个单例模式时,很多人的第一反应是写出如下的代码,包括教科书上也是这样
- 单例模式
香水浓
java
懒汉 调用getInstance方法时实例化
public class Singleton {
private static Singleton instance;
private Singleton() {}
public static synchronized Singleton getInstance() {
if(null == ins
- 安装Apache问题:系统找不到指定的文件 No installed service named "Apache2"
AdyZhang
apachehttp server
安装Apache问题:系统找不到指定的文件 No installed service named "Apache2"
每次到这一步都很小心防它的端口冲突问题,结果,特意留出来的80端口就是不能用,烦。
解决方法确保几处:
1、停止IIS启动
2、把端口80改成其它 (譬如90,800,,,什么数字都好)
3、防火墙(关掉试试)
在运行处输入 cmd 回车,转到apa
- 如何在android 文件选择器中选择多个图片或者视频?
aijuans
android
我的android app有这样的需求,在进行照片和视频上传的时候,需要一次性的从照片/视频库选择多条进行上传
但是android原生态的sdk中,只能一个一个的进行选择和上传。
我想知道是否有其他的android上传库可以解决这个问题,提供一个多选的功能,可以使checkbox之类的,一次选择多个 处理方法
官方的图片选择器(但是不支持所有版本的androi,只支持API Level
- mysql中查询生日提醒的日期相关的sql
baalwolf
mysql
SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(), dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
- MongoDB索引文件破坏后导致查询错误的问题
BigBird2012
mongodb
问题描述:
MongoDB在非正常情况下关闭时,可能会导致索引文件破坏,造成数据在更新时没有反映到索引上。
解决方案:
使用脚本,重建MongoDB所有表的索引。
var names = db.getCollectionNames();
for( var i in names ){
var name = names[i];
print(name);
- Javascript Promise
bijian1013
JavaScriptPromise
Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式,那么这意味着什么呢,读完下文你就了解了。
一.认识Promises
“Promises”代表着在javascript程序里下一个伟大的范式,但是理解他们为什么如此伟大不是件简
- [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程
bit1129
zookeeper
Zookeeper重载了几个构造函数,其中构造者可以提供参数最多,可定制性最多的构造函数是
public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
- 【Java命令三】jstack
bit1129
jstack
jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump),不同于jmap用于获得memory dump
[hadoop@hadoop sbin]$ jstack
Usage:
jstack [-l] <pid>
(to connect to running process)
jstack -F
- jboss 5.1启停脚本 动静分离部署
ronin47
以前启动jboss,往各种xml配置文件,现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename -b ip -g clustername -u broatcast jboss.messaging.ServerPeerID=int -Djboss.service.binding.set=p
- UI之如何打磨设计能力?
brotherlamp
UIui教程ui自学ui资料ui视频
在越来越拥挤的初创企业世界里,视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下,尤其对于 Web 初创企业而言,这两者都是不可或缺的。前不久我们在《右脑革命:别学编程了,学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。
1.找到自己的方式
如果你是设计师,要想提高技能可以去设计博客和展示好设计的网站如D-lists或
- 三色旗算法
bylijinnan
java算法
import java.util.Arrays;
/**
问题:
假设有一条绳子,上面有红、白、蓝三种颜色的旗子,起初绳子上的旗子颜色并没有顺序,
您希望将之分类,并排列为蓝、白、红的顺序,要如何移动次数才会最少,注意您只能在绳
子上进行这个动作,而且一次只能调换两个旗子。
网上的解法大多类似:
在一条绳子上移动,在程式中也就意味只能使用一个阵列,而不使用其它的阵列来
- 警告:No configuration found for the specified action: \'s
chiangfai
configuration
1.index.jsp页面form标签未指定namespace属性。
<!--index.jsp代码-->
<%@taglib prefix="s" uri="/struts-tags"%>
...
<s:form action="submit" method="post"&g
- redis -- hash_max_zipmap_entries设置过大有问题
chenchao051
redishash
使用redis时为了使用hash追求更高的内存使用率,我们一般都用hash结构,并且有时候会把hash_max_zipmap_entries这个值设置的很大,很多资料也推荐设置到1000,默认设置为了512,但是这里有个坑
#define ZIPMAP_BIGLEN 254
#define ZIPMAP_END 255
/* Return th
- select into outfile access deny问题
daizj
mysqltxt导出数据到文件
本文转自:http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/
为应用建立了rnd的帐号,专门为他们查询线上数据库用的,当然,只有他们上了生产网络以后才能连上数据库,安全方面我们还是很注意的,呵呵。
授权的语句如下:
grant select on armory.* to rn
- phpexcel导出excel表简单入门示例
dcj3sjt126com
PHPExcelphpexcel
<?php
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
if (PHP_SAPI == 'cli')
die('This example should only be run from a Web Brows
- 美国电影超短200句
dcj3sjt126com
电影
1. I see. 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too. 我也是。5. My god! 天哪!6. No way! 不行!7. Come on. 来吧(赶快)8. Hold on. 等一等。9. I agree。 我同意。10. Not bad. 还不错。11. Not yet. 还没。12. See you. 再见。13. Shut up!
- Java访问远程服务
dyy_gusi
httpclientwebservicegetpost
随着webService的崛起,我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用,但是如果使用webService框架自己的client包,那么必然需要在自己的代码中引入它的包,如果同时调运了多个不同框架的webService,那么就需要同时引入多个不同的clien
- Maven的settings.xml配置
geeksun
settings.xml
settings.xml是Maven的配置文件,下面解释一下其中的配置含义:
settings.xml存在于两个地方:
1.安装的地方:$M2_HOME/conf/settings.xml
2.用户的目录:${user.home}/.m2/settings.xml
前者又被叫做全局配置,后者被称为用户配置。如果两者都存在,它们的内容将被合并,并且用户范围的settings.xml优先。
- ubuntu的init与系统服务设置
hongtoushizi
ubuntu
转载自:
http://iysm.net/?p=178 init
Init是位于/sbin/init的一个程序,它是在linux下,在系统启动过程中,初始化所有的设备驱动程序和数据结构等之后,由内核启动的一个用户级程序,并由此init程序进而完成系统的启动过程。
ubuntu与传统的linux略有不同,使用upstart完成系统的启动,但表面上仍维持init程序的形式。
运行
- 跟我学Nginx+Lua开发目录贴
jinnianshilongnian
nginxlua
使用Nginx+Lua开发近一年的时间,学习和实践了一些Nginx+Lua开发的架构,为了让更多人使用Nginx+Lua架构开发,利用春节期间总结了一份基本的学习教程,希望对大家有用。也欢迎谈探讨学习一些经验。
目录
第一章 安装Nginx+Lua开发环境
第二章 Nginx+Lua开发入门
第三章 Redis/SSDB+Twemproxy安装与使用
第四章 L
- php位运算符注意事项
home198979
位运算PHP&
$a = $b = $c = 0;
$a & $b = 1;
$b | $c = 1
问a,b,c最终为多少?
当看到这题时,我犯了一个低级错误,误 以为位运算符会改变变量的值。所以得出结果是1 1 0
但是位运算符是不会改变变量的值的,例如:
$a=1;$b=2;
$a&$b;
这样a,b的值不会有任何改变
- Linux shell数组建立和使用技巧
pda158
linux
1.数组定义 [chengmo@centos5 ~]$ a=(1 2 3 4 5) [chengmo@centos5 ~]$ echo $a 1 一对括号表示是数组,数组元素用“空格”符号分割开。
2.数组读取与赋值 得到长度: [chengmo@centos5 ~]$ echo ${#a[@]} 5 用${#数组名[@或
- hotspot源码(JDK7)
ol_beta
javaHotSpotjvm
源码结构图,方便理解:
├─agent Serviceab
- Oracle基本事务和ForAll执行批量DML练习
vipbooks
oraclesql
基本事务的使用:
从账户一的余额中转100到账户二的余额中去,如果账户二不存在或账户一中的余额不足100则整笔交易回滚
select * from account;
-- 创建一张账户表
create table account(
-- 账户ID
id number(3) not null,
-- 账户名称
nam