- 工作流程设计 php,php工程狮感知的前端工作流程
三符
工作流程设计php
这个时代不懂点前端知识,真的没有办法生存。就算不会写,也得了解它的原理吧!最近做了一些总结,之前都是迷迷糊糊,搞不清楚前端之前的相关定位。好好梳理了一下。错误之处请各位指正。本文主要说的是JavaScript工作流程目前前端真的该叫大前端,其越来越细化,越来越复杂。在这种背景下,诞生了很多工具很多前端工作流程。比如热门的:reactvuewebpackbabelgulpnode.jsnpmnvma
- 数字科技3D全景展厅
jnfy
三维数字孪生系统3d3D展厅科技展馆数字展厅vue3+threejs室内全景
项目效果:基于vue3+threejs展厅3D可视化项目介绍:数字科技3D全景展厅,实现展厅室内720度全景漫游观看,点击展厅内的展品弹出框,图片被放大显示,以及实现点击具体展品,实现飞行定位到该展品前观察,点击展品显示放大图和详情信息。项目技术栈:vue3+threejscnpminstall安装所有依赖查看package.json可以知道npmrundev启动。
- vue页面导出为pdf文件
weixin_45907435
vue.jspdf前端
在后台管理项目中,想到把页面导出为pdf格式的文件,可以使用html2canvas和jspdf插件实现1、安装'html2canvas''jspdf'npminstallhtml2canvas--savenpminstalljspdf--save2、util.js文件中封装导出方法//引入依赖importhtml2canvasfrom'html2canvas'importJsPDFfrom'jsp
- nodejs中xmldom的使用方法
jedi-knight
webjavascript前端node.js
xmldom的使用方法xmldom是nodejs下读取xml文件的优秀模块。使用npm安装,命令行如下npminstallxmldom使用步骤:(1)将字符串转换为可操作的对象const{DOMParser}=require('xmldom')vardoc=newDOMParser().parseFromString(xmlData.toString(),//这里是xml字符串,可以从文件中读取'
- 【uni-app】Pinia 持久化
秀秀_heo
WebApp开发uni-appvue.js前端
小程序端Pinia持久化说明:Pinia用法与Vue3项目完全一致,uni-app项目仅需解决持久化插件兼容性问题。持久化存储插件安装持久化存储插件:pinia-plugin-persistedstatepnpmipinia-plugin-persistedstate插件默认使用localStorage实现持久化,小程序端不兼容,需要替换持久化API。基本用法import{defineStore}
- Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly.
shengyin714959
笔记javascriptreact.js前端
原因React路由版本问题,你可以查看自己的package.json文件,查看react-router-dom的版本,应该是6版本。在React-Routerv6版本中,Route更改了使用方式。//最新语法}/>}/>{/*5版本*/}解决1切换5点几版本npmireact-router-dom@5.2.02按照最新语法原因React路由版本问题,你可以查看自己的package.json文件,查
- Ubuntu 上安装和配置 Nexus Repository Manager
java 凯
ubuntulinux运维
在Ubuntu上安装和配置NexusRepositoryManager(SonatypeNexus)通常用于管理Maven、npm、Docker等包的私有仓库。以下是详细步骤:1.系统准备更新系统并安装必要依赖:在终端运行以下命令:sudoaptupdatesudoaptupgrade-ysudoaptinstall-ywgetopenjdk-11-jdkunzip确保安装了Java(Nexus需
- 终级解决:Error: Cannot find module ‘fs/promises‘
Defry
该原因主要是nodejs版本太低引起的1、将nodejs升级到v14.16.02、将npm升级到6.14.11完美解决附赠:node和npm对照表:https://nodejs.org/zh-cn/download/releases/nodejs各个版本下载地址:https://nodejs.org/dist/v13.14.0/
- npm插件开发-多组件(vue3+element-plus)
悄悄地秃头
npmvue.js前端javascriptelementui
1.项目初始化首先,创建一个新的项目目录并初始化package.json文件:mkdirmulti-component-plugincdmulti-component-pluginnpminit-y2.安装依赖安装Vue3和ElementPlus:npminstallvue@3element-plus3.项目结构搭建创建项目的基本结构,通常可以在src目录下创建各个组件的文件夹,以及一个用于导出所
- GraphQL实践篇二
GraphQL实践篇之Vue+GraphQL搭建客户端上一篇我们介绍了使用Nestjs+GraphQL搭建服务端,这篇文章记录使用Vue+GraphQL搭建客户端。客户端项目目录结构如下:安装首先我们先使用vue-cli新建项目,接着安装依赖:npminstallapollo-cache-inmemoryapollo-clientapollo-linkapollo-link-httpapollo-
- vue中实现数字滚动效果
a濯
vue.js前端javascript
安装vue-count-tonpminstallvue-count-to引入vue-count-toimportCountTofrom'vue-count-to'exportdefault{components:{CountTo},data(){return{startVal:0,endVal:2021,duration:2000,//动画持续时间,单位为毫秒decimals:0,//小数点后保留
- Node.js中的npm包:从入门到实践指南
前端Kingtato
Node.jsnode.jsnpm前端
目录一、npm的核心概念二、npm核心命令与工作流三、package.json深度解析四、高级技巧与最佳实践五、常见问题解决方案六、未来趋势在Node.js生态中,npm(NodePackageManager)是开发者不可或缺的工具。它不仅是全球最大的开源软件注册中心,更是项目依赖管理的核心。本文将深入解析npm的核心概念、使用方法及最佳实践,助你高效管理项目依赖。一、npm的核心概念什么是npm
- npm无法加载文件 因为此系统禁止运行脚本
冰墩墩1
nodejsvscodenode.jsnpm
安装nodejs后遇到问题:在项目里【node-v】可以打印出来,【npm-v】打印不出来,显示npm无法加载文件因为此系统禁止运行脚本。但是在win+r,cmd里【node-v】,【npm-v】都也可打印出来。解决方法:cmd里可以打印出来就不是环境变量的问题,那就是定位到注册列表的问题1.【get-ExecutionPolicy】显示Restricted,说明状态是禁止的2.更改状态:【set
- npm 常用命令大全
YD_1989
前端基础npm前端node.js
npm常用命令大全下载包npminstall清理缓存npmcacheclean--force查看当前配置npmconfiggetregistry设置淘宝镜像npmconfigsetregistryhttps://registry.npmmirror.com查看npm版本npm-vnpm设置超时时间npmconfigsetfetch-timeout600更新依赖更新包到最新版本。npmupdate更
- 【异常】npm run dev后提示Error: error:0308010C:digital envelope routines::unsupported
本本本添哥
007-大前端技术npm前端node.js
一、报错内容D:\Project\xxx\xxx>npmrundev>blue-whale-scenario-engine@0.11.0dev>vue-cli-serviceserveINFOStartingdevelopmentserver...95%emittingCompressionPluginERRORError:error:0308010C:digitalenveloperoutine
- nvm使用指定镜像安装node和npm包
星沉大海@T
Node.js前端npm前端node.jsnvm镜像
场景使用nvm时,默认的安装源经常碰到找不到可用版本的问题,这时就需要指定镜像源。比如如果你在学习鸿蒙ArkTs项目的开发,就需要指定从华为官方镜像上安装指定版本的node和npm包命令以windows为例,以管理员身份运行cmd工具,执行以下命令:#set"NVM_NODEJS_ORG_MIRROR=https://mirrors.huaweicloud.com/nodejs/"#set"NVM
- mac搭建ios自动化环境之WebDriverAgent配置
力先生
appium
一、WebDriverAgent1、简单介绍:WebDriverAgent是facebook为苹果公司开发的一款自动化测试工具,github上有下载资源;另外appium安装后也会自动安装自带的WebDriverAgent;可以用自带的,也可以从github下载并替换自带的;2、不同appium版本自带WebDriverAgent默认路径不同1)appium1.10.1之前版本:npm方式安装:/
- vue3 在线预览word文件
vue3word预览图
一、使用mammoth插件安装插件pnpminstallmammoth--save-dev使用importmammothfrom"mammoth";import{ref}from"vue";consthtmlContent=ref("");consthandleFileUpload=async(event)=>{constfile=event.target.files[0];if(file){co
- Node.js 实现简单爬虫
忆宸_1
node.jsnode.js爬虫
介绍爬虫是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本。本文将使用Nodejs编写一个简单的爬虫脚本,爬取一个美食网站,获取菜品的标题和图片链接,并以表格的形式输出。准备工作1、初始化项目首先,确保已安装Node,然后创建一个新的文件目录,运行以下命令初始化Node.js项目npminit-y2、安装依赖使用axios库来进行HTTP请求使用cheerio库来解析HTML内容使用node
- vue3项目中使用lodash
vue3lodash
1.安装lodashnpmilodash--save2.全局使用main.ts.......import_from'lodash'constapp=createApp(App)app.config.globalProperties.lodash=_;//设置全局变了3.界面使用......import{getCurrentInstance}from"vue"const{proxy}=getCurr
- vue3+vite项目h5/web配置浏览器自适应适配(postcss-px-to-viewport-8-plugin)
注意,项目中不要写行内样式vue3+vite项目配置适配H5主要安装一下两个插件:amfe-flexible(主要用于动态设置根元素字体大小(rem),以根据屏幕尺寸进行自适应布局)postcss-px-to-viewport-8-plugin(将px单位转换为rem)开始配置:第一步、安装amfe-flexible插件cnpminstallamfe-flexible--save第二步、在main
- vue3+vite项目,elementPlus自定义主题
vue3+vite配置elementPlus主题需要安装一下两个插件:unplugin-vue-componentsunplugin-auto-import开始配置:第一步、安装插件pnpminstall-Dunplugin-vue-componentsunplugin-auto-import//我这里使用pnpm安装,当然大家如果没有配置安装pnpm可以使用npm/cnpm第二步、配置插件(在v
- vue中使用lodash的debounce(防抖函数)
晚时之秋
vue.js前端javascript
1、安装npmi--savelodash.debounce2、引入importdebouncefrom'lodash.debounce'3、使用第一种:handleInput:debounce(function(val){console.log(val)},200)第二种:handleInput(val){console.log(val)}created(){this.handleInput=de
- monorepo代码管理框架
Lanwarf-前端开发
vue3vue.jsjavascript前端
1.新建vue3-component文件夹2.运行pnpminit3.pnpmivuetypescript4.新建.npmrcshamefully-hoist=truelink-workspace-packages=true5.ts文件配置pnpmtsc--init默认.bin路径下的tsc6.新建pnpm-workspace.yamlpackages:-'packages/**'#allpack
- npm、cnpm 、yarn、pnpm的优势点和缺点
米粒宝的爸爸
前端npm前端node.js
他们都是干什么的?npm、cnpm和yarn都是用于管理JavaScript项目依赖的工具。npm(NodePackageManager)官方性:由Node.js官方提供的默认包管理器。性能:在早期版本中,npm的安装速度较慢,因为它是串行安装依赖项的。不过,在后续版本中有所改进。缓存机制:npm从5.x版本开始有了更好的缓存机制,减少了重复下载的情况。锁文件:npm5引入了package-loc
- 智慧家政云服务平台(源码+文档+部署+讲解)
亥时科技
源代码管理数据库java开源
引言随着社会节奏的加快和生活水平的提高,家政服务需求日益增长。智慧家政云服务平台通过数字化手段,为家政服务提供了一个高效、透明的管理平台,从而提升家政服务的效率和质量。系统概述智慧家政云服务平台采用前后端分离的架构设计,服务端基于MySQL5.7+、JDK1.8+和Redis,前端则采用VUE2.6.14和element-ui2.15.6,并在NODE14.21.3(>=8.9)环境下运行,NPM
- Angular-hello world
杨晓风-linda
angular.js前端javascript
环境搭建-安装angular-cli用npm安装typescript和typingsnpminstall-gtypescripttypings安装angular-clnpminstall-gangular-cli@latestngnewProjectName//ProjectName为你的项目名,用此命令建立基本文件,然后强制终止cdProjectNamecnpminstall//下载node-m
- TypeScript
年纪轻轻只想躺平
typescriptjavascript前端
入门介绍:基于JS衍生,JS的超集,为限制JS的动态类型,TS为静态类型,减少项目BUG和后期维护成本安装node.js【去官网】,安装TypeScript编译器【安装node后,命令行去全局安装TS编译器】npmitypescript-g命令行工具,进入ts文件目录,输入…即可将ts转js,默认编译为es3,可通过配置编译器es3~es12+tsc文件名.ts变量定义#基本定义letstr:st
- vue3+vite使用Monaco-editor
小杨爱编程
实用技巧vue.js前端javascript
安装Monaco-editornpminstallmonaco-editor安装VitePluginMonacoEditorvdesjs/vite-plugin-monaco-editor-Vite中文文档npminstall--save-devvite-plugin-monaco-editorvite.config.ts:import{defineConfig}from'vite';import
- 【Vue】在Vue3中使用Echarts的示例 两种方法
祁许
vue.jsecharts前端vuetypescript
文章目录方法一template渲染部分js部分方法一实现效果方法二template部分jsorts部分方法二实现效果贴个地址~ApacheECharts官网地址ApacheECharts示例地址官网有的时候示例显示不出来,属于正常现象,多进几次就行开始使用前,记得先安装好echartnpminstallecharts--save以下代码我采用的都是vue文件内全部引入,是否按需引入看各自项目要求进
- Spring4.1新特性——综述
jinnianshilongnian
spring 4.1
目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
- Schema与数据类型优化
annan211
数据结构mysql
目前商城的数据库设计真是一塌糊涂,表堆叠让人不忍直视,无脑的架构师,说了也不听。
在数据库设计之初,就应该仔细揣摩可能会有哪些查询,有没有更复杂的查询,而不是仅仅突出
很表面的业务需求,这样做会让你的数据库性能成倍提高,当然,丑陋的架构师是不会这样去考虑问题的。
选择优化的数据类型
1 更小的通常更好
更小的数据类型通常更快,因为他们占用更少的磁盘、内存和cpu缓存,
- 第一节 HTML概要学习
chenke
htmlWebcss
第一节 HTML概要学习
1. 什么是HTML
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,它规定了自己的语法规则,用来表示比“文本”更丰富的意义,比如图片,表格,链接等。浏览器(IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。
打开记事本 输入一下内
- MyEclipse里部分习惯的更改
Array_06
eclipse
继续补充中----------------------
1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->
Activation triggers for java的右侧“.”就可以改变常用的快捷键
选中 Text
- 近一个月的面试总结
cugfy
面试
本文是在学习中的总结,欢迎转载但请注明出处:http://blog.csdn.net/pistolove/article/details/46753275
前言
打算换个工作,近一个月面试了不少的公司,下面将一些面试经验和思考分享给大家。另外校招也快要开始了,为在校的学生提供一些经验供参考,希望都能找到满意的工作。
- HTML5一个小迷宫游戏
357029540
html5
通过《HTML5游戏开发》摘抄了一个小迷宫游戏,感觉还不错,可以画画,写字,把摘抄的代码放上来分享下,喜欢的同学可以拿来玩玩!
<html>
<head>
<title>创建运行迷宫</title>
<script type="text/javascript"
- 10步教你上传githib数据
张亚雄
git
官方的教学还有其他博客里教的都是给懂的人说得,对已我们这样对我大菜鸟只能这么来锻炼,下面先不玩什么深奥的,先暂时用着10步干净利索。等玩顺溜了再用其他的方法。
操作过程(查看本目录下有哪些文件NO.1)ls
(跳转到子目录NO.2)cd+空格+目录
(继续NO.3)ls
(匹配到子目录NO.4)cd+ 目录首写字母+tab键+(首写字母“直到你所用文件根就不再按TAB键了”)
(查看文件
- MongoDB常用操作命令大全
adminjun
mongodb操作命令
成功启动MongoDB后,再打开一个命令行窗口输入mongo,就可以进行数据库的一些操作。输入help可以看到基本操作命令,只是MongoDB没有创建数据库的命令,但有类似的命令 如:如果你想创建一个“myTest”的数据库,先运行use myTest命令,之后就做一些操作(如:db.createCollection('user')),这样就可以创建一个名叫“myTest”的数据库。
一
- bat调用jar包并传入多个参数
aijuans
下面的主程序是通过eclipse写的:
1.在Main函数接收bat文件传递的参数(String[] args)
如: String ip =args[0]; String user=args[1]; &nbs
- Java中对类的主动引用和被动引用
ayaoxinchao
java主动引用对类的引用被动引用类初始化
在Java代码中,有些类看上去初始化了,但其实没有。例如定义一定长度某一类型的数组,看上去数组中所有的元素已经被初始化,实际上一个都没有。对于类的初始化,虚拟机规范严格规定了只有对该类进行主动引用时,才会触发。而除此之外的所有引用方式称之为对类的被动引用,不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用,即必须立即对类进行初始化。四种情况如下:1.遇到ne
- 导出数据库 提示 outfile disabled
BigBird2012
mysql
在windows控制台下,登陆mysql,备份数据库:
mysql>mysqldump -u root -p test test > D:\test.sql
使用命令 mysqldump 格式如下: mysqldump -u root -p *** DBNAME > E:\\test.sql。
注意:执行该命令的时候不要进入mysql的控制台再使用,这样会报
- Javascript 中的 && 和 ||
bijian1013
JavaScript&&||
准备两个对象用于下面的讨论
var alice = {
name: "alice",
toString: function () {
return this.name;
}
}
var smith = {
name: "smith",
- [Zookeeper学习笔记之四]Zookeeper Client Library会话重建
bit1129
zookeeper
为了说明问题,先来看个简单的示例代码:
package com.tom.zookeeper.book;
import com.tom.Host;
import org.apache.zookeeper.WatchedEvent;
import org.apache.zookeeper.ZooKeeper;
import org.apache.zookeeper.Wat
- 【Scala十一】Scala核心五:case模式匹配
bit1129
scala
package spark.examples.scala.grammars.caseclasses
object CaseClass_Test00 {
def simpleMatch(arg: Any) = arg match {
case v: Int => "This is an Int"
case v: (Int, String)
- 运维的一些面试题
yuxianhua
linux
1、Linux挂载Winodws共享文件夹
mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass
或
mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win
- Java lang包-Boolean
BrokenDreams
boolean
Boolean类是Java中基本类型boolean的包装类。这个类比较简单,直接看源代码吧。
public final class Boolean implements java.io.Serializable,
- 读《研磨设计模式》-代码笔记-命令模式-Command
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.Collection;
import java.util.List;
/**
* GOF 在《设计模式》一书中阐述命令模式的意图:“将一个请求封装
- matlab下GPU编程笔记
cherishLC
matlab
不多说,直接上代码
gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。
g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU
reset(g) %也可以清空GPU中数据。
a=1;
a=gpuArray(a); %将a从CPU移到GPU中
onGP
- SVN安装过程
crabdave
SVN
SVN安装过程
subversion-1.6.12
./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
- sql 行列转换
daizj
sql行列转换行转列列转行
行转列的思想是通过case when 来实现
列转行的思想是通过union all 来实现
下面具体例子:
假设有张学生成绩表(tb)如下:
Name Subject Result
张三 语文 74
张三 数学 83
张三 物理 93
李四 语文 74
李四 数学 84
李四 物理 94
*/
/*
想变成
姓名 &
- MySQL--主从配置
dcj3sjt126com
mysql
linux下的mysql主从配置: 说明:由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样,因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低, Master的版本肯定不能高于Slave版本。(版本向下兼容)
mysql1 : 192.168.100.1 //master mysq
- 关于yii 数据库添加新字段之后model类的修改
dcj3sjt126com
Model
rules:
array('新字段','safe','on'=>'search')
1、array('新字段', 'safe')//这个如果是要用户输入的话,要加一下,
2、array('新字段', 'numerical'),//如果是数字的话
3、array('新字段', 'length', 'max'=>100),//如果是文本
1、2、3适当的最少要加一条,新字段才会被
- sublime text3 中文乱码解决
dyy_gusi
Sublime Text
sublime text3中文乱码解决
原因:缺少转换为UTF-8的插件
目的:安装ConvertToUTF8插件包
第一步:安装能自动安装插件的插件,百度“Codecs33”,然后按照步骤可以得到以下一段代码:
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
- 概念了解:CGI,FastCGI,PHP-CGI与PHP-FPM
geeksun
PHP
CGI
CGI全称是“公共网关接口”(Common Gateway Interface),HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具,其程序须运行在网络服务器上。
CGI可以用任何一种语言编写,只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI
FastCGI像是一个常驻(long-live)型的CGI,它可以一直执行着,只要激活后,不
- Git push 报错 "error: failed to push some refs to " 解决
hongtoushizi
git
Git push 报错 "error: failed to push some refs to " .
此问题出现的原因是:由于远程仓库中代码版本与本地不一致冲突导致的。
由于我在第一次git pull --rebase 代码后,准备push的时候,有别人往线上又提交了代码。所以出现此问题。
解决方案:
1: git pull
2:
- 第四章 Lua模块开发
jinnianshilongnian
nginxlua
在实际开发中,不可能把所有代码写到一个大而全的lua文件中,需要进行分模块开发;而且模块化是高性能Lua应用的关键。使用require第一次导入模块后,所有Nginx 进程全局共享模块的数据和代码,每个Worker进程需要时会得到此模块的一个副本(Copy-On-Write),即模块可以认为是每Worker进程共享而不是每Nginx Server共享;另外注意之前我们使用init_by_lua中初
- java.lang.reflect.Proxy
liyonghui160com
1.简介
Proxy 提供用于创建动态代理类和实例的静态方法
(1)动态代理类的属性
代理类是公共的、最终的,而不是抽象的
未指定代理类的非限定名称。但是,以字符串 "$Proxy" 开头的类名空间应该为代理类保留
代理类扩展 java.lang.reflect.Proxy
代理类会按同一顺序准确地实现其创建时指定的接口
- Java中getResourceAsStream的用法
pda158
java
1.Java中的getResourceAsStream有以下几种: 1. Class.getResourceAsStream(String path) : path 不以’/'开头时默认是从此类所在的包下取资源,以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径,最终还是由ClassLoader获取资源。 2. Class.getClassLoader.get
- spring 包官方下载地址(非maven)
sinnk
spring
SPRING官方网站改版后,建议都是通过 Maven和Gradle下载,对不使用Maven和Gradle开发项目的,下载就非常麻烦,下给出Spring Framework jar官方直接下载路径:
http://repo.springsource.org/libs-release-local/org/springframework/spring/
s
- Oracle学习笔记(7) 开发PLSQL子程序和包
vipbooks
oraclesql编程
哈哈,清明节放假回去了一下,真是太好了,回家的感觉真好啊!现在又开始出差之旅了,又好久没有来了,今天继续Oracle的学习!
这是第七章的学习笔记,学习完第六章的动态SQL之后,开始要学习子程序和包的使用了……,希望大家能多给俺一些支持啊!
编程时使用的工具是PLSQL