zaixianshouce
zaixianshouce

移动端安卓和IOS开发框架Framework7教程-导航栏&工具栏布局

在向应用添加导航栏和工具栏之前，我们需要决定使用哪种布局。

Framework7在这方面很自由，有3种不同类型的导航栏/工具栏布局，它们对应着在页面/视图中的不同位置。

静态布局

静态布局可能是最少使用的布局。在这种情况下，导航栏和工具栏只是可以滚动的页面内容的一部分，每个页面都有它自己的导航栏和工具栏：

  1. <body>
  2.   ...
  3.   <div class="views">
  4.     <div class="view view-main">
  5.       <div class="pages">
  6.         <div data-page="index" class="page">
  7.           <div class="page-content">
  8.             
  9.             <!-- Top Navbar-->
  10.             <div class="navbar">
  11.               <div class="navbar-inner">
  12.                 <div class="center">Awesome App</div>
  13.               </div>
  14.             </div>
  15.             <!-- /End of Top Navbar-->
  16.             
  17.             <p>Other content goes here</p>
  18.             ...
  19.             
  20.             <!-- Bottom Toolbar-->
  21.             <div class="toolbar">
  22.               <div class="toolbar-inner">
  23.                 Hello
  24.               </div>
  25.             </div>          
  26.             <!-- /End of Bottom Toolbar-->
  27.             
  28.           </div>
  29.         </div>
  30.       </div>
  31.     </div>
  32.   </div>
  33.   ...
  34. </body>
复制

  实例预览

固定布局

在固定布局中，也是每个页面都有它自己的导航栏和工具栏，但是它们在屏幕上始终可见，不会随着页面内容滚动：

  1. <body>
  2.   ...
  3.   <div class="views">
  4.     <div class="view view-main">
  5.       <div class="pages">
  6.         <!-- Now we need additional "navbar-fixed" and "toolbar-fixed" classes on Page -->
  7.         <div data-page="index" class="page navbar-fixed toolbar-fixed">
  8.             
  9.           <!-- Top Navbar-->
  10.           <div class="navbar">
  11.             <div class="navbar-inner">
  12.               <div class="center">Awesome App</div>
  13.             </div>
  14.           </div>
  15.           <!-- /End of Top Navbar-->
  16.  
  17.           <div class="page-content">
  18.             <p>Other content goes here</p>
  19.             ...
  20.           </div>
  21.             
  22.           <!-- Bottom Toolbar-->
  23.           <div class="toolbar">
  24.             <div class="toolbar-inner">
  25.               Hello
  26.             </div>
  27.           </div>          
  28.           <!-- /End of Bottom Toolbar-->
  29.             
  30.         </div>
  31.       </div>
  32.     </div>
  33.   </div>
  34.   ...
  35. </body>
复制

实例预览

正如你所见，与静态布局相比，固定布局的不同之处在于：

  • 导航栏和工具栏是Page的子元素(<div class="page">)

  • 每个页面拥有额外的“navbar-fixed”类（对于固定导航栏）和“toolbar-fixed”类（对于固定工具栏）

注意，如果你想要对单视图中的每个页面使用固定布局，可以直接在父页面(<div class="pages">)上添加“navbar-fixed”和“toolbar-fixed”类，而不是对每个单页面分别添加。

穿透布局

This type of layout is only supported by iOS theme

这是最有趣，最被广泛使用的布局 —— 在不同页面间切换时，导航栏和工具栏保持不变。通过这种布局，可以实现酷炫的动态导航（不要忘记在视图初始化的时候启用它）。视图初始化)

  1. <body>
  2.   ...
  3.   <div class="views">
  4.     <div class="view view-main">
  5.             
  6.       <!-- Top Navbar-->
  7.       <div class="navbar">
  8.         <div class="navbar-inner">
  9.           <div class="center">Awesome App</div>
  10.         </div>
  11.       </div>
  12.       <!-- /End of Top Navbar-->          
  13.             
  14.       <!-- Now we need additional "navbar-through" and "toolbar-through" classes on Pages -->
  15.       <div class="pages navbar-through toolbar-through">
  16.         <div data-page="index" class="page">
  17.           <div class="page-content">
  18.             <p>Other content goes here</p>
  19.             ...
  20.           </div>
  21.         </div>
  22.       </div>
  23.             
  24.       <!-- Bottom Toolbar-->
  25.       <div class="toolbar">
  26.         <div class="toolbar-inner">
  27.           Hello
  28.         </div>
  29.       </div>          
  30.       <!-- /End of Bottom Toolbar-->
  31.             
  32.     </div>
  33.   </div>
  34.   ...
  35. </body>
复制

实例预览

正如你所见，与静态和固定布局相比，穿透布局的不同之处在于：

  • 导航栏和工具栏是视图的子元素(<div class="view">)

  • 具有穿透布局的导航栏和工具栏的视图拥有额外的“navbar-through”类（对于穿透类型的导航栏）和"toolbar-through"类（对于穿透类型的工具栏）。

混合布局

对于不同的视图，你可以使用不同的布局，比如在一个视图中使用固定布局，在另一个中使用穿透布局。其实，你也可以在单视图中混合使用这些布局。例如，你可以使用穿透的导航栏和固定的工具栏：

  1. <body>
  2.   ...
  3.   <div class="views">
  4.     <div class="view view-main">
  5.             
  6.       <!-- Top Navbar-->
  7.       <div class="navbar">
  8.         <div class="navbar-inner">
  9.           <div class="center">Awesome App</div>
  10.         </div>
  11.       </div>
  12.       <!-- /End of Top Navbar-->          
  13.             
  14.       <!-- Now we need additional "navbar-through" and "toolbar-fixed" classes on Pages -->
  15.       <div class="pages navbar-through fixed-through">
  16.         <div data-page="index" class="page">
  17.           <div class="page-content">
  18.             <p>Other content goes here</p>
  19.             ...
  20.           </div>
  21.  
  22.           <!-- Bottom Toolbar-->
  23.           <div class="toolbar">
  24.             <div class="toolbar-inner">
  25.               Hello
  26.             </div>
  27.           </div>          
  28.           <!-- /End of Bottom Toolbar-->
  29.  
  30.         </div>
  31.       </div>
  32.     </div>
  33.   </div>
  34.   ...
  35. </body>
复制

实例预览

无导航栏/工具栏

当然，如果你不需要导航栏或工具栏，你大可不必包含它们，并且不用在page/pages/view中添加相应的类（“"navbar-fixed”，“navbar-through”，“toolbar-fixed”，“toolbar-through”）

速记表

正如你所见，这些布局都很容易理解，不同之处在于父元素上额外添加的类，以及不同的嵌套层级。下面是速记表

静态

  1. .view   
  2.   .pages    
  3.     .page   
  4.       .page-content   
  5.         .navbar   
  6.         // other page content
  7.         .toolbar
复制

固定

  1. .view
  2.   .pages.navbar-fixed.navbar-through
  3.     .page
  4.       .navbar
  5.       .page-content
  6.       .toolbar
复制

穿透

  1. .view
  2.   .navbar
  3.   .pages.navbar-through.toolbar-through
  4.     .page
  5.       .page-content
  6.   .toolbar
复制

 

你可能感兴趣的:(Framework7)

  • framework7使用记录 斯蒂芬加油啊
    1.在使用popover弹窗时，关闭弹窗方法，myApp.closeModal()2.获取元素css属性值，$$(".xxx").css("属性名","属性值")
  • 2018-10-09 007QQQQQQ
    SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面。SUIMobile是一套基于Framework7开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到iOS6.0+和Android4.0+，非常适合开发跨平台WebApp。
  • 二.移动端组件库 小茅同学
    Snipaste_2021-08-移动-56-38.png一.关于移动端组件库下面是AwesomeVue收集的一些优质的第三方组件库资源。UIframeworksformobileFramework7-Vue-BuildfullfeaturediOS&AndroidappsusingFramework7&Vue.vux-[Chinese]VueUIComponentsbasedonWeUI.vue
  • ef mysql 优化_C#实用杂记-EF全性能优化技巧 蛋蛋兽的一生 efmysql优化
    EntityFramework目前最新版本是6.1.3，当然EntityFramework7目前还是预览版，并不能投入正式生产环境，估计正式版16年第一季度会出来，了解过EF7的部分新特性后，还是狠狠期待一下滴。EF性能问题一直为开发者所诟病，最让人纠结的也是这块，所以此次我也来谈谈EF的性能优及建议。既然是把优化点列举出来，可能有些地方关于底层的知识就不会介绍的太深刻，权当抛砖引玉吧。先说说EF
  • Laravel学习笔记汇总——Laravel的目录结构 与非学堂 PHPLaravel学习记录phplaravel
    ##Laravel学习笔记汇总——Laravel的目录结构//使用下面语句查看当前版本：//phpartisan--version#LaravelFramework7.30.1.├──app#存放我们所开发应用的核心代码│├──Broadcasting#通过phpartisanmake:channel产生，存放所有broadcastchannelclasses│├──Console#所有应用中自定
  • 跨平台运行ASP.NET Core 1.0 weixin_34413065 运维网络git
    前言首先提一下微软更名后的叫法：ASP.NET5更名为ASP.NETCore1.0.NETCore更名为.NETCore1.0EntityFramework7更名为EntityFrameworkCore1.0或者简称EFCore1.0现在伴随着ASP.NETCore1.0RC2版的更新速度，许多官方文档都跟不上，还停留在RC1版的使用方式上（RC1版是继Beta版之后第一个发布的稳定版本）。RC1
  • 跨平台运行ASP.NET Core 1.0（转载） weixin_30685029 运维网络git
    前言首先提一下微软更名后的叫法：ASP.NET5更名为ASP.NETCore1.0.NETCore更名为.NETCore1.0EntityFramework7更名为EntityFrameworkCore1.0或者简称EFCore1.0现在伴随着ASP.NETCore1.0RC2版的更新速度，许多官方文档都跟不上，还停留在RC1版的使用方式上（RC1版是继Beta版之后第一个发布的稳定版本）。RC1
  • Swiper手动滑动后，自动滑动失效问题解决 Weastsea
    framework7框架访问地址:https://framework7.io/vue/swiper.htmlSwiperAPI:http://idangero.us/swiper/api/本代码使用framework7+vue框架，使用了SwiperAPI来解决轮播滑动问题。一开始代码是这样的，注意示例不能运行，调试时发现，页面加载出来的时候图片可以轮播，但是手动滑动之后，页面的图片不再自动轮播。
  • cordova-framework7-pushstate donotlb
    起因最近在开发一个app,技术栈是:cordova+framework7+vue,当把APP(android版)放到真机上运行时发现:返回键或者返回手势(全面屏)无法正常工作,会直接退出APP,这个问题的解决思路有两个:绑定backbutton事件-cordovadocs但是注意:该事件ios平台不支持启用pushstate,让webview的导航(前进/后退)功能生效framework7的作者推
  • python django restful框架_【2020Python修炼记】Django Rest Framework-1-DRF简介+RESTful入门规范... 曲水流觞不醉人 pythondjangorestful框架
    【目录】day11web开发模式2API接口3postman的使用4restful的规范5序列化/反序列化6DjangoRest_Framework7drf的安装和使用8cbv源码回顾1web开发模式在开发Web应用中，有两种应用模式：1.1前后端不分离1.2前后端分离2API接口-1=API接口的用处为了在团队内部形成共识、防止个人习惯差异引起的混乱，我们需要找到一种大家都觉得很好的接口实现规范
  • 分享一款自带工作流引擎的NodeJS全栈框架，接单快手、创业神器 zhennann Cabloynode.js
    CabloyJS是什么CabloyJS是一款自带工作流引擎的Node.js全栈框架,接单快手、创业神器,基于koa+egg+vue+framework7+mysql在线演示场景链接/二维码PC端https://test.cabloy.com/Mobile端谁会用这款Node.js全栈框架？>>>>>1.外包接单痛点：客户希望项目按质如期完工、价格低、风险小；服务商希望毛利高、投入少、进度快、客户满
  • FreamWork7-v3.0+GetStart 待业的无业游民
    1、下载安装freamWork7-v3.0+等版本。下载地址：FreamWork7下载链接地址图1下载界面2、创建自己的项目图2创建项目4、导入FreamWork7将解压的文件夹下的“packages”文件夹复制粘贴到新创建的项目中图3导入文件5、引用FreamWork7对应的JS和CS图4引入JS、CSS文件7、初始化Appvarapp=newFramework7({root:'#app',na
  • [SkylerAI]零碎知识点13-JS阻止事件冒泡和默认行为 SkylerAI
    参考链接：https://www.cnblogs.com/yuqingfamily/p/5940369.html亲测如下：Framework7中若使用以下方式绑定事件varbindings=[{element:".advertImg",event:"click",handler:function(){myApp.closeModal(popover);window.location.href="x
  • 常用网站收录 倔强的满腔热血
    前端框架amazeui移动端框架组件丰富http://amazeui.org/创建IOS风格的webAPP框架http://framework7.taobao.org/Bootstrap前端必备http://www.bootcss.com/类库Jquery类库http://jquery.cuishifeng.cn/知识体系前端知识体系http://www.cnblogs.com/sb1987102
  • Bootstrap框架 CNLISIYIII
    css框架：对css相同功能的整体封装，方便使用。常见css框架：AmazeUI；Framework7；Bootstrap（一）Bootstrap用于开发响应式布局、移动设备优先的web项目。1.下载安装两种版本：1）编译且压缩后的CSS、Js和字体文件，不包含文档和源码；2）less、Js和字体文件的源码，带有文档。（此处下载了Bootstrap3.3.7版本）安装：Bootstrap101Te
  • SUI Mobile Cherie_Young iOSsuisui-mobile
    1介绍1.1概念SUIMobile是一套基于Framework7开发的UI库。它非常轻量、精美，只需要引入CDN文件就可以使用，并且能兼容到iOS6.0+和Android4.0+，适合开发跨平台WebApp。SUIMobile是阿里巴巴一个UED团队的作品，目的是为了手机H5页面提供一个常用的组件库，减少重复工作。1.2特点轻量级SUIMobile非常轻量，核心库压缩zip后的体积总共只有52Ki
  • 【金三银四】2022 Android面经实录 i小灰
    复习点1、项目经历，业务，难点2、Java基础,JVM，集合原理3、Android基础,View体系，View绘制流程，事件分发，屏幕刷新，动画原理4、常见三方库原理5、Jetpack6、AndroidFramework7、算法8、Kotlin具体链接1算法部分打遍天下二叉树https://github.com/xfhy/Android-Notes/blob/master/Blogs/Algori
  • 基于python的django框架数码电子产品销售交易商城电商平台设计 biyezuopin djangopython电子商城系统购物商城毕业设计
    目录摘要I目录III第一章绪论11.1课题研究背景及意义11.2国内外研究现状21.3本文的主要工作3第二章技术选型42.1Python42.2Django52.3MySQL62.4DjangoRestFramework72.5Vue8第三章系统分析93.1可行性分析93.2系统需求分析103.2.1业务需求分析103.2.2用户需求113.2.3功能需求分析123.2.4非功能需求分析14第四章
  • JavaEE——SpringBoot项目常见的依赖包及其作用 留家里哦哦哦 javaspringbootjava-eemybatis
    SpringBoot项目常见的依赖包及其作用建立时，常导入依赖包如下：1.SpringWeb2.spring-boot-devtools：3.Lombok4.Thymeleaf5.MySQLDriver6.MybatisFramework7.还有额外的依赖包建立时，常导入依赖包如下：大家可以根据需求来导入自己想要的（一般中途想重新加入一个依赖包可以再pom.xml里面dependencies里面插
  • 基于Django图书管理系统设计与实践 biyezuopin pythonDjango图书管理系统图书管理毕业设计
    目录摘要IAbstractII1绪论11.1选题背景及意义11.1.1选题背景11.1.2目的意义11.2研究现状21.3论文组织安排32开发工具及其技术42.1Python42.2Django52.3MySQL62.4DjangoRestFramework73需求分析83.1可行性研究83.1.1技术可行性83.1.2经济上的可行性83.1.3操作上的可行性83.2系统需求分析83.3程序流程图
  • 仿华为电商商城，官网，华为超级新品日demo,大屏霸气且简洁 愛芳芳 前端开发它不香么vue.jselementuijavascript前端html5
    1.技术vue+elementui实现，elementui2.华为超级新品日官网华为商城是华为公司旗下官方电商平台3.官方截图4.项目demo效果图5.安装启动vue项目（一）Vue——如何创建一个Vue项目(完整步骤)-㭌（mou）七-博客园6.elementui官网Element-Theworld'smostpopularVueUIframework7.如果你下载的是本项目源码，则步骤一中可以
  • Spring Boot整合Zookeeper详细教程 怪 咖@ zookeeperspringbootjava-zookeeperzookeeper
    目录1.Curator介绍2.创建springboot项目3.引⼊Curator4.application.yml配置⽂件5.读取配置⽂件注入到容器6.注⼊CuratorFramework7.添加测试方法8.执行测试方法报错解决注意我这里用的是官方最稳定的版本3.7.1，版本之间有个别命令是有差距的！本篇文章的示例SpringBoot和Zookeeper客户端以及zookeeper都是最新版本！1
  • 移动端UI库 dg_dot 移动端
    SUIMobileSUIMobile是一套基于Framework7开发的UI库风格类似iOS轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K提供了20+个常用的组件能兼容到iOS6.0+和Android4.0+非常适合开发跨平台WebApp基于jQuery3.x搭建，性能远远超越Zepto版本MUI最接近原生APP体验的高性能前端框架不依赖任何第三方JS库，压缩后的JS和CSS文
  • Framework7 [v2] + vue Web开发 非梦nj
    framework7-vuedata-tabledemo原来的OB管理系统，是用的Framework7v1，现在更新到v2了。所以，我们也重构一下。主要是界面对Mobile更加友好！re-designofhttps://ourbits.herokuapp.comdata-tableforframework7andvue,supportsorting,httpgetapi,paginationetc
  • 推荐前端的学习网站 陈光展_Gz
    框架类1.Framework7Framework7是一款免费、开源的移动HTML框架，主要用于开发混合手机App或者网页App，某些应用场景的体验几乎与原生开发的iOS和Android应用一模一样，同时也是一款不可获取的应用原型快速开发及展示工具。
  • Framework7 vanTu
    前言现在单页面应用的开发已经越来越多，要做一款用户体验较好的混合应用，实现快速开发，其中Framework7就是一款免费开源的UI框架，完美兼容iOS主题，给人带来原生般的体验。简单介绍Framework7所给你带来的用户体验是jqm不能比拟的，组件做得很精致，其中一个最主要的特色就页面右滑返回上一页面，这个特性就基本跟原生iOS一模一样。Framework7不依赖任何第三方库，这个是特别好的，在
  • Error in mounted hook: "TypeError: i[0] is undefined" 天涯笑笑生
    问题：使用framework7vue框架的ScrollableTabbar时，Tab1Tab2错误截图image.png模板源码{{item}}{{item}}注：1.此bug只在非ios平台上运行时才显示已排除其他因素影响解决方案：暂时未找到
  • iOS如何优雅的解决-webkit-overflow-scrolling css属性问题 桥下醉翁
    在iOS的H5页面中，总是受到UIScrollView的阻尼效果困扰，今天提供一个优雅的解决方案1、本操作针只支持WKWebView，如果使用UIWebView出现不稳定效果，只能等以后更新处理。2、本操作在framework7框架中初步测试，并未进行深度测试。//简单，优雅的解决方案代码在这里html,body{height:100%;position:fixed;overflow:hidden
  • Framework7(06:视图(View)间链接) 廖马儿
    前言：我们有两个已经初始化完成的View（leftview和rightview)。这种情况下，所有在leftview中的链接加载的页面都会放在leftview中，所有在rightview中的链接加载的页面都会放在rightview中。但是我们现在需要一些在leftview中的链接加载的页面放进rightview中。这叫View间链接。.router.load()和.router.back()方法。
  • Framework7(05: Page,路由,页面刷新) 廖马儿
    1.路由器JSAPIFramework7中的路由器使用非常灵活，他可以有多种方式来处理Page:AjaxPages,从一个指定的URL加载页面，通常是另外一个页面的文件地址（默认行为）。通过JSAPI创建和加载动态页面如果你的页面已经写在DOM中了，那么你可以直接使用内联页面，而不用再去加载。可以加载使用Template7编写的模板可以在你的应用中混合使用所有上面的这些方法。视图是应用中的一个独立
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他