IBM Websphere Portal 主题与皮肤开发

IBM Portal 开发系列讲座：

 

IBM Websphere Portal 主题与皮肤开发

 

北京东华合创数码科技公司 郑文平

 

内容简介：

Portal的主题与皮肤开发说穿了还是普通jsp的开发，只不过大量使用了ibm自带的标签库，开发起来显得比较麻烦。但是，如果您深刻洞悉了与主题、皮肤相关的这几个文件之间的调用关系，使用起来就能运用自如了。这里是作者从大量的项目经验中总结出的几点体会，贡献出来，希望与大大家分享。

在这篇文章里我想从以下几个方面来介绍websphere portal的主题与皮肤开发：

1、初级入门：什么是Portal的主题与皮肤开发？

2、中级开发：如何更换Portal系统的logo图标；

3、中级进阶：开发个性化的主题；

4、高级探索：开发自适应分辨率的主题与皮肤；

5、高手过招：更改Portal系统的登录方式；

6、Portal的皮肤开发简介。

 

一、初级入门：Portal的主题与皮肤开发：

 

要了解如何开发portal的主题，首先要了解websphere portal的显示流程。IBM WebSphere Portal 使用不同的 Java Server Page（JSP）、级联样式表（Cascading Style Sheet，CSS）和图像来显示门户页面。它使用位于X:/WebSphere/AppServer/installedApps/YourComputerName /wps.ear/wps.war 目录下 themes、skins 和 screens 目录中的 JSP 来构造门户页面。这些目录中的每一个都包含 html、wml 和 chtml 子目录，WebSphere Portal 将它们用于服务不同客户机，例如桌面浏览器和移动设备。我们这里以通常使用的html方式下的主题开发为例，介绍Portal的主题开发。

 

用于显示门户页面的 JSP 流程：本文描述了缺省主题定义的 Default.jsp、Head.jsp 、AdminLinkBarInclude.jsp、 ToolBarInclude.jsp、PlaceBarInclude.jsp、PageBarInclude.js以及延伸出来的PageBeginInclude.jsp、 PageEndInclude.jsp的内容和流程。下面简单介绍这几个jsp。注意：这部分内容属于最初级的开发，您要弄懂这些介绍，必须具备一定的jsp基础、css基础和标签库的基础，最好做过相应的开发。

1、Default.jsp：

所有屏幕聚集都从 Default.jsp 开始。用于缺省主题的 Default.jsp 位于wp_root/app/wps.ear/wps.war/themes/html。这个 JSP 包含其它用于显示标题、公司徽标、工具栏的 JSP 以及用于往可用位置及页面植入内容的 JSP。在 Default.jsp 的末尾处，screenRender JSP 标记选择被请求的屏幕（例如 login 或 forgotpassword）。以下介绍的jsp是以这样的顺序先后调用的。

2、Head.jsp

Head.jsp 生成标题并嵌入指向样式表文件的链接。它还定义了支持 BIDI（双向）文本所需的变量。这个 JSP 的内容将在这里描述。您也可以通过在这里定死portal网站的标题，这比IBM公布的以标签的方式写来的容易，也更易使用。如果您开发了多套主题，而且这几套主题的page title如果也一样的话（除了虚拟门户，一般是这样子），您可以把这几个文件放到themes/html的根目录下，其他主题的default.jsp都来调用这个文件就可以了。

 

3、AdminLinkBarInclude.jsp

        AdminLinkBarInclude.jsp主要用来显示了“新建页面”、“编辑页面”、“分配页面许可权”三个标签

4、ToolBarInclude.jsp

ToolBarInclude.jsp 显示欢迎消息以及为用户提供的链接工具栏。门户网站上显示什么样的链接工具栏取决于用户上下文。例如，登录的用户看到“我的门户网站”、“管理”（尽管理员可见）、“编辑我的‘概要文件’”、“注销”等之类的链接；而注销的用户看到 “忘记密码”、“登录”、“帮助” 之类的链接。

5、PlaceBarInclude.jsp

PlaceBarInclude.jsp用来显示一级菜单，即“首页”、“文档管理器”、“公司概况”、“业务简介”等，属于最高层的目录，您在任何一个一级菜单上都可以通过“新建页面”来创建二级菜单，你创建的内容将被存储到数据库（原始使用的是cloundscape），您也可以把它倒入到db2、oracle等任何一个portal所支持的数据库中，此内容将在我的下一篇文章中详细论述，这里不再一一提及。

 

6、PageBarInclude.jsp

用来显示二级菜单，当您点击一级菜单中的任一标签时，系统会调用该文件，并检索出该菜单的所有子菜单，默认显示在PlaceBar的下面。

 

二、中级开发：如何更换Portal系统的logo图标；

1、Default.jsp的工作原理：

 

 我们看这个例子，Default.jsp大致上将Portal系统的默认页面划分为这样一个表格：

 

表-1： Default.jsp总体调用效果

 

PageBegin: 用来显示页面生成以前的提示文字，例如：Portal系统正在加载，请稍候……

Portal系统主体部分：用来显示详细的Portal页面；

PageEnd.jsp用来显示页面生成以后的东西。例如公司版权信息等。

 

表-2：Portal系统正文部分的调用关系：

徽标部分，在default中调用	我的门户菜单，在ToolBar中调用 个性化菜单，在AdminLink中调用
Portal的Body部分，用来显示各个portlet以及高层次的三级菜单。
页面的结尾，用来显示公司版权信息等。

  

 

2、换一个logo：

  打开Default.jsp，您会开到一个表格，在表格的左上角，有这样一段语句，用来显示默认主题的Logo徽标：

 

  width="100%" valign="top" align="<%=bidiAlignLeft%>" nowrap>

        

             

     

   上面已经介绍过，整个Portal系统的页面由Default.jsp分割成一个大的表格，用来显示或者调用不同的jsp。我们在这个大表格的最左上角化出一个,用来显示公司的徽标。这段语句就是在这个单元格内插入一个图片，叫做Logo.gif。

明白了吗？您可以将这个文件名改称您想插入的任意一张图片的名字，只要将这张图片放到.war/images/目录下就可以了。这里支持几乎所有的图片格式，您可以任意摆放，大小、位置等都有您说了算。到这里，您可能已经想到了：那么，我养插入一个Flash呢？别着急，下面将会提到这点。

3、用flash作logo：

      用Flash作徽标是个不错的注意，它可以使您的门户网站看起来更丰富、生动一些。但是，Flash，也就是.swf格式的文件，是不能直接通过这种方式来插入的，因为我们的浏览器并不能识别它。要插入一个动画，必须位置制定相应的驱动。您可以用以下这段代码，为之生成：

 

  border="0" cellpadding="0" cellspacing="0" height="81" valign="middle" align="left">

 

这里在插入了一个名字为firstpagelogo.swf的影片做公司徽标，他的大小是 510*81，请将这个影片文件放在.war/images目录下，重启服务器，看看您的首页上，是不是已经出现了？

 

三、中级进阶：开发个性化的Portal主题

1、理解、开发各级菜单；

Default.jsp调用PlaceBarInclude.jsp文件来显示一级菜单，如果一级菜单下面还有二级菜单，那么当您点击该一级菜单是，Default将调用PageBarInclude.jsp来显示二级菜单。当然，您也可以不再调用该文件，那么系统将缺省调用Portlet的皮肤里面的LayerContainer.jsp文件，用来以三级菜单代替二级菜单，这便是个性化的左侧管理菜单。

打开这两个文件，您会发现里面的内容非常简单。请看下面的清单：

l         首先由这样一个标签：

        意思是如果菜单时可用的，那么当您登录进去以后将执行如下操作。使用这句代码，必须引入Portal的标签库，具体的过程这里不再赘述。接下来绘制了一个表格，用来显示里面的操作。表格内的内容，下面将作介绍。

l         菜单的左右协调：如果您一共定义了十几个一级菜单，而一栏只能显示8个，剩下的菜单怎么办？我们在这里放置了两个三角形的小图标，如果右边还有更多的菜单，小图标会自动出现，当您点击时，就会显示出剩余的菜单。  具体的代码是通用的，这里不再赘述。我们需要强调的是：菜单条在这里支划分为两种情况：一是选中的情况下，一是为选中的情况下，即：

     

       

这里用来显示选中该菜单的情况下该菜单条的显示方式。

       

这里用来显示未选中该菜单的情况下该菜单条的显示方式。

例如：

  Background="<%= wpsBaseURL %>/images/title_back01.jpg" height="30">                                                      

        border="0" src='<%= wpsBaseURL %>/images/b01.jpg' alt="">

<%= com.ibm.wps.model.LocaleHelper.getTitle((com.ibm.portal.Localized)wpsNavNode, com.ibm.wps.engine.RunData.from( pageContext.getRequest()).getLocale())%>

                  

  border="0" src='<%= wpsBaseURL %>/images/b01.jpg' alt="">

 我们首选添加一张背景图片，然后左侧放一张前缀，中间打印该菜单条的名字，后面又放一张图片做后缀，这样整个菜单条看起来就非常漂亮了。

l         接下来是显示工具栏的情况下：

这里的操作将使具有权限的用户通过点击这张图片，直接编辑相应的portal页面。不过据笔者的开发经验，大部分的用户会隐藏掉这个入口，以免引起管理上的混乱，具体的开发内容将在以后的文章中提及，智利将不再详细介绍。

l         最后的代码用来显示系统收藏夹：

当您登录后，会发现在一级菜单的最右边多出一个“我的最爱”的东西，这是portal系统自带的收藏夹，您可以通过这个入口将自己喜欢的页面添加到您的收藏夹，然后您就可以通过点击这里直接进入到你收藏的页面了。

 

 

2、开发个性化工具栏

      要获得个性化的工具栏，您可以修改ToolBarInclude.jsp这个文件。这个文件提供了Portal管理员进到管理界面的入口。

在这里你可以编辑自己的“概要文件”，就个人的用户信息，修改自己的姓名、密码等。更深一层的话，您可以在这里显示欢迎信息，例如张三同志登录后，会打印出：“欢迎您，张三同志！”的语句。要实现这个功能实际上非常简单，请看：

       

               

                     

                           

                           

                     

                

         

当然，您需要引入相应的标签库，具体的应用属于普通的jsp开发，您可以参照平常的开发经验去实现。

3、开发个性化的管理标签

     所谓的个性化指的是，您可以删掉管理标签的一个或者多个，也可以根据喜好添加自己需要的标签。这需要您来修改AdminLinkBarInclude.jsp文件。例如：

  valign="middle" align="<%=bidiAlignRight%>" nowrap>

                        

                                 

                           

                

    这段代码用来显示“新建页面”的管理标签，通过电机这个标签，您可以为当前页面创建一个子页面。同理，您可以个性化“编辑页面”和“分配页面权限”，当然，您也可以之间隐藏掉这个入口。

 

四、高级探索：开发自适应分辨率的主题与皮肤

1、开发1024下的主题

     刚安装完Portal系统后，刚才介绍的几个jsp会在默认的.war/theme目录下，您可以新建一个文件夹，将这几个jsp文件拷贝至该目录下，然后在管理界面下添加该主题。该主题默认下就是1024的。您可以开发多套主题，注意：请充分利用一些公共的资源，例如这些主题可能使用的是同样的版权信息，这样，您可以将PageEnd.jsp页面放到themes/entention下，然后让所有的主题调用这个文件。

当然，为了保险起见，您可以在Default.jsp最外层的表格中这样写死：

  

        

   

具体的调用！

 

2、开发800分辨率下的主题

     开发800下的主题说穿了非常简单，您可以会出这么一个表格：

       

            

        

将Default.jsp中最外层的table里面所有的内容拷贝到这里！

      将这个表格覆盖到原来Default.jsp文件中最外层的表格就可以了。注意：在default.jsp中调用的各个文件中，可能都有表格存在，如果这些表格中有的宽度超过了800，或者两个并列一行的表格宽度超过了800，请适当调小。

3、开发1024和800下自适应得主题

     要开发自适应的主题就更简单了！请设定一个变量w,先写一个JavaScript，用来读取客户端的浏览器分辨率，如果是800的，则给给变量赋值w=800，反之如果是1024的，就给赋值为w=1024。剩下的事，不用我说了吧！

五、高手过招：更改Portal系统的登录方式；

 1、从首页上登录

      您需要用wsad开发一个portlet，并在jsp中写一个代理，将用户凭证提交给系统自带的认证action中。这个portlet可以这样来设计：

       //如果没有登陆的情况下，提醒用户输入它的用户名与密码：

               

    

     用户按下“登录“后，将用户名和密码提交到系统自带的action中：

    //在这里将用户名和密码付给系统自带的登录框。

  //如果已经登陆了，可以显示用户的常用信息，比如，读取用户的Lotus邮箱，然后显示他哟年级封邮件等：

  
         

 甚至，您可以利用url-mapping自定义几个页面，从首页上直接进入到您的业务系统（如上）。

  这样的话，您甚至可以封死portal页面右上角自带的“登录”标签，也许您会问我又想用系统自带的页面呢？没关系，您也可以在浏览器中输入：http://machinename:9081/wps/myportal，当然，干脆您直接输入一个错误的用户名和密码，系统自然后带您会带系统自带的页面了。

 2、拒绝从系统自带的登录界面

      但是在上面这种情况下，可能会出现这种情况：当用户名或者密码错误的时候，系统会返回到系统自带的登录框上面，为避免这种情况，您可以封死这个开关。这个非常简单，我在这里顺便一提：

      系统自带的登录页面是.war/screen/html下的login.jsp文件，您可以删掉该文件里的所有内容，然后加入这么一句：

 呵呵，是不是带您又回到了首页呢？是的，确实如您所想，这样就封死了系统自带的登录页面。如果您的用户名和者密码错误，或者您通过myportal直接调用，都不起作用了吧！系统会带您回到首页的登录界面，请重新输入！  

 3、遗留问题：

   在实际开发中，您也许会发现还有其他一些意想不到的问题，是的，这个地方确实有许多值得注意的地方，也许只有您亲自来试过了，才知道其中的玄机。我也希望在开发中大家相互交流，把发现的好地方贡献出来，大家一起分享。好吧，祝您成功！

 

六、Portal的皮肤开发简介

1、该改portlet的标题背景图片

     非常简单，请找到.war/skin/html下，发现系统已经呆了好几套皮肤，打开其中任意一个文件夹，您都能发现这个文件：

Control.jsp。这里面也是一个table。该table有两行：第一行用来显示portlet的标题，后面是最大化、最小化、编辑按钮；第二行是portlet的body，用来显示portlet的内容。要换掉portlet标题的背景图片其实非常简单：在第一个里面加上这么一句代码：

   

    一切OK！

2、隐藏掉“最大化”、“最小化”、“还原”等图标。

                                    

                        

       这段代码是用来显示“最小化”按钮，不用说，直接去掉就行了！同理，您可以对此做任何编辑。

3、高级：加入个性化的左侧管理菜单

在skin目录下看到这个文件了吗？LayeredContainer.jsp不错，就是它，它是一个表格：

该表格左侧就是三级菜单（您如果再Default.jsp中部调用PageBar的话，这就是二级菜单了）。右边呢，则是整个Portal系统得Body部分，显示了所有的portlet。不晓得IBM为什么要这样安排，似乎有点不合理。不过，趋势是在这里修改的，可能是把它看作一个容器了吧！在左侧的表格部分，您可以向编辑普通的网页一样，只要您稍微有些美工知识，就可以随心所欲的制作出个性化的管理菜单了。

4、高级：与CSS结合，开发出漂亮的效果。

 

   看上面的效果，是不是非常飘亮？其实这很简单，看LayeredContainer.jsp这个文件，下面是他的表格，稍微加一些CSS，就能实现这种效果了。如：

width="100%" >。

当然，这需要素质比较高的美工配合，也需要工程师在长期的开发中仔细琢磨。再次祝您在Portal开发中信手拈来、出神入化！

 

参考资料：

1、 Sukumar Konduru 顾问软件工程师 达拉斯，IBM Developer Technical Support Center 先生的论文：了解 WebSphere 门户网站如何显示门户页面 — 第 I 部分：描述 Default.jsp、Head.jsp 和 ToolBarInclude.jsp

        2、IBM系列红皮书。

        

致谢：

作者在开发及写作中得到了 赵建业 先生的大力帮助，IBM 公司李 女士、 王 女士， 曹 先生、 丁 先生、 陈 先生、 胡 先生的大力帮助，在此一并鸣谢。

 

作者简介：郑文平，北京东华合创数码科技公司软件工程师，Portal信息化专员，长期从事Portal（尤其是IBM Websphere Portal）开发，曾参与并引领了北京驰普企业门户、山东新汶矿务局远程调度系统、中国石化齐鲁公司综合数据平台、北京供电局等多个Portal项目的开发。

您可以通过 [email protected]或者[email protected]与作者取得联系。作者的msn是：[email protected]。

你可能感兴趣的:(websphere,ibm,portlet,jsp,border,table)

• SpringMVC的执行流程
  1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型（完成业务逻辑：有javaBean构成，service+dao+entity）V-View视图（做界面的展示jsp，html……）C-Controller控制器（接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架，SpringMVC=Struts2+Spring，
• 深入理解 Tomcat Wrapper 原理 北漂老男人 Tomcattomcatjava
  深入理解TomcatWrapper原理一、引言在Tomcat的分层容器架构中，Wrapper作为最底层的容器，专门负责管理单个Servlet的生命周期及请求分发。每一个Servlet（包括JSP、Filter等）都对应一个Wrapper。Wrapper是Servlet规范与Tomcat容器实现之间的桥梁，直接关系到请求的分发效率、Servlet的加载与重用、安全隔离等。本文将系统剖析Wrapper
• 魔搭平台实战：手把手教你训练SDXL模型，解锁AI绘画新纪元 Liudef06小白 特殊专栏AIGC人工智能AI作画人工智能AIGC
  魔搭平台实战：手把手教你训练SDXL模型，解锁AI绘画新纪元随着多模态AI技术的爆发式发展，StableDiffusionXL（SDXL）等文生图模型正在彻底重塑创意产业工作流。本文将深入解析如何在魔搭平台高效训练SDXL模型，并探讨AI绘画技术对设计行业的革命性影响。一、SDXL模型架构解析1.1双文本编码器设计SDXL采用双文本编码器架构，显著提升提示词理解能力：#SDXL文本编码器结构示意c
• 大学社团管理系统（11831） codercode2022 javaspringbootspringechartsspringcloudsentineljava-rocketmq
  有需要的同学，源代码和配套文档领取，加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue框架JSP页面Mysql数据库IDEA/Eclipse开发四、项目截图有需要的同学，源代码和配套文档领取，加文章最下方的名片哦!
• qt报错说no suitable kits found
  看起来你的QtCreator在试图找一个"kit"来编译你的程序,但是没有找到合适的kit.Kit是QtCreator中用来配置编译环境的一种东西,它包含了编译器、编译选项、以及所要使用的Qt库等信息.当QtCreator试图找一个kit来编译你的程序时,如果没有找到合适的kit,就会出现这个错误.要解决这个问题,你需要在QtCreator中配置一个合适的kit.具体来说,你需要安装Qt库和编译器
• VUE 座位图功能+扩展 NUZGNAW vue.jsjavascript前端
  1、通过循环画出页面座位图0"style="display:table;margin:0auto;min-height:472px;position:relative;">{{i.sign}}2、画出右下角的预览图3、编写对应js方法watch:{seatList:{handler(newVal,oldVal){if(this.seatList&&!stringBlank(this.seatLis
• 数据库基础概念梳理 22:30Plane-Moon 数据库
  1.数据存储类型表(Table):存储结构化数据的标准方式，数据以行和列的形式组织，具有固定的格式。非结构化数据(UnstructuredData):如音频、视频、图片、文本文档等，其格式不固定，不易直接用表存储。2.SQL的核心优势SQL尤其擅长处理和操作存储在表中的结构化数据。2.1数据类型约束(DataTypeConstraints):定义列可存储的数据种类。整数类型:TINYINT(1字节
• Qt 下拉框QComboBox控件：从入门到实战
  一、QComboBox核心功能解析1.核心属性属性说明当前示例场景count列表项总数统计学历下拉框中的选项数量editable是否允许用户编辑学历选择时可输入自定义学历currentText当前选中项的文本获取用户选择的"硕士"文本currentData当前选中项的附加数据获取太原对应的区号"0351"currentIndex当前选中项的索引位置(从0开始)确定"硕士"在列表中的位置2.核心方法
• ubuntu qt环境下出现No suitable kits found解决方案
  1.清理QtCreator缓存QtCreator会缓存项目配置、索引等数据，可能导致某些异常。清理方法：(1)删除QtCreator配置目录bashrm-rf~/.config/QtProject/（Ubuntu/Linux）或Windows：cmdrmdir/s/q"%APPDATA%\QtProject"(2)清除QtCreator的编译缓存bashrm-rf~/.cache/QtProjec
• Centos7防火墙 会飞的灰大狼 Centos7linux
  Centos7防火墙前言：本来想在系统那里去说防火墙但防火墙要说的要很多使用单独做一章文章去讲防火墙~~‍在CentOS7中，防火墙是保障系统网络安全的核心组件，默认采用firewalld作为防火墙管理工具（替代了CentOS6的iptables服务），底层仍基于iptables内核模块实现规则控制。‍iptablesiptables命令的完整格式较为复杂，其核心结构由命令选项、表（table）、
• 批改作业小工具（一）-read report
  期末，总是疲于应付各类作业报告批改，搞个小工具，让它帮我一把~~~~（格式）读取报告：importdocxfromdocx.tableimportTabledefextract_experiment_reports(doc_path):"""提取文档中所有实验报告的关键内容"""doc=docx.Document(doc_path)reports=[]#存储所有实验报告fortableindoc.
• 如何在Power Query中对不同行，列名排序一致进行转置？ Data_Skill
  之前的案例都是列数及行数相同，那如果是不同的情况下，该如何处理呢？原表：同行不同列原表目标表：同行不同列目标表此时我们可以通过另外一个分组函数来进行处理。Table.GroupTable.Group(tableastable,keyasany,aggregatedColumnsaslist,optionalgroupKindasnullablenumber,optionalcomparerasnu
• 精通 Tableau 2023（四） 绝不原创的飞龙 默认分类默认分类
  原文：annas-archive.org/md5/dd6efaef313fee7252226d3af4a0b9fd译者：飞龙协议：CCBY-NC-SA4.0第十三章：提升性能一旦人们熟悉了Tableau的功能，他们很快就会遇到另一种类型的问题：性能。你们可能都曾经在屏幕上盯着加载数据或执行查询的字样发呆。但别担心，我们有办法！如果设计得当，Tableau仪表盘即使处理大量数据也能表现得非常好。本章
• Hive使用必知必会系列 王知无(import_bigdata) Hive系统性学习专栏hivebigdatahdfs
  一、Hive的几种数据模型内部表(Table将数据保存到Hive自己的数据仓库目录中：/usr/hive/warehouse)外部表(ExternalTable相对于内部表，数据不在自己的数据仓库中，只保存数据的元信息)分区表(PartitionTable将数据按照设定的条件分开存储，提高查询效率，分区----->目录)桶表(BucketTable本质上也是一种分区表，类似hash分区桶---->
• C++-coroutines协程 将自定义类型转为awaitable(可等待)类型的两种方法 mrbone11 #Coroutinesc++开发语言协程coroutines
  文章目录前言重载operatorco_await定义promise_type::await_transform函数前言阅读本篇文章时，已经假定你有对协程的基本概念，如果没有，可以阅读我写的这篇协程入门文章我们已经知道，对于co_await\，expression的返回值必须是awaitable类型，即正确实现了如下三个函数：await_readyawait_suspendawait_resume对
• Grid布局参考资料 kiterumer
  Grid布局张鑫旭-写给自己看的display:grid布局教程阮一峰-CSSGrid网格布局教程在Grid布局中，float，display:inline-block，display:table-cell，vertical-align以及column-*这些属性和声明对grid子项是没有任何作用的。这个可以说是Grid布局中的常识，面试经常会问的，一定要记得。Grid布局则适用于更大规模的布局（
• Leetcode 热题100道刷题 Not--found leetcode算法
  哈希算法哈希表（HashTable）是一种根据关键字直接访问内存存储位置的数据结构。通过哈希表，数据元素的存放位置和数据元素的关键字之间建立起某种对应关系，建立这种对应关系的函数称为哈希函数。1.两数之和(Leetcode1)给定一个整数数组nums和一个整数目标值target，请你在该数组中找出和为目标值target的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数
• 零基础入门uniapp Vue3组合式API版本 鹤早早 uni-app
  前言：小程序学习笔记，课程来源up主咸虾米_。仅记录笔记，大家想学习可以去关注他。1.已安装HBuiderX（目前是4.36版本），微信开发者工具（但还没注册小程序码），相关配置OK了。1.16相关架构学习1.pages-index-index.vuebox1box2.layout{border:1pxsolidred;.box1{border:1pxsolidgreen;}.box2{borde
• MySQL 联表查询去重与解决 DISTINCT 及 ORDER BY 异常 cmmav33990 mysql数据库
  联表查询去重方案1.使用DISTINCT基础去重sqlSELECTDISTINCTt1.id,t1.name,t2.detailFROMtable1t1JOINtable2t2ONt1.id=t2.table1_id;2.使用GROUPBY去重（更灵活）sqlSELECTt1.id,t1.name,MAX(t2.detail)ASdetail--或其他聚合函数FROMtable1t1JOINtab
• Python操作excel，工作效率提高篇_python对xlsx文档进行操作怎么提速 2401_84266286 程序员pythonexcel网络
  上面的代码是对工作簿最基本的操作，新建工作簿和保存工作簿，还有关闭当前工作簿。importosfile_path='table'file_list=os.listdir(file_path)foriinfile_list:print(i)列出文件夹下所有文件和子文件夹的名称，这是方便总结和查看文件的。importxlwingsasxwapp=xw.App(visible=False,add_boo
• mysql导出数据并删除_mysql删除部分数据Sqoop导出MySQL数据 HUGOPOISSON mysql导出数据并删除
  www.002pc.com认为此文章对《mysql删除部分数据Sqoop导出MySQL数据》说的很在理，www.002pc.com为你提供最佳的mysql语法，mysql技术。导入所有表：[code]sqoopimport-all-tables–connectjdbc:mysql://ip:port/dbName--usernameuserName--passwordpassWord-m1--hi
• 如何查看 Windows 电脑的处理器类型（x64 或 ARM64） 枫萏 Other经验分享笔记
  方法1：通过「设置」查看按Win+I打开「设置」进入系统→关于在设备规格部分，查看系统类型：①如果显示64位操作系统，基于x64的处理器→选择GitforWindows/x64Portable②如果显示64位操作系统，基于ARM的处理器→选择GitforWindows/ARM64Portable方法2：通过「任务管理器」查看按Ctrl+Shift+Esc打开「任务管理器」切换到性能选项卡查看CPU
• JSP编程从入门到精通：现代Web开发与AI集成实战指南 AI编程员 001AI传统＆编程语言002AI编程工具汇总003AI编程作品汇总人工智能AI编程笔记开发语言深度学习
  JSP编程从入门到精通：现代Web开发与AI集成实战指南一、JSP基础与环境搭建1.1JSP核心概念与工作原理JSP（JavaServerPages）是一种动态网页开发技术，通过在HTML中嵌入Java代码实现服务器端逻辑。其本质是Servlet的扩展，当客户端首次请求JSP页面时，服务器会将其编译为Servlet类（如index_jsp.java），再执行该类的_jspService()方法生成
• Hive建表时开启事务机制导致insert失败: This command is not allowed on an ACID table.. with a non-ACID transaction 智海观潮 大数据Hivehive大数据
  建表语句：createtableA(table_codestring,data_dtstring,update_dtstring)clusteredby(table_code)into1bucketsrowformatdelimitedfieldsterminatedby'\033'storedasorc--orc格式tablproperties('transactional'='true');执
• Java Web开发核心技术解析与实践指南 2301_81709812 java前端开发语言
  目录一、JavaWeb开发基础1.1核心概念解析1.2开发环境搭建二、Servlet与JSP核心技术2.1Servlet编程深度解析生命周期管理（关键代码示例）：核心对象关系：2.2JSP进阶开发技巧动态页面模板示例：三、Spring框架整合开发3.1SpringMVC核心原理3.2现代开发方案对比四、项目实战：图书管理系统4.1系统架构设计4.2性能优化策略五、学习路线建议一、JavaWeb开发
• MySQL 对text类型字段添加索引 写bug的羊羊 MySQLmysql数据库
  对于MySQL中的text类型字段，可以通过以下步骤向其添加索引：创建辅助字段：创建一个辅助字段，将该字段的一部分数据转移到辅助字段中。例如，可以创建一个varchar类型的字段来存储text字段的前缀。添加索引：对于辅助字段，可以使用普通的索引来加速查询操作。使用ALTERTABLE语句来添加索引，例如：ALTERTABLEyour_tableADDINDEXindex_name(auxilia
• PyQt5窗口背景设置全攻略：三种方法实现精美界面
  QSS样式表法（最常用）特点：声明式语法、支持CSS特性、子控件自动继承样式1.纯色背景设置创建主窗口并设置黄色背景win=QMainWindow()win.setObjectName("MainWindow")win.setStyleSheet("#MainWindow{background-color:yellow}")2.背景图片设置（自适应尺寸）使用border-image实现背景图平铺w
• 一个MySQL的数据表最多能够存多少的数据？
  MySQL底层的存储结构是怎么样的？MySQL的数据在磁盘上是以文件形式存储的，其组织方式由表空间决定。表空间是InnoDB存储引擎的核心概念，理解它对数据库性能优化和运维管理至关重要。独立表空间独立表空间是MySQL5.6.6及以后版本的默认配置，每个表都有独立的.ibd数据文件。SHOWVARIABLESLIKE"innodbfilepertable%'如果关闭，那么每个表都不会是一个独立的表
• RocksDB跳表MemTable优化揭秘 lifallen RocksDB数据库大数据lsmtreeapache算法数据结构
  SkipListRep它是RocksDB中默认也是最基础的MemTable实现。虽然它看起来只是对跳表（SkipList）的一个包装，但其设计和实现中蕴含了许多值得学习的、针对高性能存储场景的优化技巧。首先，最独特的一点是它使用的不是一个普通的跳表，而是一个InlineSkipList。skiplistrep.cc//...classSkipListRep:publicMemTableRep{In
• 2019-03-27day20课堂笔记 故此曦
  day20课堂笔记磁盘历史和内外部物理结构介绍1956年IBM发布磁盘1980年出现现代磁盘体积更小存储密度跟高速度更快读写更灵敏的磁头，接口更先进容量更大h存储密度更高，介质更好使用更安全数据保持保护技术硬盘的六个层次：SSD优点：SSD缺点：SSD固态盘与传统机械磁盘对比：企业磁盘选型：1、企业级SAS硬盘（默认）：15000转/分满足容量的基础上尽量保持四块磁盘，给客户用，用SAS盘。2、企
• 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
    如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
• java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
  java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
• mysql批量更新 ekian mysql
  mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
• 微软BI（3） 18289753290 微软BI SSIS
  1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
• Java中的List g21121 java
          List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
• 读书笔记 永夜-极光 读书笔记
     1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
• centos 安装 Codeblocks 随便小屋 codeblocks
  1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
• 23种设计模式的形象比喻 aijuans 设计模式
  1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
• 开发管理 CheckLists aoyouzi 开发管理 CheckLists
  开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
• js实现切换 百合不是茶 JavaScript栏目切换
  js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
• 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
          这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
• 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
  1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
• 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
    CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
• Struts2技术总结 白糖_ struts2
    必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
• Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
  在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
• java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
  public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
• color Chen.H JavaScripthtmlcss
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
• [信息与战争]移动通讯与网络 comsci 网络
        两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
• oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
  在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
• zeus持久层DAO单元测试 deng520159 单元测试
  zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
• C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
  printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
• 那你为什么小时候不好好读书? dcj3sjt126com life
  dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
• iptables开放端口 Fanyucai linuxiptables端口
  1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
• Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
  缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
• 通过hashset找到数组中重复的元素 jackyrong hashset
    如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
• 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
  后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
• 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
  应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
• 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
  /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
• Spring Mybatis独立事务配置 toknowme mybatis
  在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
• 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
  使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.