zaixianshouce
zaixianshouce

移动端安卓和IOS开发框架Framework7教程-登陆屏

Framework7支持登陆屏布局，它可以用在页面内部，或者用在弹出框中（嵌入），或者用作单独的遮罩。

登陆屏布局

首先，我们看一下单独的登录屏布局，它和弹出框很像：

  1. <body>
  2.   ...
  3.   <!-- Should be a direct child of BODY -->
  4.   <div class="login-screen">
  5.       <!-- Default view-page layout -->
  6.       <div class="view">
  7.         <div class="page">
  8.           <!-- page-content has additional login-screen content -->
  9.           <div class="page-content login-screen-content">
  10.             <div class="login-screen-title">My App</div>
  11.             <!-- Login form -->
  12.             <form>
  13.               <div class="list-block">
  14.                 <ul>
  15.                   <li class="item-content">
  16.                     <div class="item-inner">
  17.                       <div class="item-title label">Username</div>
  18.                       <div class="item-input">
  19.                         <input type="text" name="username" placeholder="Username">
  20.                       </div>
  21.                     </div>
  22.                   </li>
  23.                   <li class="item-content">
  24.                     <div class="item-inner">
  25.                       <div class="item-title label">Password</div>
  26.                       <div class="item-input">
  27.                         <input type="password" name="password" placeholder="Password">
  28.                       </div>
  29.                     </div>
  30.                   </li>
  31.                 </ul>
  32.               </div>
  33.               <div class="list-block">
  34.                 <ul>
  35.                   <li>
  36.                     <a href="#" class="item-link list-button">Sign In</a>
  37.                   </li>
  38.                 </ul>
  39.                 <div class="list-block-labe">Some text with login information.</div>
  40.               </div>
  41.             </form>
  42.           </div>
  43.         </div>
  44.       </div>
  45.   </div>
  46. </body>
复制

注意，你在<div class="login-screen">内部看到的元素都是可选的，但是你可以把它们作为你登陆表单的样板

打开和关闭登录屏

使用HTML

可以通过在链接上添加特定的类来打开关闭登陆屏

  • 为了打开登录屏，我们需要在HTML元素（最好是链接）上添加"open-login-screen"类

  • 为了关闭登录屏，我们需要在HTML元素（最好是链接）上添加"close-login-screen"类

下面是示例：

  1. <body>
  2.   ...
  3.     <div class="page-content">
  4.       <div class="content-block">
  5.         <p><a href="#" class="open-login-screen">Open Login Screen</a></p>
  6.       </div>
  7.     </div>
  8.   ...
  9.   <div class="login-screen">
  10.     <div class="view">
  11.       <div class="page">
  12.         <div class="page-content login-screen-content">
  13.           <div class="login-screen-title">My App</div>
  14.           <form>
  15.             <div class="list-block">
  16.               <ul>
  17.                 <li class="item-content">
  18.                   <div class="item-inner">
  19.                     <div class="item-title label">Username</div>
  20.                     <div class="item-input">
  21.                       <input type="text" name="username" placeholder="Your username">
  22.                     </div>
  23.                   </div>
  24.                 </li>
  25.                 <li class="item-content">
  26.                   <div class="item-inner">
  27.                     <div class="item-title label">Password</div>
  28.                     <div class="item-input">
  29.                       <input type="password" name="password" placeholder="Your password">
  30.                     </div>
  31.                   </div>
  32.                 </li>
  33.               </ul>
  34.             </div>
  35.             <div class="list-block">
  36.               <ul>
  37.                 <li><a href="#" class="item-link list-button">Sign In</a></li>
  38.               </ul>
  39.               <div class="list-block-label">
  40.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  41.                 <p><a href="#" class="close-login-screen">Close Login Screen</a></p>
  42.               </div>
  43.             </div>
  44.           </form>
  45.         </div>
  46.       </div>
  47.     </div>
  48.   </div>
  49.   ...
  50. </body>
复制

实例预览

使用JavaScript

我们可以通过JavaScript来打开关闭登陆屏，先来看一下相关的App方法：

myApp.loginScreen() - 打开登录屏

myApp.closeModal(loginScreen) - 关闭登录屏

  • loginScreen - HTML元素或是（含有CSS选择器的）字符串。可选。如果没有指定，任何打开的登陆屏/弹出框/模态框都会被关闭。
  1. <body>
  2.   ...
  3.     <div class="page-content">
  4.       <div class="content-block">
  5.         <p><a href="#" class="open-login">Open Login Screen</a></p>
  6.       </div>
  7.     </div>
  8.   ...
  9.   <div class="login-screen">
  10.     ... login screen content ...
  11.   </div>
  12.   ...
  13. </body>
复制
  1. var myApp = new Framework7();
  2.  
  3. var $$ = Dom7;
  4.  
  5. $$('.open-login').on('click', function () {
  6.   myApp.loginScreen();
  7. });
复制

实例预览

登陆屏事件

登陆屏具有和Modal一样的事件，当你需要在登陆屏打开/关闭时执行操作的时候，它们会有用处。

事件 对象 描述
open 登陆屏元素<div class="login-screen"> 当登陆屏开始弹出动画的时候，事件触发
opened 登陆屏元素<div class="login-screen"> 当登陆屏完成弹出动画的时候，事件触发
close 登陆屏元素<div class="login-screen"> 当登陆屏开始结束动画的时候，事件触发
closed 登陆屏元素<div class="login-screen"> 当登陆屏完成结束动画的时候，事件触发

从登陆屏开启应用

很多时候，我们需要把登陆屏作为应用的第一个页面。为了使它在加载时可见，我们只需要对登陆屏遮罩添加"modal-in"类：

  1. <body>
  2.   ...
  3.   <div class="login-screen modal-in">
  4.     ... login screen content ...
  5.   </div>
  6. </body>
复制

实例预览

嵌入式登陆屏

也可以把登陆屏嵌入到页面或弹出框中。我们来看一下页面内登陆屏的示例：

index page:

  1. <div data-page="home" class="page navbar-fixed">
  2.   <div class="navbar">
  3.     <div class="navbar-inner">
  4.       <div class="left"></div>
  5.       <div class="center">Embedded Login Screen</div>
  6.       <div class="right"></div>
  7.     </div>
  8.   </div>
  9.   <div class="page-content">
  10.     <div class="content-block">
  11.       <p><a href="login-screen-page.html" class="open-login-screen">Open page with Login Screen</a></p>
  12.     </div>
  13.   </div>
  14. </div>
复制

login-screen-page.html:

  1. <div data-page="login-screen" class="page no-navbar no-toolbar no-swipeback">
  2.   <div class="page-content login-screen-content">
  3.     <div class="login-screen-title">My App</div>
  4.     <form>
  5.       <div class="list-block">
  6.         <ul>
  7.           <li class="item-content">
  8.             <div class="item-inner">
  9.               <div class="item-title label">Username</div>
  10.               <div class="item-input">
  11.                 <input type="text" name="username" placeholder="Your username"/>
  12.               </div>
  13.             </div>
  14.           </li>
  15.           <li class="item-content">
  16.             <div class="item-inner">
  17.               <div class="item-title label">Password</div>
  18.               <div class="item-input">
  19.                 <input type="password" name="password" placeholder="Your password"/>
  20.               </div>
  21.             </div>
  22.           </li>
  23.         </ul>
  24.       </div>
  25.       <div class="list-block">
  26.         <ul>
  27.           <li><a href="#" class="item-link list-button">Sign In</a></li>
  28.         </ul>
  29.         <div class="list-block-label">
  30.           <p>Click Sign In to close Login Screen</p>
  31.         </div>
  32.       </div>
  33.     </form>
  34.   </div>
  35. </div>
复制

my-app.js      

  1. var myApp = new Framework7();
  2. var $$ = Dom7;
  3.  
  4. var mainView = myApp.addView('.view-main');
  5.  
  6. myApp.onPageInit('login-screen', function (page) {
  7.   var pageContainer = $$(page.container);
  8.   pageContainer.find('.list-button').on('click', function () {
  9.     var username = pageContainer.find('input[name="username"]').val();
  10.     var password = pageContainer.find('input[name="password"]').val();
  11.     // Handle username and password
  12.     myApp.alert('Username: ' + username + ', Password: ' + password, function () {
  13.       mainView.goBack();
  14.     });
  15.   });
  16. });
复制

实例预览

注意，在登陆屏上我们有额外的"no-navbar"，"no-toolbar"和"no-swipeback"类，用来向用户隐藏导航元素。

你可能感兴趣的:(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编写的模板可以在你的应用中混合使用所有上面的这些方法。视图是应用中的一个独立
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他