marujunyy
marujunyy

html5利用google实现定位和搜索

  googleMapapi接口文档         开发人员指南（中文）

效果图如下：
html5利用google实现定位和搜索_第1张图片
html5利用google实现定位和搜索
github源码地址: [email protected]:marujun/html5-geo-google-map.git

查看demo

首先写一个基本的html页面 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset=utf-8>
    <title>HTML5 Demo: geolocation</title>
    <link rel="stylesheet" href="./stylesheets/html5demos.css">
<body>
<section id="wrapper">
    <header>
        <h1>geolocation</h1>
    </header>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <!--<script type="text/javascript" src="./javascripts/googleMapApi.js"></script>-->
    <article>
        <p>Finding your location: <span id="status">checking...</span></p>
        <div>
            <input id="address"  value="当前位置"/>
            <input type="button" value="搜索地点" onclick="codeAddress()" id="search">
        </div>
        <div>
            <b>Start: </b>
            <input id="start"  >
            <b>End: </b>
            <input id="end" >
            <select id="method"  >
                <option value="DRIVING">开车</option>
                <option value="WALKING">步行</option>
            </select>
            <input type="button" value="搜索路线" onclick="calcRoute()" id="searchRoute">
        </div>
    </article>

    <script>
        var geocoder;
        var map;
        var directionsService = new google.maps.DirectionsService();
        var directionsDisplay = new google.maps.DirectionsRenderer();
        function success(position) {
            var s = document.querySelector('#status');//获取元素节点
            if (s.className == 'success') {
                // not sure why we're hitting this twice in FF, I think it's to do with a cached result coming back
                return;
            }
            s.innerHTML = "found you!";
            s.className = 'success';
            var mapcanvas = document_createElement_x_x_x_x_x('div');
            mapcanvas.id = 'mapcanvas';
            mapcanvas.style.height = '400px';
            mapcanvas.style.width = '560px';

            document.querySelector('article').a(mapcanvas);
            console.log("postion : ",position );
            geocoder = new google.maps.Geocoder();//google.maps.Geocoder 对象，访问 Google Maps API 地址解析服务
            var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
            //获取经纬度创建google.maps.LatLng实例
            var myOptions = {   //地图设置
                zoom: 15,  //缩放级别
                center: latlng,//地图中心点位置
                mapTypeControl: false,//是否显示地图的类型，地图或卫星是否显示地形等
                navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL },//地图的放大缩小功能类型{DEFAULT ,DEFAULT}
                mapTypeId: google.maps.MapTypeId.ROADMAP//默认的2D地图类型还有{SATELLITE ,HYBRID ,TERRAIN}
            };

            //googleMap  api接口文档 https://developers.google.com/maps/documentation/javascript/tutorial
            map = new google.maps.Map(document.getElementByIdx_x_x_x_x_x("mapcanvas"), myOptions);

            var marker = new google.maps.Marker({ //设置地图标记的参数
                position: latlng,//标记的位置
                map: map,
                title:"You are here! (at least within a "+position.coords.accuracy+" meter radius)"
            });
        }

        function error(msg) {
            var s = document.querySelector('#status');
            s.innerHTML = typeof msg == 'string' ? msg : "failed";
            s.className = 'fail';

            // console.log(arguments);
        }
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(success, error);
        } else {
            error('not supported');
        }
//地址解析api文档接口：https://developers.google.com/maps/documentation/javascript/services?hl=zh-CN#Geocoding
        function codeAddress() {
            var address = document.getElementByIdx_x_x_x_x_x("address").value;
            geocoder.geocode( { 'address': address}, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    console.log("the result is : ",results);
                    map.setCenter(results[0].geometry.location);
                    var marker = new google.maps.Marker({
                        map: map,
                        position: results[0].geometry.location,
                    });
                } else {
                    alert("未搜索到您输入的地址，请重新输入！！！！");
                    console.log("Geocode was not successful for the following reason: " + status);
                }
            });
        }
//搜索行车路线
        function calcRoute() {
            directionsDisplay.setMap(map);
            var start = document.getElementByIdx_x_x_x_x_x("start").value;
            var end = document.getElementByIdx_x_x_x_x_x("end").value;
            var method=document.getElementByIdx_x_x_x_x_x("method").value;
            var request = {
                origin:start,//起点
                destination:end//终点
            };
            if(method=="DRIVING"){
                request.travelMode=google.maps.TravelMode.DRIVING;//出行方式为开车
            }else{
                request.travelMode=google.maps.TravelMode.WALKING;//出行方式为步行
            }
            directionsService.route(request, function(result, status) {
                if (status == google.maps.DirectionsStatus.OK) {
                    directionsDisplay.setDirections(result);
                }else{
                    alert("未搜索到您需要的路线，请重新输入！！！！");
                    console.log("Geocode was not successful for the following reason: " + status);
                }
            });
        }
    </script>
</section>
</body>
</html>

googleMap 地址解析api
基本页面有了，下面加上css使页面更美观一点 
body {
    font: normal 16px/20px "Helvetica Neue", Helvetica, sans-serif;
    background: rgb(237, 237, 236);
    margin: 0;
    margin-top: 40px;
    padding: 0;
}

section, header, footer {
    display: block;
}

#wrapper {
    width: 600px;
    margin: 0 auto;
    background: #fff  repeat-x center bottom;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top: 1px solid #fff;
    padding-bottom: 76px;
}

h1 {
    padding-top: 10px;
}
#search,#searchRoute,#method{
    font-size: 20px;
}

header,
article > *,
footer > * {
    margin: 20px;
}

footer > * {
    margin: 20px;
    color: #999;
}

#status {
    padding: 5px;
    color: #fff;
    background: #ccc;
}

#status.fail {
    background: #c00;
}

#status.success {
    background: #0c0;
}

#status.offline {
    background: #c00;
}

#status.online {
    background: #0c0;
}


你可能感兴趣的:(html5利用google实现定位和搜索)

  • python程序发钉钉消息 乌11111 python
    参考：使用python通过接口方式发送钉钉消息分两步：1.在钉钉群---智能群助手里添加机器人，拿到webhook链接，设置关键词。2.写python代码，用requests请求接口的方式。参考代码和实现结果如下。#python发钉钉消息importjson,requestsdefsendDing(msg):dingding_url='https://oapi.dingtalk.com/robot
  • Python支持向量机（SVM）算法：面向对象的实现与案例详解 闲人编程 进阶算法案例支持向量机算法python深度学习数据分析
    目录Python支持向量机（SVM）算法：面向对象的实现与案例详解引言一、支持向量机算法概述1.1支持向量机的基本思想1.2SVM的分类问题1.3SVM的优化目标二、面向对象的SVM实现2.1类的设计2.2Python代码实现2.3代码详解三、案例分析3.1案例一：鸢尾花分类问题描述数据准备模型训练与预测输出结果3.2案例二：手写数字识别问题描述数据准备模型训练与预测输出结果四、SVM的优化与核方
  • 初识 内嵌iframe 家里有只小肥猫 iframevue前端
    iframe的基本介绍与使用介绍iframe（内嵌框架）是HTML中一种用于将一个网页嵌入到另一个网页中的标签，它可以在一个页面中显示来自其他页面的内容。在网页中，使用标签可以将一个网页嵌套在另一个网页中，实现网页间的互联互通。基础使用标签的基本用法如下：例如：属性除了src属性，还可以使用其他属性来设置iframe的行为和样式，如allow、allowfullscreen、class、frame
  • Vue2.0+ElementUI实现查询条件展开和收起功能组件 热忱1128 elementui前端javascript
    一、需求el-form如果查询条件过多，影响页面的展示效果。查询条件表单是我们系统中非常常见的功能，我们需要把它封装成一个通用的组件，方便在系统开发中提升开发效率。除了在实现基本查询条件的功能上，还需要实现多条件的折叠和展开功能二、效果图三、代码示例封装查询条件表单组件SearchButton.vue查询重置{{word}}exportdefault{props:{showAll:{type:Bo
  • JHipster入门 - 生成单体架构的应用 yorkwu1977 软件工程架构
    JHipster入门-生成单体架构的应用目标准备工作生成基础功能输入指令开始问答环节问答环节结束，开始自动生成基础功能代码生成业务功能输入指令开始问答环节问答环节结束，开始自动生成业务功能代码调试启动启动后端服务启动前端服务访问前端页面打包启动构建启动访问前端页面关于数据库交给JHipster自己启动目标30分钟内生成一个开箱即用的单体架构应用。生成SpringBoot后端代码和Vue前端代码。基
  • U-Net 生物医学图像分割开源项目介绍 祝珺月
    U-Net生物医学图像分割开源项目介绍unetU-NetBiomedicalImageSegmentation项目地址:https://gitcode.com/gh_mirrors/une/unet1.项目基础介绍及主要编程语言U-Net是由IntelAI开发的一个生物医学图像分割的开源项目。该项目基于TensorFlow和Keras框架，使用Python语言编写，旨在为医学图像分析提供高效的解决
  • PEX 开源项目教程 束静研Kody
    PEX开源项目教程pexPexisajavascript3dlibrary/engineallowingforseamlessdevelopmentbetweenPlaskandWebGLinthebrowser.项目地址:https://gitcode.com/gh_mirrors/pex/pex项目介绍PEX（PolyethyleneExchange）是一个基于高密度聚乙烯（HDPE）的管道和
  • 深度ResUnet与ResUnet++：新一代的语义分割神器 倪澄莹George
    深度ResUnet与ResUnet++：新一代的语义分割神器去发现同类优质开源项目:https://gitcode.com/在这个数据驱动的时代，深度学习模型在图像处理领域展现出了强大的潜力，尤其是在语义分割任务中。今天，我们向您推荐一个基于PyTorch实现的开源项目——DeepResUnet和ResUnet++。这两个模型源自于学术界的最新研究，旨在提高图像分割的准确性和效率。项目介绍这个开源
  • Arduino入门：按钮升级（按一下按钮，LED亮，再按一下，LED熄灭） Dr.勿忘 arduinoarduino
    按钮升级（按一下按钮，LED亮，再按一下，LED熄灭）一、成果展示二、实现方法与解析首先，让我们按图连接电路：代码如下intbutton=2;intled=13;booleanchange=false;//通过按钮来改变change的值voidsetup(){pinMode(button,INPUT_PULLUP);pinMode(led,OUTPUT);}voidloop(){while(dig
  • openbmc简介 天地元黄 linux
    openbmc简介OpenBMCIPMI简介OpenBMC软件架构OpenBMC在说OpenBMC之前，先说一下BMC（BaseboardManagerController，简称BMC），BMC应用了IPMI架构的智能性，是嵌入在计算机（通常是服务器）主板上的专用的微控制器。它是负责管理系统和管理软件与服务器平台硬件之间的一个接口。根据IPMI规范，BMC需要满足如下条件：具有IMPI命令;提供B
  • 华为OD机试E卷 - 最大相连男生数/学生方阵（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试华为odjavapythonc语言c++华为OD机试E卷javascript
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述学校组织活动，将学生排成一个矩形方阵。请在矩形方阵中找到最大的位置相连的男生数量。这个相连位置在一个直线上，方向可以是水平的，垂直的，成对角线的或者呈反对角线的。注：学生个数不会超过10000输入描述输入的第一行为矩阵的行数和列数，接下来的n行为矩阵元素，元素间用”,”分隔。输出描述输出一个整数，表示矩阵中最长的位置相
  • 运维平台的建设思考 congbao6525 运维
    自己最近也在琢磨如何搭建出一个完善有效的运维平台，当然这个工作不是一朝一夕就能完成，前行的道路上肯定会有各种各样的困难和牵绊，但是自己还是能够学以致用，把一些重复性，繁琐性的工作都能解放出来，能够更加关注于更高的一个层级来看待整个系统。我把搭建运维平台的过程分成了5个阶段，当然纯粹是个人之见，难免有不足和改进之处，欢迎交流。第一个阶段，不同的人积累了一些的经验，可能会有针对一些功能的实现，比如脚本
  • Rancher初探：深入剖析产品架构并探索编程 YOLO_CODE rancher架构
    Rancher初探：深入剖析产品架构并探索编程Rancher是一个开源的容器管理平台，它提供了一套丰富的工具和功能，帮助用户轻松管理和部署容器化应用。本文将深入剖析Rancher的产品架构，并介绍如何使用编程来扩展和定制Rancher。以下是相关源代码和实例，以帮助读者更好地理解和应用所学内容。1.Rancher的产品架构概述Rancher的产品架构主要由以下几个核心组件组成：1.1Rancher
  • 从零到一：低代码平台的核心技术解析 低代码
    在数字化转型的浪潮中，低代码平台正逐渐成为企业加速应用开发、提升效率的重要工具。它打破了传统开发模式的束缚，让更多非专业开发者也能参与到应用构建中来。今天，我们就来深入剖析低代码平台背后的核心技术，看看它是如何实现高效开发的。可视化设计引擎低代码平台的显著特征之一就是可视化设计。可视化设计引擎就像是一个图形化的工作区，开发者通过简单的拖拽、配置操作，就能搭建出应用的界面和流程。它提供了丰富的组件库
  • 【Vue入门实践】Element-UI 树形组件el-tree的组件封装 =＞实现组织机构树Tree =＞ 使用vue-content-menu定制可编辑树结构editableTree 小白Rachel 前端工作日记随笔Vue项目实战elementUI组件优化vue.jsuielementuiel-tree组织机构树
    文章资源连接（如果需要付费，联系我修改即可）：https://download.csdn.net/download/Sabrina_cc/87607289好吧吐槽一下，公司决定之后的技术栈都是vue了，我又从React转战回来了。干巴爹好的生活方式，是和一群志同道合的人，一起奔跑在理想的路上！回头有一路的故事，低头有坚定的脚步，抬头有清晰的远方。首先了解Element-UI中定义的基础Tree树组
  • Rancher从入门到精通：架构设计与编程 PixelCoder rancher编程
    Rancher从入门到精通：架构设计与编程Rancher是一款功能强大的开源容器管理平台，它提供了便捷的容器编排、部署和管理功能。本文将详细介绍Rancher的架构设计，并结合相应的源代码进行编程实践。一、Rancher架构设计概述Rancher采用微服务架构，由多个核心组件组成。下面是Rancher的主要组件及其功能：RancherServer：作为Rancher的核心组件，负责管理和控制整个系
  • Rancher - 产品架构详解与编程实践 风华绚烂 rancher架构编程
    Rancher-产品架构详解与编程实践Rancher是一个开源的容器管理平台，它提供了丰富的功能和工具，用于简化容器部署、管理和编排。本文将详细介绍Rancher的产品架构，并提供一些编程实践示例。Rancher的产品架构主要由三个核心组件组成：RancherServer、RancherAgent和RancherUI。下面将对每个组件进行详细解释。RancherServer:RancherServ
  • Python实现聊天机器人（基于ChatterBot） Lemonlittle python开发语言
    废话不多说，直接上正题。使用Python中的ChatterBot和Spacy库编写的简单聊天机器人：首先，需要安装ChatterBot和Spacy库，可以使用以下命令：复制插入pipinstallchatterbotpipinstallspacypython-mspacydownloaden_core_web_sm复制插入接下来，我们需要导入所需的库：python复制插入fromchatterbo
  • ASP.NET Core MVC AAA猪饲料批发李师傅 .NETmvc.netcorec#
    项目结构控制器由Controller类实现，视图一般是扩展名为cshtml的文件，而模型则是只有属性的普通C#类。控制器类的名字一般以Controller结尾，并且被放到Controllers文件夹下。控制器的名字为控制器的类名去掉Controller。视图一般被放到Views文件夹下的控制器名字的文件夹下。视图→浏览器端提交的请求→模型→控制器→处理→模型→视图。渲染：Render。案例演示一个
  • Apache POI Annaday Springapache
    ApachePOI概述ApachePOI是用于在Java环境中读写MicrosoftOffice格式文件的开源库。支持对Excel、Word、PowerPoint等多种Office文件格式进行创建、读取、修改操作。由于企业开发中最常用的就是导出Excel文件，所以本文就以此进行讲解入门案例首先看一个简单的案例，我们需要使用该技术来读和写一个Excel文件第一步导入坐标org.apache.poip
  • 医学类 使用TransUNet、UNet、DeepLabV3+、HRNet、PSPNet 模型对息肉分割数据集进行训练、评估和可视化 EDD2020息肉数据集分割数据集 计算机C9硕士_算法工程师 数据集语义分割医学类数据集语义分割息肉TransUNetUNet
    息肉数据集/息肉瘤分割项目解决（已处理好:EDD2020数据集(EndoscopyDiseaseDetectionandSegmentationChallenge)该息肉分割数据集主要包含人体生长的（肠胃）息肉用于器官内部息肉瘤分割，息肉目标检测，息肉定位任务息肉分割是一个重要的医学影像分析任务，特别是在内窥镜检查中。EDD2020数据集是一个很好的起点。我们将使用几种流行的深度学习模型（如Tra
  • 深度剖析 Rancher：一站式容器管理与编排平台 恩爸编程 dockerrancherRancher是什么Rancher作用Rancher使用Rancher概念
    深度剖析Rancher：一站式容器管理与编排平台一、引言在当今数字化转型加速的时代，容器技术已成为构建和部署现代应用的基石。随着容器化应用的规模不断扩大以及复杂性日益增加，高效的管理与编排工具成为企业的迫切需求。Rancher应运而生，作为一款领先的开源容器管理平台，它不仅提供了强大的功能来简化容器的部署、管理和监控，还支持多种容器编排引擎，如Kubernetes、DockerSwarm等，为企业
  • 单片机基础模块学习——数码管（二） promising-w 单片机单片机嵌入式硬件蓝桥杯
    一、数码管模块代码这部分包括将数码管想要显示的字符转换成对应段码的函数，另外还包括数码管显示函数值得注意的是对于小数点和不显示部分的处理方式由于小数点没有单独占一位，所以这里用到了两个变量i,j用于跳过小数点导致的占据其他字符显示在数码管上的位置不想让某一位数码管显示的时候，用空格来代替，根据共阳数码管原理图，应将P0引脚全部设为高电平才可熄灭#include"seg.h"//段码转换函数//0x
  • C51基础知识 promising-w 单片机单片机嵌入式硬件
    1.什么是C51？计算机平台——C语言单片机平台——C51计算机平台的CPU主频，内存和硬盘相较于单片机平台都是巨大的量级，另一方面，计算机平台的有不同的操作系统，如Windows，Linux，macOS等，单片机一般是没有操作系统的，（也会有一些简单的操作系统如：RTOS,但与计算机平台的系统相比，还是较为简单的）代码直接运行在芯片上，我们常称为裸机开发，计算机平台的开发叫做基于系统的开发。另外
  • 如何找回丢失的智能合约（SimpleToken ）地址并清理合约 纸鸢666 合约破解案例区块链
    简介在以太坊和其他区块链平台上，智能合约的部署和交互非常重要。然而，在实际应用中，开发者有时会遇到一些问题，比如丢失了已经部署的合约地址。在本文中，我们将探讨一个简单的智能合约示例，说明如何找回丢失的合约地址，并清理这些合约以避免资源浪费。1.问题背景假设有一个非常简单的代币工厂合约，任何人都可以通过它轻松创建新的代币合约。这个代币合约会接收以太币并根据以太币数量发行代币。在合约创建后，代币合约部
  • Effective C++ 规则43：学习处理模板化基类内的名称 哎呦，帅小伙哦 C++c++
    1、背景在C++中，模板化基类为我们提供了强大的灵活性。然而，模板化基类的名称查找却经常会引发困惑，甚至导致编译错误。这是因为模板的名称查找规则与普通类不同。在普通类中，派生类可以直接访问基类的成员变量和成员函数，因为这些名称在编译时是确定的。然而，在模板化基类中，由于基类的定义依赖于模板参数，其成员的名称查找需要更多的信息来完成。如果派生类也是模板类，那么基类的成员名称只有在模板参数确定之后才能
  • Python | 基于支持向量机（SVM）的图像分类案例 python收藏家 python机器学习python机器学习
    支持向量机（SVM）是一种监督机器学习算法，可用于分类和回归任务。在本文中，我们将重点关注使用SVM进行图像分类。当计算机处理图像时，它将其视为二维像素阵列。数组的大小对应于图像的分辨率，例如，如果图像是200像素宽和200像素高，则数组的尺寸为200x200x3。前两个维度分别表示图像的宽度和高度，而第三个维度表示RGB颜色通道。数组中的值范围为0到255，表示每个点处像素的强度。为了使用SVM
  • 华为OD机试E卷 --学生方阵--24年OD统一考试（Java & JS & Python & C & C++） 飞码创造者 最新华为OD机试题库2024华为odjavajavascriptc语言python
    文章目录题目描述输入描述输出描述用例题目解析JS算法源码Java算法源码python算法源码c算法源码c++算法源码题目描述学校组织活动，将学生排成一个矩形方阵。请在矩形方阵中找到最大的位置相连的男生数量。这个相连位置在一个直线上，方向可以是水平的，垂直的，成对角线的或者呈反对角线的。注:学生个数不会超过10000输入描述输入的第一行为矩阵的行数和列数，接下来的n行为矩阵元素，元素间用”,”分隔。
  • 【基于无线电的数据通信链】Link 11 仿真测试 hcoolabc 现代科学技术史硬件工程
    〇、废话Link11仿真测试涉及多个方面，包括信号仿真、协议模拟、数据链路层的仿真以及网络性能评估等。Link11是一种基于HF（高频）或UHF（超高频）波段的无线通信协议，主要用于军事通信系统中。为了仿真Link11测试，以下是一个基本的步骤和方法概述：1.明确仿真目标仿真测试的目标是确认Link11协议的可靠性、性能和功能是否满足特定需求。仿真可以覆盖以下几个方面：•信号传输仿真：模拟无线电信
  • elementUI Table组件实现表头吸顶效果 热忱1128 elementuivue.js前端
    需求描述当table内容过多的时候，页面上滑滚动，表头的信息也会随着被遮挡，无法将表头信息和表格内容对应起来，需要进行表头吸顶开始编码环境：vue2.6+、elementUIstep1：给el-table__header-wrapper加上样式//style/sticky-table-header.scss.el-table[is-sticky]{overflow:initial;--sticky
  • SQL的各种连接查询 xieke90 UNION ALLUNION外连接内连接JOIN
    一、内连接   概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。                 内连接（join 或者inner join ）       SQL语法：       select * fron
  • java编程思想--复用类 百合不是茶 java继承代理组合final类
          复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书   一:组合语法:就是将对象的引用放到新类中即可     代码:     package com.wj.reuse; /** * * @author Administrator 组
  • [开源与生态系统]国产CPU的生态系统 comsci cpu
          计算机要从娃娃抓起...而孩子最喜欢玩游戏....       要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....       投入一些资金和资源,人力和政策,让游
  • JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释 商人shang jvm内存
    jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 HotSpot虚拟机GC算法采用分代收
  • 页面上调用 QQ oloz qq
    <A href="tencent://message/?uin=707321921&amp;Site=有事Q我&amp;Menu=yes">   <img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a>
  • 一些问题 文强chu 问题
    1.eclipse 导出 doc  出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 ..... SQL:3.mysql  * 必须得放前面 否则  select&nbs
  • 生活没有安全感 小桔子 生活孤独安全感
           圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明
  • php 基础语法 aichenglong php 基本语法
    1 .1 php变量必须以$开头 <?php $a=” b”; echo ?> 1 .2 php基本数据库类型 Integer  float/double Boolean string 1 .3 复合数据类型 数组array和对象 object 1 .4 特殊数据类型  null 资源类型(resource)    $co
  • mybatis tools 配置详解 AILIKES mybatis
    MyBatis Generator中文文档 MyBatis Generator中文文档地址： http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。 本文使用Markdown进行编辑，但是博客显示效
  • 继承与多态的探讨 百合不是茶 JAVA面向对象 继承 对象
    继承 extends   多态 继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：     在A类中定义属性和方法； class A{ //定义属性 int age； //定义方法 public void go
  • JS的undefined与null的实例 bijian1013 JavaScriptJavaScript
    <form name="theform" id="theform"> </form> <script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datas
  • TDD实践（一） bijian1013 java敏捷TDD
    一.TDD概述         TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。     
  • [Maven学习笔记十]Maven Profile与资源文件过滤器 bit1129 maven
    什么是Maven Profile Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息   Profile的激活机制 1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P
  • 【Hive八】Hive用户自定义生成表函数(UDTF) bit1129 hive
    1. 什么是UDTF   UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集   2. 如何实现UDTF 继承org.apache.hadoop.hive.ql.udf.generic
  • tfs restful api 加auth 2.0认计 ronin47
    　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点： 　　一是基于客户端的ip设置。这个比较容易实现。 　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。 　　现在重点介绍第二种方法实现思路。 　　 前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe
  • jdk环境变量配置 byalias javajdk
    进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 2、安装jdk-7u79-windows-x64.exe 3、配置环境变量：右击"计算机"-->&quo
  • 《代码大全》表驱动法-Table Driven Approach-2 bylijinnan java
    package com.ljn.base; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.uti
  • SQL 数值四舍五入 小数点后保留2位 chicony 四舍五入
    1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。 例如： 　　select   cast(round(12.5,2)   as   numeric(5,2))  
  • c++运算符重载 CrazyMizzz C++
    一、加+，减-，乘*，除/ 的运算符重载 Rational operator*(const Rational &x) const{ return Rational(x.a * this->a); } 在这里只写乘法的，加减除的写法类似 二、<<输出,>>输入的运算符重载      &nb
  • hive DDL语法汇总 daizj hive修改列DDL修改表
    hive DDL语法汇总 １、对表重命名 hive> ALTER TABLE table_name RENAME TO new_table_name;   2、修改表备注 hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm
  • jbox使用说明 dcj3sjt126com Web
    参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [ 点击下载]  技术交流QQGroup：172543951 100521167 [2011-11-11] jBox v2.3 正式版 - [调整&修复] IE6下有iframe或页面有active、applet控件
  • UISegmentedControl 开发笔记 dcj3sjt126com
      //    typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {     //        UISegmentedControlStylePlain,     // large plain   &
  • Slick生成表映射文件 ekian scala
    Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 "com.typesafe.slick" %% "slick-codegen" % slickVersion 因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 "com.typesa
  • ES-TEST gengzg test
    package com.MarkNum; import java.io.IOException; import java.util.Date; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.annotation
  • 为何外键不再推荐使用 hugh.wang mysqlDB
    表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。 在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不
  • 领域驱动设计 julyflame VODAO设计模式DTOpo
    概念： VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对
  • 单例设计模式 hm4123660 javaSingleton单例设计模式懒汉式饿汉式
           单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。      &nb
  • logback zhb8015 loglogback
    一、logback的介绍      Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
  • 整合Kafka到Spark Streaming——代码示例和挑战 Stark_Summer sparkstormzookeeperPARALLELISMprocessing
    作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版
  • spring-master-slave-commondao 王新春 DAOspringdataSourceslavemaster
    互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。 为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他