- MxGraph上下文按钮实现
随风九天
前端mxgraph浮动按钮
1介绍mxGraph是一个强大的JavaScript图形前端库,可以快速创建交互式图表和图表应用程序,国内外著名的ProcessOne和draw.io都是使用该库创建的强大的在线流程图绘制网站.1.1编写顶点事件functionmxVertexToolHandler(state){mxVertexHandler.apply(this,arguments);};mxVertexToolHandler
- mxgraph创建流程实现简单的加减乘除
lost_wen
mxgraphmxgraph
html{min-width:800px;}body{margin:0auto;font-size:12px;height:550px;}input.form-control,button.btn{font-size:12px;height:25px;line-height:12px;}#container{width:100%;height:500px;overflow:hidden;backg
- Mxgraph的使用
爱蹦跶的大A阿
vuejavascriptvue.jsjson
本项目是基于mxGraph+vue设计的流程图编辑器,可用于流程图绘制,流程渲染等等;项目展示:推荐文章:GitHub源码地址:GitHub-lijiapeng0302/Mxgraph-EasyFlowEditor:基于mxGraph+vue设计的流程图编辑器以下是个人认为对上手mxgraph非常有帮助的文章:1.基于mxGraph的可视化环境组网设计器:https://github.com/ig
- jsPlumb、mxGraph和Antv x6实现流程图选型
前端蜗牛君
流程图mxGraphAntvx6jsPlumb
解决方案结合我们项目以及主流解决方案,提供以下几种方案:序号技术栈性质是否开源说明1jsPlumb国外框架社区版、商业版中台项目现有方案2mxGraph国外框架开源比较有名的开源绘图网站draw.io(和processOn类似),使用mxGraph进行开发的。3Antvx6国内框架开源阿里蚂蚁Antv产品,FineDataLink数据集成平台采用的方案,新版dolphinscheduler也已更换
- mxGraph 拓扑图插件
wolfies
前端框架javascriptmxgraph
js绘图主键,画流程图的,以前应该是收费的,现在开源了。断断续续接触了两个月,难在中文教程比较少,很多问题搜不到,大多都是翻官方例子找相关代码。官方文档官方提供用例API组件常量官方提供HelloWorldHello,World!exampleformxGraphmxBasePath='../src';//引入组件之前需要指定src位置<scripttype=
- 采用Mxgraph在Vue中开发流程图
简单点了
Vuevue.js流程图数据库
采用Mxgraph在Vue中开发流程图适用于可视化的展示树状图,以及当前选择的节点路径1.参考代码import{mxGraph,mxConstants,mxRectangle,mxGeometry,mxPoint,mxConnectionConstraint}from'mxgraph-js';exportdefault{name:'HelloWorld',mounted(){consttreeDa
- 最火前端 Web 组态软件 (可视化)
BY组态
前端
前言:随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。智能时代是工业4.0时代,我国工业领域正努力从“制造”迈向“智造”的新跨越。正文:1.mxgraph:介绍:开源免费,但是需要解决的问题很多,国内学习参考资料少。但是,可视化组态的实现基本都是借助于这个框架来实现的。演示demo:https://jgraph.github.io/mxgraph/j
- 【Mxgraph】Vue中使用mxgraph开发流程图工具
节省钱
可视化设计javascript前端可视化数据可视化vue.js
1.什么是mxgraphmxGraph是一个JavaScript图表库,可以快速创建交互式图形和图表应用程序,这些应用程序可以在其供应商支持的任何主要浏览器中运行。mxGraph提供图形绘制、图形可视化、图形交互、图形布局、图形分析等能力,适用于工作流程图、BPMN图、网络图、UML图、循环图、组织结构图、MindMap图、机架图、甘特图、信息图、平面图等绘制。mxGraph在2005年创建,作为
- mxgraph示例解析(-) drop图片拖拽入画板
JuvoS
drop图片拖拽入画板官方示例//Disablesthebuilt-incontextmenumxEvent.disableContextMenu(container);//Createsthegraphinsidethegivencontainervargraph=newmxGraph(container);//EnablesrubberbandselectionnewmxRubberband(
- mxgraph示例解析(二) animation动画实现
JuvoS
animation运动效果图官方示例.flow{stroke-dasharray:8;animation:dash0.5slinear;animation-iteration-count:infinite;}@keyframesdash{to{stroke-dashoffset:-16;}}functionmain(container){vargraph=newmxGraph(container)
- 编写基于maven的IDEA插件,实现根据现有代码生成流程图
超级大超越
mavenintellij-idea流程图
首先,我们需要使用maven框架搭建一个IDEA插件项目,并添加相应的依赖。可以参考如下的pom.xml文件:4.0.0com.examplemy-plugin1.0-SNAPSHOTintellij-plugincom.intellijopenapi2019.3com.intellijforms_rt7.0.3com.mxgraphmxgraph3.9.11org.jetbrains.intel
- vue中使用mxgraph插件流程图(第1弹)
高空飞行的风
vue.jshtml5javascriptes6css3
主要基本功能介绍最近需要开发一款营销流程图项目,需要各种节点流程任务的拖拽跑出数据结果,需要用到节点的增删改查,插销删除流程测试执行各种操作,于是发现了mxgraph这款插件。mxGraph是一款基于web的绘制流程图的javascript库工具英文官方网站:http://jgraph.github.io/mxgraph/docs/js-api/files/index-txt.htmlgitDem
- jsplumb实现流程图
jshan
本篇文章介绍使用jsplumb实现的一个流程图,将实现效果和代码贴到下面,由于初次使用jsplumb,代码写的比较粗糙。本文章的工程代码可以点击查看下载,欢迎一起讨论学习。流程图使用工具汇总jsPlumb,开源软件,推荐使用,参考学习链接:jsplumb学习笔记、基本概念、中文简易教程jTopomyflowGo.jsJointJS,属于商业软件mxGraphTWaver,属于商业软件,数据中心可视
- mxgraph的核心元素详谈
尔嵘
mxgraphmxgraph
前言:MxGraph是一个流行的开源图形库,它提供了一stopsolutionforcreatinggraphicalrepresentationsofdata。下面是MxGraph的核心源码讲解:正文:GraphStructure(图结构):MxGraph将一个图表示为一个层次结构,由节点和边组成。节点表示图中的顶点,而边表示它们之间的连接。通过为每个节点分配一个唯一的id,并为每个边分配一个唯
- vue中使用mxgraph
时间走了光
1、npm引入npminstallmxgraph--save2、这个模块可以使用require()方法进行加载。它将返回一个接受对象作为选项的工厂函数。必须将mxBasePath选项提供给工厂函数,而不是将其定义为一个全局变量。varmxgraph=require("mxgraph")({//以下地址不需要修改mxImageBasePath:"./src/images",mxBasePath:".
- 绘图框架(relation-graph、jsPlumb、mxGraph、GoJS、Vis.js)
蜗牛与藤曼
前端vue.js
绘图框架relation-graphrelation-graph支持Vue2、Vue3、React,但引入的包名称都是relation-graph网址jsPlumbjsPlumb有社区版跟收费版,下面提到的问题在收费版不一定存在。不稳定没有内置导航器(收费版是有这个功能的)没有智能布局功能没有做图层管理没有集成截图功能画布没有边界自动扩充功能mxGraph相较于jsPlumb更好GoJSGoJS是
- mxgraph vue 笔记(一)转
逍遥至尊灬寳
安装npminstallmxgraph--save新建index.js文件importmxfrom'mxgraph';constmxgraph=mx({mxImageBasePath:'./src/images',mxBasePath:'./src'});//decodebughttps://github.com/jgraph/mxgraph/issues/49window.mxGraph=mxg
- mxgraph示例解析(-) pagebreaks分页符
JuvoS
pagebreaks分页符效果图官方示例mxEvent.disableContextMenu(container);//Createsthegraphinsidethegivencontainervargraph=newmxGraph(container);graph.view.setScale(0.15);graph.pageBreaksVisible=true;graph.pageBreakD
- 可视化框架库(记录)
kkgo_
前言:随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。智能时代是工业4.0时代,我国工业领域正努力从“制造”迈向“智造”的新跨越。正文:1.mxgraph:介绍:开源免费,但是需要解决的问题很多,国内学习参考资料少。但是,可视化组态的实现基本都是借助于这个框架来实现的。演示demo:https://jgraph.github.io/mxgraph/j
- MXgraph用户手册-JavaScript客户端
迷茫的小程序员
1简介1.1产品介绍mxGraph是一系列以不同技术开发的工具库,旨在提供显示交互式的图表和图形的应用程序的功能。请注意,对于图形,我们是指数学图形,不一定单单指图表(虽然有些图形是图表)。参见后面的章节:“什么是图形?”的细节描述。作为一个开发库,mxGraph没有专门提供了一个现成的可以使用的应用程序,尽管其中的许多例子都接近可以直接使用。mxGraph提供mxGraph样式的所有通常所需的绘
- (转)mxgraph基础使用
fanjunguo
公司的项目用到mxgraph,大部分的使用同事都已经写好了。但是今天要我加一个新的功能,这让我想来整理下基本用法。如果哪天用到了,不至于无从下手文章从https://www.jianshu.com/p/1c52cdd24a2a转了大部分。后面补充了一下自己开发中用到的一些功能functionmain(container){//判断浏览器是否支持if(!mxClient.isBrowserSuppo
- 用图机器学习探索 A 股个股相关性变化
图数据库NebulaGraph
NebulaGraph数据库机器学习
在本系列的前文[1,2]中,我们介绍了如何使用Python语言图分析库NetworkX[3]+NebulaGraph[4]来进行中人物关系图谱分析。在本文中我们将介绍如何使用Java语言的图分析库JGraphT[5]并借助绘图库mxgraph[6],可视化探索A股的行业个股的相关性随时间的变化情况。数据集的处理本文主要分析方法参考了[7,8],有两种数据集:股票数据(点集)从A股中按股票代码顺序选
- Activiti7通过代码动态生成工作流实现详解
目录前言一.设计思路二.具体实现代码三.注意事项1.activiti-bpmn-layout.jar2.mxgraph-all.jar3.使用了layout和不使用的生成的图对比四.总结后话前言最近项目有用到Activiti工作流,但是需求有点特殊,需要通过参数去生成BPMN图,查阅了资料后,能实现简单的工作流生成,那接下来看看如何通过代码动态生成工作流的吧。一.设计思路1.以普通的请假流程为例(
- Web前端可视化绘图软件编辑器-汇总
IT博客技术分享
web前端可视化绘图软件编辑器html5
前言:随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。智能时代是工业4.0时代,我国工业领域正努力从“制造”迈向“智造”的新跨越。正文:1.mxgraph:介绍:开源免费,但是需要解决的问题很多,国内学习参考资料少。但是,可视化组态的实现基本都是借助于这个框架来实现的。演示demo:Grapheditormxgraph官方文档API:mxCell最大
- .NET 开源工作流: Slickflow流程引擎高级开发(十) -- BpmnJS流程设计器集成
slickflowteam
前言:在Slickflow产品开发过程中,前端流程设计器经历了几个不同的版本(jsPlumb,mxGraph等),目的是为了在设计流程时的用户体验更加良好,得到客户的好评和认可。BpmnJS流程设计器的集成,更加让客户体验到了优秀的前端流程设计器带来的改变。通过这篇文章的介绍,让我们来认识一下S
- 最热的前端Web组态工具(可视化)
及时雨-IT
工具类echarts数据可视化编辑器开发工具
现在系统可视化需求越来越大,本文整理几个目前最热的前端Web组态工具。1.mxgraph:介绍:开源免费,但是需要解决的问题很多,国内学习参考资料少。但是,可视化组态的实现基本都是借助于这个框架来实现的。演示demo:https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.htmlmxgraph官方文档A
- Twaver HTML5中的 CloudEditor 进行Angular2 重写
editor
TwaverHTML5中的CloudEditor进行Angular2重写背景业务进度紧迫,于是花费俩天时间对twaver的CloudEditor进行Angular2重写改造以实现twaver初始视图结构的引入;初识twavertwaver是一个商业闭源的绘图引擎工具,类似的开源产品有mxgraph,jointjs,raphael等;重写原因优点不增加引入三方件,manageone当前火车版本上已经
- ShowMeBug 黑科技丨一招快速实现架构绘图之鼠标同步
黑科技前端
根据工作习惯与经验了解,思维导图和多支线流程图一直面临一个最大的问题:只有作者才能从头到尾全部看懂。出现这种问题的原因在于,接收者不能跟上创作者从头到尾的思考创作过程。架构绘图就是在这样一个基础问题下产生,绘图库mxgraph加上showmebug的多端同步黑科技,诞生了showmebug独家的架构绘图板块,创作者可以从头到尾展示思考过程给接收者,最大程度突出创作者的特点。图层介绍mxgraph含
- js流程图antv-x6,gojs,mxGraph
antvmxgraph
js插件插件特色文档antv-x6优先推荐使用,开源代码免费,文档为中文中文文档demogojs有代码,可以个人使用,商业使用需要授权,兼容性比较好英文文档https://gojs.net.cn/samples/m...mxGraph开源免费代码,但是算法不怎么友好,复杂的流程不推荐使用英文文档http://jgraph.github.io/mxgraph/docs/manual.htmlantv
- 在线思维导图软件,在线uml软件
我爱小心怡
UML设计的前7个在线网站有很多选择创造性:在线图表和协作。支持几种建模语言在线uml软件Diagram.ly:Simpe易Draw.ioGliffy|在线图和流程图软件https://www.bullmind.com/Lucidchart在线创建UML图表MxGraph(基于JavaScript)在线思维导图软件
- 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题
何必如此
jsp超链接文件下载窗口
生成下载页面是需要选择“录入提交页面”,生成之后默认的下载页面<a>标签超链接为:<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
- 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析
bit1129
cluster
在分析源代码之前,首先对Standalone Cluster Mode的资源调度有一个基本的认识:
首先,运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下,Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU,这就需要Maste
- linux上独立安装部署spark
daizj
linux安装spark1.4部署
下面讲一下linux上安装spark,以 Standalone Mode 安装
1)首先安装JDK
下载JDK:jdk-7u79-linux-x64.tar.gz ,版本是1.7以上都行,解压 tar -zxvf jdk-7u79-linux-x64.tar.gz
然后配置 ~/.bashrc&nb
- Java 字节码之解析一
周凡杨
java字节码javap
一: Java 字节代码的组织形式
类文件 {
OxCAFEBABE ,小版本号,大版本号,常量池大小,常量池数组,访问控制标记,当前类信息,父类信息,实现的接口个数,实现的接口信息数组,域个数,域信息数组,方法个数,方法信息数组,属性个数,属性信息数组
}
&nbs
- java各种小工具代码
g21121
java
1.数组转换成List
import java.util.Arrays;
Arrays.asList(Object[] obj); 2.判断一个String型是否有值
import org.springframework.util.StringUtils;
if (StringUtils.hasText(str)) 3.判断一个List是否有值
import org.spring
- 加快FineReport报表设计的几个心得体会
老A不折腾
finereport
一、从远程服务器大批量取数进行表样设计时,最好按“列顺序”取一个“空的SQL语句”,这样可提高设计速度。否则每次设计时模板均要从远程读取数据,速度相当慢!!
二、找一个富文本编辑软件(如NOTEPAD+)编辑SQL语句,这样会很好地检查语法。有时候带参数较多检查语法复杂时,结合FineReport中生成的日志,再找一个第三方数据库访问软件(如PL/SQL)进行数据检索,可以很快定位语法错误。
- mysql linux启动与停止
墙头上一根草
如何启动/停止/重启MySQL一、启动方式1、使用 service 启动:service mysqld start2、使用 mysqld 脚本启动:/etc/inint.d/mysqld start3、使用 safe_mysqld 启动:safe_mysqld&二、停止1、使用 service 启动:service mysqld stop2、使用 mysqld 脚本启动:/etc/inin
- Spring中事务管理浅谈
aijuans
spring事务管理
Spring中事务管理浅谈
By Tony Jiang@2012-1-20 Spring中对事务的声明式管理
拿一个XML举例
[html]
view plain
copy
print
?
<?xml version="1.0" encoding="UTF-8"?>&nb
- php中隐形字符65279(utf-8的BOM头)问题
alxw4616
php中隐形字符65279(utf-8的BOM头)问题
今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.
调试:
1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题.
2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.
 
- 调用对象是否需要传递对象(初学者一定要注意这个问题)
百合不是茶
对象的传递与调用技巧
类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看
为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)
类和对象的基础概念:
JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
- JDK1.5 AtomicLong实例
bijian1013
javathreadjava多线程AtomicLong
JDK1.5 AtomicLong实例
类 AtomicLong
可以用原子方式更新的 long 值。有关原子变量属性的描述,请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中(如以原子方式增加的序列号),并且不能用于替换 Long。但是,此类确实扩展了 Number,允许那些处理基于数字类的工具和实用工具进行统一访问。
 
- 自定义的RPC的Java实现
bijian1013
javarpc
网上看到纯java实现的RPC,很不错。
RPC的全名Remote Process Call,即远程过程调用。使用RPC,可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例,从中可以看到RPC如何
- 【RPC框架Hessian一】Hessian RPC Hello World
bit1129
Hello world
什么是Hessian
The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
- 【Spark九十五】Spark Shell操作Spark SQL
bit1129
shell
在Spark Shell上,通过创建HiveContext可以直接进行Hive操作
1. 操作Hive中已存在的表
[hadoop@hadoop bin]$ ./spark-shell
Spark assembly has been built with Hive, including Datanucleus jars on classpath
Welcom
- F5 往header加入客户端的ip
ronin47
when HTTP_RESPONSE {if {[HTTP::is_redirect]}{ HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
- java-61-在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5,
bylijinnan
java
思路来自:
http://zhedahht.blog.163.com/blog/static/2541117420116135376632/
写了个java版的
public class GreatestLeftRightDiff {
/**
* Q61.在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差。
* 求所有数对之差的最大值。例如在数组
- mongoDB 索引
开窍的石头
mongoDB索引
在这一节中我们讲讲在mongo中如何创建索引
得到当前查询的索引信息
db.user.find(_id:12).explain();
cursor: basicCoursor 指的是没有索引
&
- [硬件和系统]迎峰度夏
comsci
系统
从这几天的气温来看,今年夏天的高温天气可能会维持在一个比较长的时间内
所以,从现在开始准备渡过炎热的夏天。。。。
每间房屋要有一个落地电风扇,一个空调(空调的功率和房间的面积有密切的关系)
坐的,躺的地方要有凉垫,床上要有凉席
电脑的机箱
- 基于ThinkPHP开发的公司官网
cuiyadll
行业系统
后端基于ThinkPHP,前端基于jQuery和BootstrapCo.MZ 企业系统
轻量级企业网站管理系统
运行环境:PHP5.3+, MySQL5.0
系统预览
系统下载:http://www.tecmz.com
预览地址:http://co.tecmz.com
各种设备自适应
响应式的网站设计能够对用户产生友好度,并且对于
- Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)
darrenzhu
jms事务承认MQacknowledge
JMS Message Delivery Reliability and Acknowledgement Patterns
http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/
Transaction and redelivery in
- Centos添加硬盘完全教程
dcj3sjt126com
linuxcentoshardware
Linux的硬盘识别:
sda 表示第1块SCSI硬盘
hda 表示第1块IDE硬盘
scd0 表示第1个USB光驱
一般使用“fdisk -l”命
- yii2 restful web服务路由
dcj3sjt126com
PHPyii2
路由
随着资源和控制器类准备,您可以使用URL如 http://localhost/index.php?r=user/create访问资源,类似于你可以用正常的Web应用程序做法。
在实践中,你通常要用美观的URL并采取有优势的HTTP动词。 例如,请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
- MongoDB查询(4)——游标和分页[八]
eksliang
mongodbMongoDB游标MongoDB深分页
转载请出自出处:http://eksliang.iteye.com/blog/2177567 一、游标
数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制,从shell中定义一个游标非常简单,就是将查询结果分配给一个变量(用var声明的变量就是局部变量),便创建了一个游标,如下所示:
> var
- Activity的四种启动模式和onNewIntent()
gundumw100
android
Android中Activity启动模式详解
在Android中每个界面都是一个Activity,切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。
Android总Activity的启动模式分为四种:
Activity启动模式设置:
<acti
- 攻城狮送女友的CSS3生日蛋糕
ini
htmlWebhtml5csscss3
在线预览:http://keleyi.com/keleyi/phtml/html5/29.htm
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
- 读源码学Servlet(1)GenericServlet 源码分析
jzinfo
tomcatWebservlet网络应用网络协议
Servlet API的核心就是javax.servlet.Servlet接口,所有的Servlet 类(抽象的或者自己写的)都必须实现这个接口。在Servlet接口中定义了5个方法,其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。
先看javax.servlet.servlet接口源码:
package
- JAVA进阶:VO(DTO)与PO(DAO)之间的转换
snoopy7713
javaVOHibernatepo
PO即 Persistence Object VO即 Value Object
VO和PO的主要区别在于: VO是独立的Java Object。 PO是由Hibernate纳入其实体容器(Entity Map)的对象,它代表了与数据库中某条记录对应的Hibernate实体,PO的变化在事务提交时将反应到实际数据库中。
实际上,这个VO被用作Data Transfer
- mongodb group by date 聚合查询日期 统计每天数据(信息量)
qiaolevip
每天进步一点点学习永无止境mongodb纵观千象
/* 1 */
{
"_id" : ObjectId("557ac1e2153c43c320393d9d"),
"msgType" : "text",
"sendTime" : ISODate("2015-06-12T11:26:26.000Z")
- java之18天 常用的类(一)
Luob.
MathDateSystemRuntimeRundom
System类
import java.util.Properties;
/**
* System:
* out:标准输出,默认是控制台
* in:标准输入,默认是键盘
*
* 描述系统的一些信息
* 获取系统的属性信息:Properties getProperties();
*
*
*
*/
public class Sy
- maven
wuai
maven
1、安装maven:解压缩、添加M2_HOME、添加环境变量path
2、创建maven_home文件夹,创建项目mvn_ch01,在其下面建立src、pom.xml,在src下面简历main、test、main下面建立java文件夹
3、编写类,在java文件夹下面依照类的包逐层创建文件夹,将此类放入最后一级文件夹
4、进入mvn_ch01
4.1、mvn compile ,执行后会在