本文主要分享关于组件化开发的理解,让刚入门的小伙伴少走一些弯路,提高开发效率,作者本人也是新手,如有不当之处,请大佬指出,感谢。
相信很多刚入门的小伙伴,经常会写很多重复的代码,而这些代码一般情况下也都是大同小异,在这种情况下,如何让开发和学习变得更加高效,组件化的思想就显得尤为重要。这里通过设计一个简单的弹出框,给小伙伴们分享组件化的应用。
组件&组件化
组件化是对某些可以进行复用的功能进行封装的标准化工作。组件一般会内含自身的内部UI元素、样式和JS逻辑代码,它可以很方便的在应用的任何地方进行快速的嵌入。组件内部可以使用其他组件来构成更复杂的组件。
在实际的开发中,我们应该避免去编写重复的代码,将精力放在更加核心的部分,因此就需要将这些重复的代码抽取出来,封装成公共的组件,提高开发效率,但同时也要注意组件的健壮性和可复用性,让它能够尽可能适应更多的场景。
基本结构
首先是弹出框的基本结构
基本结构很简单,稍微注意一点的就是 slot 插槽,如果没有提供name属性,它将有一个隐含的名字default,并且在父组件如果没有指定 slot 的 v-slot 属性的话,内容会传给default插槽。
在这里定义了 slot 的name属性 body ,这种的叫做具名插槽,会匹配 v-slot:body 的内容。
注意,在父组件中调用需要用 包裹,并且 元素中的所有内容都将被传入相应的插槽。
给弹出框加点样式
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
.mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.5;
}
.modal-dialog {
position: absolute;
top: 40%;
left: 50%;
width: 560px;
height: auto;
background-color: #ffffff;
transform: translate(-50%, -50%);
.modal-header {
height: 60px;
background-color: #F5F5F5;
padding: 0 25px;
line-height: 60px;
font-size: 16px;
.icon-close {
position: absolute;
top: 23px;
right: 25px;
width: 14px;
height: 14px;
background: url("/static/img/icon-close.png") no-repeat center;
background-size: contain;
}
}
.modal-body {
padding: 42px 40px 54px;
font-size: 14px;
}
.modal-footer {
height: 82px;
line-height: 82px;
text-align: center;
background-color: #F5F5F5;
}
}
}
我这里使用的是 scss ,使用的时候别忘了安装 node-sass 和 sass-loader ,现在我们的页面是这个样子了
虽然还是不太美观,但是已经基本上是一个弹出框的雏形了,并且我没有给 a 标记样式,原因在后面。
SCSS函数
回过头再看看上面的 css 代码,这里重复写了4次固定定位的代码,而且随着项目的推进,肯定还有更多类似的代码,何不将这些部分抽取出来,进行封装呢? scss 提供了这个功能,将 css 封装成函数,这里的函数直接会返回函数体。我们在遇到类似的情况时,就能够直接复用。
在 assets 目录下新建 scss 文件夹并在里面新建 mixin.scss ,在里面新建 position 函数,代码如下:
@mixin position($pos: absolute, $top: 0, $left: 0, $w: 100%, $h: 100%) {
position: $pos;
top: $top;
left: $left;
width: $w;
height: $h;
}
接着我们引入 mixin.scss ,用 position 函数替换我们原先的代码
通过@include方式使用 scss 函数: @include position(fixed); 括号里面的是参数。
关于按钮
每一个网站都有很多按钮,不过,同一个网站的按钮风格大多都是一样,无非是大小不一。因此可以单独在 scss 文件下新建 button.scss 然后在 App.vue 里面引入这个文件,在后面除了一些特别的样式,其它就不需要给按钮定义样式了,这样也便于维护。这里给出我的 button 文件,可以参考一下。
.btn {
display: inline-block;
width: 110px;
line-height: 30px;
text-align: center;
background-color: #FF6600;
color: #ffffff;
border: none;
cursor: pointer;
}
.btn-default {
background-color: #b0b0b0;
color: #d7d7d7;
}
.btn-large {
width: 202px;
height: 50px;
line-height: 50px;
font-size: 18px;
}
.btn-huge {
width: 300px;
height: 54px;
line-height: 54px;
font-size: 16px;
}
.btn-group {
.btn {
margin-right: 20px;
&:last-child {
margin-right: 0;
}
}
}
为了复用
当前这个弹出框还只是一个固定的结构,它并不能在其他地方复用,需要进行一些处理,将所有可变部分抽取出来,例如标题,按钮,内容。因为有插槽,所以内容就不用考虑,需要关注的是标题和按钮,因为标题有可能是提示,警告等等,按钮也有可能是确定、取消的一个或两个都有。而这些信息都是从父组件传递过来,需要用 props 接收。
在 props 里面添加如下代码,并给某些属性指定默认值:
props: {
// 弹框标题
title: String,
// 按钮类型: 1:确定按钮 2:取消按钮 3:确定取消
btnType: String,
// 按钮文本
sureText: {
type: String,
default: "确定"
},
cancleText: {
type: String,
default: "取消"
},
showModal: Boolean
}
添加完之后,还需重新改写代码
通过父组件传递的参数,来实现代码的重用,并且使用 $emit 来向外抛出自定义事件,然后在父组件实现自己的业务逻辑。
在 Home.vue 里面引入这个组件并调用
这里的 @submit 和 @cancle 就是我们在组件里面自定义的事件
最终效果如下
实现完之后,感觉有点弹出时生硬,没关系,我们给它加点动画,在css3中有 transform 和 transition 可以实现动画效果,但是我们这里使用 vue 内置组件 ,让弹出框有一个从上面弹出的效果。
transition组件
transition 组件可以为元素或组件添加过渡效果,只会把过渡效果应用到其包裹的内容上,而不会额外渲染 DOM 元素,也不会出现在可被检查的组件层级中。它可以通过多种方式进行过渡,在这里应用 class的方式过渡。
这幅图是 Vue 官方给出的图,简单来说,v-enter是动画开始的状态,v-enter-active进入过渡生效时的状态,v-enter-to是过渡的结束状态,leave同理,具体细节大家可以去 https://cn.vuejs.org/v2/guide/transitions.html查看。
当没有指定的name属性时,过渡的类名会默认以v作为前缀,这里给transition指定name为
slide并用它包裹modal组件
在style代码里面modal后面加上
&.slide-enter-active {
top: 0;
}
&.slide-leave-active {
top: -100%;
}
&.slide-enter {
top: -100%;
}
并且给modal指定需要过渡的属性
加完这个之后,弹出框就会有一个滑上滑下的动画啦。
到此,我们的弹出框就完成啦。
你也可以根据自己的需求去做适当的调整,开发出适合自己项目的弹出框。
最后
在实际开发中,组件化是尤为重要的,它能够帮助我们写出更高质量的代码,也能够让我们的代码更易于维护,尽早的树立组件化的思想,对写代码也是非常有帮助的。
附上https://github.com/anpeier/shop-online
到此这篇关于Vue组件化开发之通用型弹出框的实现的文章就介绍到这了,更多相关Vue 弹出框内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
你可能感兴趣的:(Vue组件化开发之通用型弹出框的实现)
PCM音频文件播放-PC软件推荐+android代码
superZhiChaoc
Android android 音视频 java
PCM音频文件播放PC工具推荐Audacity音频处理PC端可以播放PCM的软件,亲测可用,并且作者很贴心了附上了可下载的FFMPEG库,按照步骤导入即可。但是我发现一个问题,我这边的PCM播放的时候,速率不对,我需要按照0.5X速播放才是正常,其他的一切正常,还能看到波形图。android代码Androidpcm文件播放方法(AudioTrack)别的作者的,亲测可用。播放正常。下面是我本地的方
GMSL转eDP芯片MAX9686X(ADI)
qflook
芯片规格书 GMSL eDP 菊花链
一、简介MAX96860/MAX96862/MAX96864解串器可以把单路或双路GMSL转换成eDPV1.4a,支持820MHzPCLK的无压缩的24bpp(每个像素的位数)视频,或660MHz的30bpp视频。芯片的GMSL支持NRZ编码的6Gbps/187Mbps的GMSL2,PAM4编码的12Gbps/187Mbps的GMSL3。同时支持单线(COAX模式)双向全双工传输控制数据和vide
ELK - Hearthbeat实现服务监控
如锋
Architect ELK DevOps ELK Hearthbeat 服务监控 Kibana Uptime
Hearthbeat,心跳,顾名思义,Hearthbeat可以用来定时探测服务是否正常运行。Hearthbeat支持ICMP、TCP和HTTP,也支持TLS、身份验证和代理。Hearthbeat能够与Logstash、Elasticsearch和Kibana无缝协作。安装Hearthbeat,添加需要监控的服务,配置好Elasticsearch和Kibana,即可将结果输出到Elasticsear
HarmonyOS应用开发者高级试题005
code36
鸿蒙证书试题库 harmonyos 华为
一、判断题1、合理的动效可以帮助引导、取悦用户,减少等待时间,更能增加产品识别度,让用户舒适的的使用产品。T2、每一个自定义组件都有自己的生命周期。T3、所有使用@Component修饰的自定义组件都支持onPageShow,onBackPress和onPageHide生命周期函数。F4、一个页面可以存在多个@Entry修饰的组件。F5、用户首选项preferences是以Key-Value形式存
深入理解Spring MVC中的后缀模式匹配
t0_54manong
spring mvc java 个人开发
在SpringMVC开发中,RequestMappingHandlerMapping的setUseRegisteredSuffixPatternMatch()方法是一个容易被忽视但非常重要的配置选项。它决定了是否启用后缀模式匹配(即以.*结尾的路径匹配)。默认情况下,该选项为true,这意味着一个映射为/xyz的处理器也会匹配/xyz.abc或/xyz.abc.test等路径,但不会匹配xyzab
基于单片机的土壤温湿度控制系统
启初科技
嵌入式毕业设计 单片机 单片机毕业设计 单片机 嵌入式硬件
欢迎大家点赞、收藏、关注、评论啦,由于篇幅有限,只展示了部分核心代码。技术交流认准下方CSDN官方提供的联系方式文章目录概要一、系统功能设计二、系统的总体构架三、温度湿度控制系统硬件设计四、结论概要 由于其强大的功能和成熟的技术,单片机在市场上的应用范围十分广泛。例如,在控制系统或数据采集系统中,单片机起着核心作用。温度和湿度在生产生活中起十分重要的作用,因此,研究出能准确测量温度和湿度的系统,
golang 文件
千年死缓
golang 开发语言 后端
golang文件概念文件是计算机系统中用于存储和管理的数据集合,具有唯一的名称,存在于存储介质上,包含创建、修改等属性,通过文件系统进行组织,用户可进行读取、写入等操作文件流文件输入流(InputStream)定义:文件输入流是从文件到程序的数据传输路径。用途:用于从文件中读取数据操作:包括打开文件、读取数据、关闭文件等类型:可以是字节流(读取字节)或字符流(读取字符)文件输出流(OutputSt
HarmonyOS 鸿蒙开发DevEco Studio:HarmonyOS 测试框架
人工智能_SYBH
harmonyos 华为 鸿蒙开发 DevEco Studio 测试框架
目录HarmonyOSTest创建HarmonyOSTest测试用例运行HarmonyOSTest测试用例HarmonyOSJUnit单元测试创建HarmonyOSJUnit测试用例运行HarmonyOSJUnit测试用例DevEcoStudio支持HarmonyOS应用/服务测试框架,包含HarmonyOSTest和HarmonyOSJUnit测试能力。提供测试用例执行能力,提供用例编写基础接口
EXCEL和DBC互转工具
劉小帅
自动化 工具 dbc can qt
excel转dbc使用方法见https://blog.csdn.net/m0_56315547/article/details/121164420?spm=1001.2014.3001.5501此工具只作为参考,作者不对生成的数据进行负责,生成完毕后,请自行校对,如果因生成的数据造成损失,与作者无关本工具主要针对与can和canfd。dbc转excel当dbc为J1939时请自行校对版本记录1.0
C++ Primer 参数传递
c-c-developer
C++Primer c++
欢迎阅读我的【C++Primer】专栏专栏简介:本专栏主要面向C++初学者,解释C++的一些基本概念和基础语言特性,涉及C++标准库的用法,面向对象特性,泛型特性高级用法。通过使用标准库中定义的抽象设施,使你更加适应高级程序设计技术。希望对读者有帮助!目录6.2参数传递传值参数指针形参传引用参数使用引用避免拷贝使用引用形参返回额外信息const形参和实参指针或引用形参与const尽量使用常量引用数
C++ Primer 返回值和return语句
c-c-developer
C++Primer c++
欢迎阅读我的【C++Primer】专栏专栏简介:本专栏主要面向C++初学者,解释C++的一些基本概念和基础语言特性,涉及C++标准库的用法,面向对象特性,泛型特性高级用法。通过使用标准库中定义的抽象设施,使你更加适应高级程序设计技术。希望对读者有帮助!目录6.3返回类型和return语句无返回值函数有返回值函数值是如何被返回的不要返回局部对象的引用或指针引用返回左值列表初始化返回值主函数main的
基于canoe的bootload刷写程序
劉小帅
bootload c语言 单片机 mcu
基于canoe的bootload刷写程序这是我第一次在CSDN上发布自己的内容,之前一直借鉴别人的成果,这次也把我做的一个bootload代码发布出来供大家交流。自带注释,如有疑问可以在网上搜索或者咱们共同讨论。此次有两个难点,文件获取和crc_32校验。流程图如下源代码如下。/*@!Encoding:936*/includes{}variables{longmNewPage;message0x7
C++ Primer 运算符优先级表
c-c-developer
C++Primer c++
欢迎阅读我的【C++Primer】专栏专栏简介:本专栏主要面向C++初学者,解释C++的一些基本概念和基础语言特性,涉及C++标准库的用法,面向对象特性,泛型特性高级用法。通过使用标准库中定义的抽象设施,使你更加适应高级程序设计技术。希望对读者有帮助!目录4.12运算符优先级表4.12运算符优先级表表4.4:运算符优先级结合律运算符功能用法左::全局作用域::name左::类作用域class::n
max96712+max96717驱动调试
芒果520
SerDes 驱动开发 嵌入式硬件
最近进行多路3M模组同步出图调试,以防时间长了忘记,现将相应的调试步骤记录如下。该项目模组端所用的serializer为max96717,控制器端所采用的deserilalizer为max96712。MAX96712解串器将GMSL2或GMSL1串行输入转换为MIPICSI-2D-PHY或C-PHY格式的输出。该设备允许每个链路在进行正向视频传输时同时传输双向控制信道数据。MAX96712可以使用
【0185】PG内核客户端认证之HbaLine(5)
内核之道
# ▲ 初阶篇 PostgreSQL HbaLine 客户端认证文件 认证
文章目录1.回顾2.HbaLine机制2.1解析hba_lines2.1.1解析过程2.parse_hba_line()函数相关阅读:【0179】配置PostgreSQL以允许远程连接【0180】PG内核通过pg_hba.conf完成客户端认证(1)【0181】PG内核通过pg_hba.conf完成客户端认证(2)
【Redis】golang操作Redis基础入门
寸 铁
go 数据库 Redis redis golang 数据库 CRUD 基本操作 分布式 键值对
【Redis】golang操作Redis基础入门大家好我是寸铁总结了一篇【Redis】golang操作Redis基础入门sparkles:喜欢的小伙伴可以点点关注Redis的作用Redis(RemoteDictionaryServer)是一个开源的内存数据库,它主要用于存储键值对,并提供多种数据结构的支持。Redis的主要作用包括:1.缓存:Redis可以作为缓存系统,将常用的数据缓存在内存中,以
中电联协议对接互联互通实现充电桩小程序成熟搭建
玉阳软件yuyangdev_cn
小程序 中电联 互联互通充电
ICS35.240.60L73T/CEC中国电力企业联合会标准T/CEC102.3—2016电动汽车充换电服务信息交换部分:业务信息交换规范InteractiveofchargingandbatteryswapserviceinformationforelectricvehiclesPart3:Businessinformationexchangespecification2016-10-21发布
fastadmin后台使用websocket
玉阳软件yuyangdev_cn
workerman
直接使用gatewayworker。在backend-init.js中:断线重连、心跳检测define(['backend'],function(Backend){varsocket;//websocket的实例varlockReconnect=false;//避免重复连接reconnect();functiongetwebsocket(){//新建websocket的函数页面初始化断开连接时重新
C++primer第五版 函数重载及函数匹配
elma_tww
C++语法
函数重载即同一作用域内的几个函数名字相同但形参列表不同,注意,不允许两个函数除了返回类型外其他所有的要素都相同。在大多数情况下,我们容易确定某次调用应该选用哪个重载函数,然而,当几个重载函数的形参数量相等以及某些形参可以由其他类型转换得来时,就比较复杂了。函数匹配首先是确定候选函数和可行函数,再寻找最佳匹配。如果有且只有一个函数满足下列条件,则匹配成功:1.该函数每个实参的匹配都不劣于其他可行函数
MAX9295配置说明:高效视频传输与图像处理的利器
段惟果Edwin
MAX9295配置说明:高效视频传输与图像处理的利器【下载地址】MAX9295配置说明MAX9295配置说明项目地址:https://gitcode.com/Open-source-documentation-tutorial/5d74a项目介绍在现代视频传输和图像处理领域,高效、稳定的信号转换是关键。MAX9295芯片作为一款专为MIPI转GMSL2设计的芯片,凭借其卓越的性能和灵活的配置,成为
GMSL max9286应用参考原理图:硬件工程师的利器
杜文岱Igor
GMSLmax9286应用参考原理图:硬件工程师的利器【下载地址】GMSLmax9286应用参考原理图本仓库提供了一个名为“GMSLmax9286应用参考原理图”的资源文件。该文件详细展示了max9286芯片在GMSL(GigabitMultimediaSerialLink)系统中的应用原理图项目地址:https://gitcode.com/Open-source-documentation-tu
AWS ECS Fargate 实现批量启用部署断路器
flybirding10011
aws 服务器 云计算 运维
背景介绍在AWSElasticContainerService(ECS)中,部署断路器是服务滚动更新过程中的一项重要功能。它可以持续监控新版本任务的运行状况,判断它们是否已达到稳定状态。如果新版本任务无法正常运行,部署断路器将自动停止部署并回滚到先前的稳定版本,从而确保服务的高可用性。启用部署断路器是一种最佳实践,可以降低由于新任务定义部署失败而导致的服务中断风险。然而,手动为每个服务启用部署断路
AWS ECS Fargate 中处理部署失败事件
flybirding10011
aws 云计算
AWSElasticContainerService(ECS)是一项高度可扩展、高性能的容器编排服务,可轻松运行和扩展容器化应用程序。作为无服务器计算模式,Fargate允许您在AWS上运行容器,而无需管理底层EC2实例。然而,在滚动部署过程中,可能会出现部署失败的情况,这可能会影响应用程序的可用性和可靠性。本文将介绍如何使用AWSEventBridge和Lambda函数来监控和处理ECSFarg
vue3.x 的 toRef详细解读
黑码小帅
前端知识总结 vue.js javascript 前端 vue bootstrap less node.js
在Vue3.x中,toRef是一个用于创建响应式引用的工具函数。它可以将一个响应式对象的某个属性转换为一个独立的ref对象,同时保持与原始属性的响应式连接。以下是toRef的详细解读和示例。1.toRef的作用核心功能toRef用于从响应式对象(reactive对象)中提取一个属性,并将其转换为一个ref对象。这个ref对象会与原始属性保持同步:修改ref对象的值会更新原始属性,反之亦然。使用场景
OpenGL ES 文字渲染进阶--渲染中文字体
字节流动
OpenGL ES 3.0 OpenGL 文字渲染 C++ Android
旧文OpenGLES文字渲染方式有几种?一文中分别介绍了OpenGL利用Canvas和FreeType绘制文字的方法。无论采用哪种方式进行渲染,本质上原理都是纹理贴图:将带有文字的图像上传到纹理,然后进行贴图。渲染中文字体利用Canvas绘制中文字体和绘制其他字体在操作方式上没有区别,但是使用FreeType绘制中文字体,在编码方式、加载方式以及字体属性上面会有一些坑要踩,这里本人已经踩过,将在本
Golang使用redis实现分布式锁(redigo框架)
DDDerek~
golang redis 分布式
本文思路来自Wx公众号:小徐生先生的变成世界,原文地址分布式锁个人理解分布式锁是分布式服务器的单机锁,对于单机锁是保证服务器在同一时间只能有一个线程能访问该方法。但是对于分布式服务器来说,可能存在多台服务器接收用户请求,这样请求在不同服务器的数据就没办法通过单机锁来阻塞。所以才需要通过额外的组件,实现多服务器之间的管理。选型Redis的原因Redis高效且具备高可用性,当提供分布式锁服务的基础组件
sort快排
勾魂凉皮
算法 排序算法 c++
当然可以!让我们通过类似的详细步骤来解释快速排序(QuickSort)的原理和实现,就像之前解释a&=(a-1)的原理一样。快速排序(QuickSort)原理快速排序是一种高效的排序算法,其核心思想是分而治之。它通过选择一个“基准值”(pivot),将数组分为两部分:一部分包含所有小于基准值的元素;另一部分包含所有大于基准值的元素。然后,对这两部分分别递归地进行快速排序,最终整个数组变得有序。详细
PAT乙级真题 — 1087 有多少不同的值(java)
黄昏岭
算法 数据结构
当自然数n依次取1、2、3、……、N时,算式⌊n/2⌋+⌊n/3⌋+⌊n/5⌋有多少个不同的值?(注:⌊x⌋为取整函数,表示不超过x的最大自然数,即x的整数部分。)输入格式:输入给出一个正整数N(2≤N≤104)。输出格式:在一行中输出题面中算式取到的不同值的个数。输入样例:2017输出样例:1480思路:先找最大值——10000/2+10000/3+10000/5=10335,然后定义10335
C语言【基础篇】之简单语法——构建程序大厦的基石解析
EnigmaCoder
c c语言 开发语言
简单语法前言第一个程序分析✍️注释常量与变量强制类型转换️标识符与关键字scanf与printf介绍⚙️转义字符总结前言大家好!我是EnigmaCoder。本文收录于我的专栏C,希望能帮助到您!前文我们讲解了该如何搭建环境。链接:C语言【基础篇】之搭建环境——从新手到实战的必备前奏本文我们介绍一下C语言最基础的一些知识,为构建程序大厦打好基石。第一个程序分析HelloWorld程序分析#inclu
3G无线技术全面指南:基础、架构、应用与未来
啊湫湫湫丶
本文还有配套的精品资源,点击获取简介:3G无线技术是移动通信领域的一大跃进,提供比2G更高的数据速率和更丰富的服务内容。本资料包旨在全面介绍3G的关键知识点,包括但不限于3G标准、网络架构、数据传输速度、多媒体服务、CDMA原理、移动IP技术、QoS管理、演进至4G、网络部署、终端设备和安全性。学习这些内容有助于深入理解3G技术的发展及其在移动互联网时代的重要作用,并为应对未来通信技术的发展做好准
java线程的无限循环和退出
3213213333332132
java
最近想写一个游戏,然后碰到有关线程的问题,网上查了好多资料都没满足。
突然想起了前段时间看的有关线程的视频,于是信手拈来写了一个线程的代码片段。
希望帮助刚学java线程的童鞋
package thread;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date
tomcat 容器
BlueSkator
tomcat Web servlet
Tomcat的组成部分 1、server
A Server element represents the entire Catalina servlet container. (Singleton) 2、service
service包括多个connector以及一个engine,其职责为处理由connector获得的客户请求。
3、connector
一个connector
php递归,静态变量,匿名函数使用
dcj3sjt126com
PHP 递归函数 匿名函数 静态变量 引用传参
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Current To-Do List</title>
</head>
<body>
属性颜色字体变化
周华华
JavaScript
function changSize(className){
var diva=byId("fot")
diva.className=className;
}
</script>
<style type="text/css">
.max{
background: #900;
color:#039;
将properties内容放置到map中
g21121
properties
代码比较简单:
private static Map<Object, Object> map;
private static Properties p;
static {
//读取properties文件
InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
[简单]拼接字符串
53873039oycg
字符串
工作中遇到需要从Map里面取值拼接字符串的情况,自己写了个,不是很好,欢迎提出更优雅的写法,代码如下:
import java.util.HashMap;
import java.uti
Struts2学习
云端月影
最近开始关注struts2的新特性,从这个版本开始,Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。
配置文件精简了,的确是简便了开发过程,但是,我们熟悉的配置突然disappear了,真是一下很不适应。跟着潮流走吧,看看该怎样来搞定convention-plugin。
使用Convention插件,你需要将其JAR文件放
Java新手入门的30个基本概念二
aijuans
java 新手 java 入门
基本概念: 1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。 2.OOP中最重要的思想是类,类是模板是蓝图,
jedis 简单使用
antlove
java redis cache command jedis
jedis.RedisOperationCollection.java
package jedis;
import org.apache.log4j.Logger;
import redis.clients.jedis.Jedis;
import java.util.List;
import java.util.Map;
import java.util.Set;
pub
PL/SQL的函数和包体的基础
百合不是茶
PL/SQL编程函数 包体显示包的具体数据 包
由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,
函数;
函数:PL/SQL中的函数相当于java中的方法;函数有返回值
定义函数的
--输入姓名找到该姓名的年薪
create or re
Mockito(二)--实例篇
bijian1013
持续集成 mockito 单元测试
学习了基本知识后,就可以实战了,Mockito的实际使用还是比较麻烦的。因为在实际使用中,最常遇到的就是需要模拟第三方类库的行为。
比如现在有一个类FTPFileTransfer,实现了向FTP传输文件的功能。这个类中使用了a
精通Oracle10编程SQL(7)编写控制结构
bijian1013
oracle 数据库 plsql
/*
*编写控制结构
*/
--条件分支语句
--简单条件判断
DECLARE
v_sal NUMBER(6,2);
BEGIN
select sal into v_sal from emp
where lower(ename)=lower('&name');
if v_sal<2000 then
update emp set
【Log4j二】Log4j属性文件配置详解
bit1129
log4j
如下是一个log4j.properties的配置
log4j.rootCategory=INFO, stdout , R
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appe
java集合排序笔记
白糖_
java
public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{
private static final long serialVersionUID = -2958090810811192128L;
private int id;
private String nam
java导致linux负载过高的定位方法
ronin47
定位java进程ID
可以使用top或ps -ef |grep java
![图片描述][1]
根据进程ID找到最消耗资源的java pid
比如第一步找到的进程ID为5431
执行
top -p 5431 -H
![图片描述][2]
打印java栈信息
$ jstack -l 5431 > 5431.log
在栈信息中定位具体问题
将消耗资源的Java PID转
给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数
bylijinnan
函数
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
public class RandNFromRand5 {
/**
题目:给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数。
解法1:
f(k) = (x0-1)*5^0+(x1-
PL/SQL Developer保存布局
Kai_Ge
近日由于项目需要,数据库从DB2迁移到ORCAL,因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉,造成了很多麻烦,最主要的就是进入后,左边列表有很多选项,自己删除了一些选项卡,布局很满意了,下次进入后又恢复了以前的布局,很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段:
&n
[未来战士计划]超能查派[剧透,慎入]
comsci
计划
非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........
虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....
&nbs
Google Map API V2
dai_lm
google map
以后如果要开发包含google map的程序就更麻烦咯
http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html
找到篇不错的文章,大家可以参考一下
http://blog.sina.com.cn/s/blog_c2839d410101jahv.html
1. 创建Android工程
由于v2的key需要G
java数据计算层的几种解决方法2
datamachine
java sql 集算器
2、SQL
SQL/SP/JDBC在这里属于一类,这是老牌的数据计算层,性能和灵活性是它的优势。但随着新情况的不断出现,单纯用SQL已经难以满足需求,比如: JAVA开发规模的扩大,数据量的剧增,复杂计算问题的涌现。虽然SQL得高分的指标不多,但都是权重最高的。
成熟度:5星。最成熟的。
Linux下Telnet的安装与运行
dcj3sjt126com
linux telnet
Linux下Telnet的安装与运行 linux默认是使用SSH服务的 而不安装telnet服务 如果要使用telnet 就必须先安装相应的软件包 即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9,则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
PHP中钩子函数的实现与认识
dcj3sjt126com
PHP
假如有这么一段程序:
function fun(){
fun1();
fun2();
}
首先程序执行完fun1()之后执行fun2()然后fun()结束。
但是,假如我们想对函数做一些变化。比如说,fun是一个解析函数,我们希望后期可以提供丰富的解析函数,而究竟用哪个函数解析,我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。
我们可以在fu
EOS中的WorkSpace密码修改
蕃薯耀
修改WorkSpace密码
EOS中BPS的WorkSpace密码修改
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 201
SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】
hanqunfeng
SpringSecurity
SpringSecurity的配置相对来说有些复杂,如果是完整的bean配置,则需要配置大量的bean,所以xml配置时使用了命名空间来简化配置,同样,spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity,达到同样减少bean配置的目的,如下:
applicationContex
ie 9 kendo ui中ajax跨域的问题
jackyrong
AJAX跨域
这两天遇到个问题,kendo ui的datagrid,根据json去读取数据,然后前端通过kendo ui的datagrid去渲染,但很奇怪的是,在ie 10,ie 11,chrome,firefox等浏览器中,同样的程序,
浏览起来是没问题的,但把应用放到公网上的一台服务器,
却发现如下情况:
1) ie 9下,不能出现任何数据,但用IE 9浏览器浏览本机的应用,却没任何问题
不要让别人笑你不能成为程序员
lampcy
编程 程序员
在经历六个月的编程集训之后,我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。
说实话,我感觉我的脑细胞像被轰炸过一样。
手慢慢地离开键盘,心里很压抑。不禁默默祈祷:一切都会进展顺利的,对吧?至少有些地方我的回答应该是没有遗漏的,是不是?
难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗?
我需要一点点安慰。在自我怀疑,不安全感和脆弱等等像龙卷风一
马皇后的贤德
nannan408
马皇后不怕朱元璋的坏脾气,并敢理直气壮地吹耳边风。众所周知,朱元璋不喜欢女人干政,他认为“后妃虽母仪天下,然不可使干政事”,因为“宠之太过,则骄恣犯分,上下失序”,因此还特地命人纂述《女诫》,以示警诫。但马皇后是个例外。
有一次,马皇后问朱元璋道:“如今天下老百姓安居乐业了吗?”朱元璋不高兴地回答:“这不是你应该问的。”马皇后振振有词地回敬道:“陛下是天下之父,
选择某个属性值最大的那条记录(不仅仅包含指定属性,而是想要什么属性都可以)
Rainbow702
sql group by 最大值 max 最大的那条记录
好久好久不写SQL了,技能退化严重啊!!!
直入主题:
比如我有一张表,file_info,
它有两个属性(但实际不只,我这里只是作说明用):
file_code, file_version
同一个code可能对应多个version
现在,我想针对每一个code,取得它相关的记录中,version 值 最大的那条记录,
SQL如下:
select
*
VBScript脚本语言
tntxia
VBScript
VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。
VB家族语言简介
Visual Basic 6.0
源于BASIC语言。
由微软公司开发的包含协助开发环境的事
java中枚举类型的使用
xiao1zhao2
java enum 枚举 1.5新特性
枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.
1.定义一个简单的枚举类型
public enum Sex {
MAN,
WOMAN
}
枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.
2.常用方法
静态的values()方