- element实现动态路由+面包屑
软件技术NINI
vue案例vue.js前端
el-breadcrumb是ElementUI组件库中的一个面包屑导航组件,它用于显示当前页面的路径,帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中,如果你已经安装了ElementUI,就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例:安装ElementUI(如果你还没有安装的话):你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
- 第74讲Breadcrumb 面包屑实现
九品印相
分布式小程序电商2javascriptchrome开发语言
Breadcrumb面包屑实现为了实现二级路由,我们搞成搞个子路由,对于二级菜单constroutes=[{path:'/',name:'首页',component:()=>import('../views/layout'),redirect:'/home',children:[{path:'/home',name:'首页',component:()=>import('../views/home/
- vue 使用js实现面包屑中实现右击菜单,并通过右击菜单的命令实现关闭其他、关闭左侧和关闭右侧的功能
皮卡丘-杰尼龟
vue.jsjavascript前端
实现一个面包屑导航组件。面包屑导航用于显示当前页面的路径,并提供快速跳转到上级页面的功能,且可以通过右击菜单的命令实现关闭其他、关闭左侧和关闭右侧的功能{{item.name}}关闭当前关闭其他关闭右侧关闭左侧importBScrollfrom"better-scroll";exportdefault{created(){this.getBreadcrumb();},data(){return{l
- Visual Studio Code 1.27 发布,新特性来袭
OSC开源社区
来自:开源中国(oschina2013)VisualStudioCode1.27已发布,一些主要的更新亮点包括:Settingseditor-新的设置编辑器UI,用于发现,搜索和修改VS代码设置。Custommenubar-Windows和Linux上均可用的标题和菜单栏按钮。Breadcrumbsimprovements-使用breadcrumbs导航时突出显示的符号。NewTerminalme
- react+antd breadcrumb实现无限级面包屑
StupigYy
react.jsjavascriptecmascriptreact前端
上一篇说到了无限级菜单,那么为了用户能准确的知道自己所在的文件层级位置,breadcrumb面包屑无疑是最好的解决办法,还是用上次的无限级菜单数据数组this.testArray=[{id:'1',name:'建筑物',parentId:'-1'},{id:'2',name:'居民楼',parentId:'1'},{id:'3',name:'办公楼',parentId:'1'},{id:'4',n
- vue3+ts+vite自定义组件上传npm流程
lyj168997
npmvue3typescript
1.创建项目npmcreatevite这里踩坑点:运行vite生成的vue项目时报错“SyntaxError:Unexpectedtoken'??='at“是因为node版本过低电脑为windows11系统,我当时使用的版本node版本是14.21.3,如下图,后边安装了nvm版本管理,现在使用的node版本为16.20.1,运行项目正常2.写组件这里为个人组件内容breadcrumb/index
- 火腿焦糖菊苣
阿咪少女
serves66人份材料:6endives,cutinhalflengthways6只菊苣,纵向对半切40gunsaltedbutter40克无盐黄油4tspcastersugar4茶匙精砂糖50gsourdoughbreadcrumbs50克面包屑70gParmesancheese,freshlygrated70克帕尔马奶酪,新鲜且磨碎的2tbspthymeleaves2汤匙百里香叶子120ml
- vue.js创建网站实例3
hifhf
web前端
修改vue-admin-template的左侧菜单,和顶部菜单1.修改顶部菜单,修改src/layout/components/Navbar.vue修改src/components/Breadcrumb/index.vue找到matched=[{path:'/dashboard',meta:{title:'Dashboard'}}].concat(matched)修改title值修改顶部左上角的l
- vue电商后台管理系统—实现商品分类以及分类管理功能
Minnor
vue前端vue.jselementui
商品管理菜单下的商品分类子菜单商品分类1.新建goods_cate子分支新建分支并推送到码云2.创建子级路由在component文件夹中新建一个goods文件夹存放商品管理相关组件,新建Cate.vue子组件;在router/index.js中导入子组件并定义子路由规则,注意,路径是浏览器地址栏中的路径名,这里是/categories3.绘制商品分类组件的基本页面结构BreadCrumb面包屑导航
- 短视频SEO询盘获客系统源码,抖音矩阵询盘系统软件开发
矩阵源码_Muoyu111
短视频矩阵系统开发大数据矩阵
一、自研框架及技术开发背景:抖音账号矩阵系统是一种基于数据分析和管理的全新平台,能够帮助用户更好地管理、扩展和营销抖音账号。部分源码分享:icfunctionindexAction(){//面包屑$breadcrumbs=[['title'=>'AI视频创意','link'=>'#zhyy'],['title'=>'工作台','link'=>'/video/index'],];$this->bui
- Vue3+Element-Plus 实现用户列表页面的UI结构及动态加载表单功能 三一
m0_67391683
前端htmluivue.js前端
1.用户列表组件UI结构的组成1.1头部是一个面包屑(Breadcrumb)导航区域1.2白色区域是一个卡片(Card)视图1.3卡片(Card)视图中嵌套了输入框(Input)、按钮(Button)、表单(Form)、分页(Pagination)Breadcrumb面包屑|ElementPlus(gitee.io)[这里是图片002]https://element-plus.gitee.io/z
- vue3——封装面包屑功能组件
晨曦的杂货铺
一.为什么需要面包屑面包屑导航(BreadcrumbNavigation)这个概念来自童话故事“汉赛尔和格莱特”,当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。看完上面的介绍,相信各位已经理解了面包屑组件的使用场景了。对的,没错,是用来记录我们点击了哪些页面,方便我们再返回之前某一个页面。当网页进行了多次跳转后,用户可能早
- 带参数路由面包屑的实现
thinshootout
Programming
主要参考:https://segmentfault.com/a/1190000010574901改进:VUEX用于组件间通信。此问题无需进程间通信。面包屑最后一级(当前路由页面)应该是无链接状态。最简代码(使用element组件库):{{item.name}}{{item.name}}exportdefault{created(){this.getBreadcrumb()},data(){retu
- Warning: [antd: Breadcrumb] `Breadcrumb.Item and Breadcrumb.Separator` is deprecated. Please use `it
鋜斗
前端bugreact.js
文章前言错误场景问题分析解决方案后言前言✨✨他们是天生勇敢的开发者,我们创造bug,传播bug,毫不留情地消灭bug,在这个过程中我们创造了很多bug以供娱乐。前端bug这里是博主总结的一些前端的bug以及解决方案,感兴趣可以看一下,有不同方案可以在评论区提出正文开始错误场景react+vite+antdesignantdesign版本是:^5.10.2react版本:^18.2.15vite版本
- 组件-Element— Breadcrumb (面包屑)
ForeverJPB.
组件---ElementElement
组件-Element—Breadcrumb(面包屑)组件—面包屑基础用法首页活动管理活动列表活动详情图标分隔符首页活动管理活动列表</el-bread
- 前端react后端springcloud,mybatis-plus 实现打印
魔晰
前端react.js前端框架
第一前端传值第二后端查询数据第三后端铺表格下面是要实现打印功能,这个是要打印的图片:这个是最后实现的样子:前端实现一个打印按钮:import{Breadcrumb,Button,Table}from'antd'import{ColumnsType}from'antd/es/table'import{Main}from'common/components/Main'import{isoDate}fr
- vue iview table表格 render函数 自动合并单元格
kingrome2009
rendervue.jsviewdesignjavascript
{{breadcrumbName}}基本信息-->{{item.userName}}-->{{items.userName}}{{item.dictValue}}按合同编号添加提交取消importaxiosfrom"axios";import_from"lodash";importmomentfrom"moment";import{isEmail}from"@/utils/validate";im
- layui——element模块
lxw1005192401
前端框架layui-tab
介绍对页面中一部分元素(tab、progress、nav、breadcrumb、collapse)的操作需要处理接口,layui统一放到element模块处理;1预设元素属性我们通过自定义元素属性来作为元素的功能参数,他们一般配置在容器外层;element模块支持的元素如下表:属性名可选值说明lay-filter任意字符事件过滤器(公用属性),主要用于事件的精确匹配,跟选择器是比较类似的。lay-
- 如何隐藏woocommerce 后台header,woocommerce-layout__header
fobweb
woocommerce后台header
如何隐藏woocommerce后台header,woocommerce-layout__headerWooCommerce|ProductsStoreActivity|Inbox|Orders|Stock|Reviews|Notices|breadcrumbs在functions.php里添加如下代码即可://DisableWooCommerceHeaderinWordPressAdminadd_
- vue3后台管理系统之顶部tabbar组件搭建
LL1018。
vue.jsjavascript前端
1.1静态页面搭建importBreadcrumbfrom'./breadcrumb/index.vue'importSettingfrom'./setting/index.vue'exportdefault{name:'Tabbar',}.tabbar{width:100%;height:100%;display:flex;justify-content:space-between;//back
- 利用Bootstrap的面包屑组件实现面包屑层次分级导航效果
昊虹AI笔记
Bootstrapbootstrap前端html
目录01-相关基础知识02-一个简单的示例03-改变面包悄中的层级分隔符01-相关基础知识可以用类breadcrumb实现面包屑层次导航效果。当使用Bootstrap构建网页时,breadcrumb类用于创建面包屑导航(breadcrumbnavigation),这是一种可视化导航元素,通常用于指示用户当前页面在网站层次结构中的位置。面包屑导航以层次结构形式显示,通常采用类似“Home>Produ
- elment自定义样式(scss)
也有1點儿想你
CSSvue.jselementuijavascript
//coversomeelement-uistyles.el-breadcrumb__inner,.el-breadcrumb__innera{font-weight:400!important;}.el-upload{input[type="file"]{display:none!important;}}.el-upload__input{display:none;}//tofixedhttps
- 面包屑对格林童话里的兄妹没有帮助,但对你的网站有
Bytebase
数据库运维DBA开发者数据库管理DevOps
早上看产研周报的时候瞄到一眼「面包屑」三个字,因为是个面包脑袋,所以快速识别到了这几个字,在我的认知里,面包屑和Bytebase好像并不对付?其实这里说的是面包屑导航啦,加上图是不是容易理解一点!为什么叫面包屑Breadcrumb面包屑导航源于格林童话《汉赛尔和格莱特》(别名:《糖果屋历险记》《糖果屋》),汉赛尔和格莱特在森林里留下一串面包屑方便找回家的路(不幸的是,后来鸟儿来了吃掉了他们的面包屑
- vue+element常用组件
LL1018。
vue.jselementuijavascript
常用element组件Radio单选框Select选择器Cascader级联选择器DateTimePicker日期时间选择器Upload上传Form表单Table表格Tag标签Pagination分页Alert警告Loading加载MessageBox弹框Tabs标签页Breadcrumb面包屑Dialog对话框Table表格用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作
- react ant-design实现导航菜单menu的路由设置/切换页面
March_liang
前端react.js前端javascript
ant-design版本是5.1.1,路由版本是v6的新版本的导航菜单路由设置与旧版的不太一样,刚开始的时候甚至不知道该怎么写实现效果:代码:importReact,{useState}from'react';import{DesktopOutlined,EditFilled,PieChartOutlined,}from'@ant-design/icons';import{Breadcrumb,L
- 抖音账号矩阵系统开发源码----技术研发
云罗互动yx898978
抖音seo账号矩阵系统短视频矩阵源码抖音seo源码短视频矩阵源码智能剪辑算法
一、技术自研框架开发背景:抖音账号矩阵系统是一种基于数据分析和管理的全新平台,能够帮助用户更好地管理、扩展和营销抖音账号。抖音账号矩阵系统开发源码部分源码分享:icfunctionindexAction(){//面包屑$breadcrumbs=[['title'=>'AI视频创意','link'=>'#zhyy'],['title'=>'工作台','link'=>'/video/index'],]
- element-ui面包屑的实现(可适用于嵌套路由)
椒盐大肥猫
vueelement面包屑vuex嵌套路由
别方,先看一下效果~接下来是实现的方式思路:首先在路由的meta中设置breadNumber字段,‘一级页面’不设置breadNumber(因为大部分页面是一级页面,所以就不设置了~),‘二级页面’设置breadNumber=2,‘三级页面’设置breadNumber=3,以此类推…在面包屑的页面监听路由,路由变化时则触发面包屑数据处理事件,数据处理详细在getBreadcrumb方法面包屑数据处
- Yii笔记-面包屑小部件使用
李楠30
使用Yii的bootstrap布局可以快速搭建一个美观的后台管理系统,默认布局文件(layouts/main.php)中是设置好了面包屑的小部件。isset($this->params['breadcrumbs'])?$this->params['breadcrumbs']:[],])?>在模板中使用的时候只要给$this->params['breadcrumbs]数组赋值就可以了。params[
- vscode中setting.json配置
青春未末
{//tab大小为2个空格"editor.tabSize":2,//编辑器换行"editor.wordWrap":"off",//保存时格式化"editor.formatOnSave":true,//开启vscode文件路径导航"breadcrumbs.enabled":true,//prettier设置语句末尾不加分号"prettier.semi":false,//prettier设置强制单引号
- 什么是面包屑导航?
前端VC
笔记设计规范
面包屑导航(BreadcrumbNavigation)这个概念来自童话故事“汉赛尔和格莱特”,当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。在网站应用中,面包屑导航的作用就是帮助访问者确定自己处在网站中的什么位置以及如何返回到原来的位置。对于用户而言,这个导航辅助工具可以更轻松地在网站上查找内容,帮助用户定位在你网站上的位置
- 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题
何必如此
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 ,执行后会在