是小瓶子呀
是小瓶子呀

教你用html和css仿制小米官网页面

教你仿制小米官网页面（仅用html＋css）

前言

哈哈哈，我又来了。经过前面的不懈探索。我感觉我对html和css已经比较熟练了。这是在学完c语言和java后，学习的第三门语言（HTML算不上编程语言吧，哈）。这次我仿写了一个小米的官方网站，话说小米的官方比起淘宝和京东真的简洁啊！正好适合练手了，嘿嘿嘿~。
PS：我们这里今天下雪了哦！

废话不多说了（已经说了那么多了），请看：

文章目录

  • 教你仿制小米官网页面（仅用html＋css）
    • 前言
  • 一、使用的工具？
  • 二、结果展示
  • 三、总结

一、使用的工具？

博主使用的是Visual Studio Code。这个是真的方便啊，体型小不说，好用的插件还不少！赞一个。不过为了之后的后端学习，我开始慢慢转向用IDEA 了，这个软件使用起来也是真的不赖啊（想要的小伙伴可以评论区找我哦，我会经常看你们的评论的）

二、结果展示

教你用html和css仿制小米官网页面_第1张图片
教你用html和css仿制小米官网页面_第2张图片
教你用html和css仿制小米官网页面_第3张图片
教你用html和css仿制小米官网页面_第4张图片
教你用html和css仿制小米官网页面_第5张图片

代码如下（部分示例）：


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城(假的)-小米10Protitle>
    <link rel="stylesheet" href="style.css">
head>

<body>
    
    <div class="bear">
        <div class="xiaopingzi">小瓶子出品div>
        <div class="bear_box">
        div>
    div>

    
    <div class="ssp">
        <a href="none.html">
            <div class="banner1 clearfix">
                <a href="none.html">
                    <img src="tupian/banner1.jpg" alt="">
                a>
            div>
        a>

        
        <div class="nav clearfix">
            <div class="w clearfix">
                <ul>
                    <li><a href="https://www.mi.com/index.html">小米商城a>li>
                    <li><a href="https://www.miui.com/">MiUia>li>
                    <li><a href="https://iot.mi.com/">loTa>li>
                    <li><a href="https://i.mi.com/">云服务a>li>
                    <li><a href="https://airstar.com/home">天星科技a>li>
                    <li><a href="https://youpin.mi.com/">有品a>li>
                    <li><a href="https://xiaoai.mi.com/">小爱开放平台a>li>
                    <li><a href="https://qiye.mi.com/">企业团购a>li>
                    <li><a href="https://www.mi.com/aptitude/list/?id=41">资质证照a>li>
                    <li><a href="https://www.mi.com/aptitude/list/">协议规则a>li>
                    <li><a href="https://www.mi.com/appdownload/">下载appa>li>
                    <li><a href="https://xiaomishare.mi.com/?from=micom">智能生活a>li>
                    <li><a href="none.html">Select Locationa>li>

                ul>
                <div>
                    <ul>
                        <li><a href="none.html">登陆a>li>
                        <li><a href="none.html">注册a>li>
                        <li><a href="none.html">通知消息a>li>
                        <span>
                            <a href="https://www.mi.com/buy/cart" class="iconfont"> 购物车(0)a>
                        span>
                    ul>
                div>
            div>
        div>

css代码如下（部分示例）：

* {
     
     padding: 0;
     margin: 0;
 }
 
 li {
     
     list-style: none;
 }
 
 a {
     
     text-decoration: none;
 }
 
 em,
 i {
     
     font-style: normal;
     padding: 0;
     margin: 0;
 }
 
 @keyframes bear {
     
     0% {
     }
     100% {
     
         background-position: -1280px 0;
     }
 }
 
 .bear {
     
     position: fixed;
     top: 400px;
     left: 0;
 }
 /*.xiaopingzi {
     background-color: rgb(11, 205, 240);
     color: rgb(253, 78, 47);
     font-size: 18px;
     font-family: "YouYuan";
     text-align: center;
 }*/
 /* ********************* */
 
 .xiaopingzi {
     
     background-image: -webkit-linear-gradient(left, blue, #66ffff 10%, #cc00ff 20%, #f3150d 30%, #CCCCFF 40%, #00FFFF 50%, #CCCCFF 60%, #cc0000 70%, #CC00FF 80%, #66FFFF 90%, blue 100%);
     -webkit-text-fill-color: transparent;
     /* 将字体设置成透明色 */
     -webkit-background-clip: text;
     /* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
     -webkit-background-size: 200% 100%;
     -webkit-animation: masked-animation 4s linear infinite;
     font-size: 20px;
     text-align: center;
 }
 
 @keyframes masked-animation {
     
     0% {
     
         background-position: 0 0;
     }
     100% {
     
         background-position: -100% 0;
     }
 }
 /* ************************** */
 
 .bear_box {
     
     width: 160px;
     height: 80px;
     background: url(tupian/百度浏览器奔跑的熊bear-25676f9.png) no-repeat;
     background-color: rgb(182, 58, 58);
     animation: bear 0.8s steps(8) infinite;
 }
 
 @font-face {
     
     font-family: 'icomoon';
     src: url('fonts/icomoon.eot?bkblej');
     src: url('fonts/icomoon.eot?bkblej#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?bkblej') format('truetype'), url('fonts/icomoon.woff?bkblej') format('woff'), url('fonts/icomoon.svg?bkblej#icomoon') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: block;
 }
 
 input {
     
     outline: none;
 }
 
 .w {
     
     width: 1226px;
     margin: 0 auto;
     /* background-color: rgb(204, 206, 105); */
 }
 
 .clearfix:after {
     
     visibility: hidden;
     clear: both;
     display: block;
     content: ".";
     height: 0;
 }
 
 .clearfix {
     
     *zoom: 1;
 }

因为代码有点多，全部上传后加载太慢，会卡死。所以想要源码的小伙伴们也请在评论区留言吧！看到后我会打包发给你的。

三、总结

学习HTML和css也已经有一两个月了。比起后端的c语言和java感觉前端真的轻松，而且视觉冲击很大，写完后浏览器打开会立刻感受到满满的成就感。就像是看着一个孩子在自己手中慢慢的变成自己想要的模样！因为在学校天天都有琐事的原因，导致学习效率并不是很高。大三了，还有考研，还要参加互联网＋比赛和大创项目。每天真的好忙啊，但有时候又会没有动力学习。这几天又没去图书馆，害，大概是废了。又想考研，又想参加比赛，还想学好编程，要做的事真的太多了，就会导致一事无成。

你可能感兴趣的:(前端,css,web)

  • 请解释设备像素、CSS 像素、设备独立像素、DPR、PPI 之间的区别 ？ 程序员黄同学 前端开发Java面试题JavaScriptjavascript开发语言
    一、核心概念解释1.设备像素（PhysicalPixel）定义：屏幕物理发光点的最小单位，硬件决定不可变。例如iPhone12的屏幕分辨率2532×1170表示横向2532个物理像素点。特点：不同设备物理像素密度不同，高密度屏幕（如Retina）单位面积像素更多。2.CSS像素（CSSPixel）定义：前端开发中使用的逻辑像素单位，如width:300px。浏览器根据DPR自动换算为物理像素。特点
  • qt 图形视图框架详解以及举例 爱学习的大牛123 qt开发qt数据库开发语言
    1基础介绍Qt的图形视图框架是一个强大的工具,用于创建和管理大量的2D图形项目。它由三个主要类组成:QGraphicsScene、QGraphicsView和QGraphicsItem。下面我将详细解释这个框架,并提供一些示例代码。1.框架组成a)QGraphicsScene(场景):-用于管理大量的2D图形项目-提供了一个高效的接口来添加、删除和查找项目b)QGraphicsView(视图):-
  • 基于Web的手机模拟器的实现(含源文件) 设计源码分享
    欢迎添加微信互相交流学习哦！项目源码：https://gitee.com/oklongmm/biye设计说明书题目基于Web的手机模拟器的实现摘要随着信息技术的迅速发展，Web技术的应用越来越普及。除了常见的教学课件演示、实验动画模拟、过程仿真实现、可视化仿真及测试系统等方面的应用外，Web也因其浏览方便、实现技术相对简单、使用方式灵活等特点，开始涉及生活中的方方面面，为人们的生活带来越来越多的便
  • Spring Boot整合EasyExcel并行导出及Zip压缩下载 harmful_sheep springbootspringbootjava后端
    1.项目依赖首先，我们需要引入相关的依赖，包括SpringBoot和阿里巴巴的EasyExcel组件，此外还需要使用Java的Zip工具进行压缩操作。org.springframework.bootspring-boot-starter-webcom.alibabaeasyexcel3.0.5commons-iocommons-io2.11.02.创建数据导出逻辑接下来，我们定义数据导出逻辑。在这
  • 防重复提交思路 harmful_sheep springbootjava
    本文将从以下几个方面展开：（1）重复提交产生的原因（2）什么是幂等性（3）针对重复提交，前后端的解决方案（4）如果实现一个防重复提交工具产生原因由于重复点击或者网络重发eg:点击提交按钮两次;点击刷新按钮;使用浏览器后退按钮重复之前的操作，导致重复提交表单;使用浏览器历史记录重复提交表单;浏览器重复的HTTP请求;nginx重发等情况;分布式RPC的try重发等;主要有2个部分：（1）前端用户操作
  • Jfinal websocket onMessage无法接收二进制音频数据问题 withme977 websocket网络协议网络
    最开始，和vue联调的时候是可以接收二进制音频流数据的，大小在5k左右；后面音频流数据每条8k多9k的时候就接收不到二进制音频数据了，并且刚请求连接上webcoket，发送一条消息后，就直接被动关闭websocket连接；最重要的是还不报错！！刚开始还没找到是数据大小限制的问题（由于要测试好多其它语音包，例如vad4j，webrctvad这些），以为是自己哪里搞错了，就找websocket什么时候
  • html5 二进制数据解析,JavaScript读写二进制数据的方法详解 如果有片海 html5二进制数据解析
    前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数，如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面话不多说了，来一起看看详细介绍的吧类型化数组的出现类型化数组是HTML5中引入的API，它能够让开发者使用JavaScript直接操作二进制数据。在类型化数组出现之前，我们是无法直接通过JavaScript操作二进制数据，通常都是操作J
  • 本地部署DeepSeek + AnythingLLM 搭建高效安全的个人知识库 Chhjnavy AIDeepSeek大模型本地知识库协同工作
    环境准备：本地部署方案请参考博客：windows平台本地部署DeepSeek大模型+OpenWebUI网页界面（可以离线使用）-CSDN博客windows平台本地部署DeepSeek大模型+Chatbox界面（可以离线使用）-CSDN博客根据本人电脑配置：windows11+i9-13900HX+RTX4060+DDR5560032G内存确定搭建方案：DeepSeek-R1:7b+Ollama+A
  • 前端如何播放二进制音频数据 尼古拉斯网页匠 音视频javascriptreact.js
    音频数据播放数据consttryListen=async(row)=>{awakenPlay(row.sid).then((res)=>{//请求接口，拿到二进制音频数据constbinaryData=atob(res.data);//将二进制数据转换为Uint8ArrayconstbyteArray=newUint8Array(binaryData.length);for(leti=0;i
  • Spring Boot 示例项目：从零开始构建 Web 应用 梦落青云 JAVAspringbootjava
    一、项目概述本文档将指导您通过一个示例项目，了解如何使用SpringBoot框架构建一个简单的Web应用程序。该项目涵盖了从数据模型定义到控制器、服务层以及数据访问层的完整开发流程，帮助您快速掌握SpringBoot的基本使用方法。二、项目结构1.项目模块本示例项目分为以下几个主要模块：数据模型模块：负责定义与数据库表对应的实体类，使用JPA注解进行映射。控制器模块：处理客户端的HTTP请求，调用
  • 一文读懂Ingress-Nginx以及实战教程 努力的小T KubernetesLinux云计算运维基础nginx运维服务器linuxkubernetes云原生
    Ingress-Nginx简介Ingress-Nginx是Kubernetes的一个入口控制器，它允许您将外部HTTP和HTTPS流量路由到集群内的服务。除了标准的HTTP/HTTPS路由功能外，Ingress-Nginx还支持WebSocket、gRPC、TCP和UDP协议。实战教程：从零开始部署Ingress-Nginx步骤1：环境准备确保您的Kubernetes集群版本为v1.29.7，并且
  • SQL注入技术详解与过滤绕过方法 Cyc1e sql数据库web安全网络
    SQL注入技术详解与过滤绕过方法1.什么是SQL注入？SQL注入（SQLInjection）是一种常见的Web安全漏洞，指攻击者将恶意的SQL代码插入到应用程序的输入字段中，并通过应用程序发送到数据库进行执行，进而对数据库进行未授权操作。其可能导致敏感数据泄露、篡改、删除等严重后果。1.1SQL注入的工作原理SQL注入的核心在于，攻击者通过操控输入字段，使服务器端的SQL查询语句发生意料之外的变化
  • 前端面试题 阿芯爱编程 面试前端
    以下是一些前端面试题：一、HTML/CSS部分请描述HTML的语义化标签的重要性，并列举一些常用的语义化标签。答案：重要性：对搜索引擎优化（SEO）有帮助，搜索引擎能够更好地理解页面结构，从而提高网站在搜索结果中的排名。提高代码的可读性和可维护性，使开发者更容易理解页面布局和功能逻辑。对于辅助技术（如屏幕阅读器）更友好，能够准确地向用户传达页面内容。常用语义化标签：：定义页面或区域的头部内容，通常
  • socket io 前后端样例 漫无目的行走的月亮 python开发语言
    Socket.IO是一个用于实现实时双向通信的库，最初是为Node.js开发的，用于解决WebSocket在不同浏览器和网络环境中的兼容性问题。它提供了一个统一的API，使得开发者可以轻松实现实时双向通信，而不必担心底层传输协议的差异。目前，Socket.IO不仅支持Node.js，还扩展到了Python、Java、.NET等多种编程语言和平台。Socket.IO主要由服务器端和客户端两部分组成：
  • 【linux numa】 NUMA 绑核 Dayu_log linuxlinux
    1.NUMA的前世今生NUMA（NonUniformMemoryAccess）和UMA（UniformMemoryAccess）是两种CPU相关的硬件架构。在早期的UMA架构中，CPU通过前端总线（FSB，FrontSideBus）连接到北桥芯片，然后北桥芯片连接到内存，即内存控制器集成在北桥芯片中。外部IO设备与南桥芯片相连，南桥芯片与北桥芯片通过内部总线相连。下图为UMA架构图下图为早期的UM
  • 前端高级面试题 阿芯爱编程 面试前端
    以下是一些前端高级面试可能涉及到的内容：一、前端工程化如何构建一个适合大型团队的前端代码规范和构建流程？答案：代码规范方面：使用ESLint结合Prettier来统一JavaScript和CSS（包括预处理器如Sass或Less）的语法风格。例如，规定变量命名采用驼峰命名法，函数名要有明确含义等。对于HTML结构，制定语义化标签的使用规范，如导航栏使用标签，页脚使用标签等。确定组件化的规范，包括组
  • 图扑智慧展馆合集 | 打造城市基础设施数字化应用
    智慧展览馆是指利用先进的科技手段和现代化管理方式，将传统的展览馆、科技馆等场所进行数字化、智能化改造的新型展览空间。其中包括智慧展厅、智慧展馆和智慧博物馆等不同形式，它们带来了全新的观展体验和更为高效的管理模式。效果展示图扑运用HT强大的渲染功能，数字孪生各类智慧展览馆，1:1地复现其内部独特的结构造型和建筑特色。通过应用可视化、WebGIS、倾斜摄影、VR、沉浸式交互等多重技术手段，构建数据共享
  • 江行智能×图扑软件：输煤皮带数字孪生管控系统
    在现代矿业和电力行业中，输煤皮带系统是运输环节的核心。然后，随着智能化生产的高要求，智慧矿山输煤皮带系统的传统管理模式已显得力不从心。产业引入的三维可视化和数字孪生技术，一改传统输煤皮带系统由于设备老化、管理不善等原因，导致的可能出现停机和故障等问题，大幅提高输煤皮带系统运转效率。效果展示采用图扑软件自主研发HTforWeb产品构建轻量化的3D可视化场景，建立动态的数字化输煤皮带模型。在本次展示的
  • youtube new tools website blogcs youtubetowavioswebview
    1.MainFunctionTheprimarypurposeofthissiteistoprovideuserswithaconvenientwaytoextracttheaudiofromYouTubevideosintheWAVformat.Thisisusefulforavarietyofreasons.Forexample,WAVisahigh-qualityaudioformattha
  • Flutter学习 T_yoo_csdn Flutter前端Flutter
    flutter环境搭建mac版Flutter中文网Flutter原理及美团的实践背景Flutter的目标是使同一套代码同时运行在Android和iOS系统上，并且拥有媲美原生应用的性能，Flutter甚至提供了两套控件来适配Android和iOS（滚动效果、字体和控件图标等等），为了让App在细节处看起来更像原生应用。在Flutter诞生之前，已经有许多跨平台UI框架的方案，比如基于WebView
  • 用 Python 撸一个 Web 服务器-第9章：项目总结 pythonweb
    项目总结本教程带大家一起实现了一个TodoList程序，包含基础的增删改查功能，和用户登录认证。这也是Web开发中最常见的需求。我画了一张思维导图，帮助你从宏观的角度来概览TodoList程序，加深你对Web开发的理解。TodoList项目整体思路参考MVC设计模式。有意设计utils/目录专门用来存储一些工具方法，这些工具方法通常比较独立，尽量不从外部模块导入依赖，其他模块需要某个工具方法时从u
  • 用 Python 撸一个 Web 服务器-第7章：重构——更好的组织代码 pythonweb
    通过前几章的学习，我们完成了TodoList程序的todo管理部分，实现了对todo的增、删、改、查基本操作，这也是几乎所有Web程序都具备的功能。我们当然可以按照目前的思路继续来实现用户管理部分，在models.py中编写用户相关的模型，在templates/目录下新建用户相关HTML，在controllers.py中编写用户相关的视图函数。但是，随着新功能的加入，把不同功能的代码都写在相同的文
  • 深入了解 AppScan 工具的使用：筑牢 Web 应用安全防线 垚垚 Securify 前沿站 十大漏洞网络安全前端web安全系统安全运维
    前言IBMAppScan作为一款业界领先的Web应用程序安全测试工具，就像一位专业的“安全卫士”，能够精准高效地识别并协助修复各类安全漏洞，为应用安全保驾护航。接下来，让我们一同深入探索AppScan的使用奥秘。一、探秘AppScan：功能与原理剖析AppScan的核心功能是模拟黑客的多样化攻击手段，对Web应用程序展开全方位、无死角的深度扫描，从而揪出隐藏其中的SQL注入、跨站脚本（XSS）、文
  • Vue 实现全球国家国旗的使用，附全球国家的JSON数据 Song_Estelle vue前端vue.jsjsonjavascript
    有时在前端展示中需要用到全球国家的国旗图标，我们可以用到flag-icon-css这个插件。1.安装flag-icon-cssnpminstallflag-icon-css2.在main.js中全局引用import'flag-icon-css/css/flag-icons.css'3.在界面中使用换不同的国旗，将flag-icon-后的国家代码换掉就行，国家代码对照表iso-3166-1全球国家名
  • 服务器数据传输协议,详解前端websocket服务器之数据传输协议 前言 服务器发送数据 服务端接受数据 总结... weixin_39980575 服务器数据传输协议
    前言上一篇文章我们初步搭建了一个websocket，但是还不能发送和接收数据，这篇文章我们聊一聊它是如何收发数据的。websocket支持文本和二进制的传输，内部是如何接收和发送数据的对使用者来说是不可见的，虽然这不影响使用，但是为了更加深入了解websocket的原理，我们还是有必要一探究竟！我们首先来看一张数据结构的二进制图，如下：如图1，乍一看可能看不懂，我先来解释一下：图1最上面表示的是二
  • vue中显示和隐藏如何做动画_Vue--过渡动画实现的三种方式 weixin_39638623 vue中显示和隐藏如何做动画
    1@charset"UTF-8";23/*!4*animate.css-http://daneden.me/animate5*Version-3.5.26*LicensedundertheMITlicense-http://opensource.org/licenses/MIT7*8*Copyright(c)2017DanielEden9*/1011.animated{12animation-du
  • vue基础七（Less） 今天晚上一定要早睡 vuevue.jscsscss3
    Less安装注释导入变量（Variables）混合（Mixins）嵌套（Nesting）运算转义（Escaping）函数（Functions）命名空间和访问符映射作用域sass,less和stylussass变量的表示变量的赋值缩进的问题if条件判断的问题都支持嵌套Less（LeanerStyleSheets的缩写）是一门向后兼容的CSS扩展语言。安装将less安装为开发依赖npmiless--s
  • WebSocket协议里客户端发送给服务器的数据会用4字节的掩码循环异或的分析 cdcdhj nodejswebsocket服务器网络
    首先，我需要回顾WebSocket协议中对掩码处理的具体要求。根据RFC6455，客户端发送到服务器的帧必须使用掩码，而服务器发送的帧不需要掩码。掩码是4字节的，应用于有效载荷数据，每个字节依次与掩码的对应字节异或，循环使用掩码。例如，第一个字节与掩码的第0个字节异或，第二个与第1个，第三个与第2个，第四个与第3个，第五个又回到第0个，依此类推。用户提供的unmask函数看起来是正确的，因为它确实
  • WebSocket协议解析 : 双向实时通信的利器 氦客 网络websocket网络协议HTTP全双工实时通信局域网工作原理
    1.WebSocket是什么WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket允许客户端和服务器之间进行实时的双向通信。这意味着服务器可以主动推送数据到客户端，而不需要客户端每次都发送请求来获取数据。这种通信方式通过长连接实现，即连接建立后，可以持续进行数据传输，直到一方主动关闭连接。1.1什么是实时通信?传统的通信方式，比如电子邮件或者普通的网页浏览，通常都会存在
  • js 12 小箌 javascript前端css
    css.carousel{position:relative;width:100%;max-width:600px;margin:0auto;}.images{display:flex;overflow:hidden;}.imagesimg{width:100%;display:block;}.dots{text-align:center;position:absolute;bottom:10px
  • 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题 何必如此 jsp超链接文件下载窗口
    生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
  • 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析 bit1129 cluster
    在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识： 首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste
  • linux上独立安装部署spark daizj linux安装spark1.4部署
    下面讲一下linux上安装spark，以 Standalone Mode 安装   1）首先安装JDK   下载JDK：jdk-7u79-linux-x64.tar.gz  ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz     然后配置 ~/.bashrc&nb
  • Java 字节码之解析一 周凡杨 java字节码javap
        一： Java 字节代码的组织形式   类文件 {     OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组 } &nbs
  • java各种小工具代码 g21121 java
    1.数组转换成List import java.util.Arrays; Arrays.asList(Object[] obj); 2.判断一个String型是否有值 import org.springframework.util.StringUtils; if (StringUtils.hasText(str)) 3.判断一个List是否有值 import org.spring
  • 加快FineReport报表设计的几个心得体会 老A不折腾 finereport
    一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！ 二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。
  • mysql linux启动与停止 墙头上一根草
    如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin
  • Spring中事务管理浅谈 aijuans spring事务管理
    Spring中事务管理浅谈 By Tony Jiang@2012-1-20 Spring中对事务的声明式管理 拿一个XML举例 [html]  view plain copy print ? <?xml version="1.0" encoding="UTF-8"?>&nb
  • php中隐形字符65279（utf-8的BOM头）问题 alxw4616
    php中隐形字符65279（utf-8的BOM头）问题 今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.   调试: 1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题. 2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.        
  • 调用对象是否需要传递对象(初学者一定要注意这个问题) 百合不是茶 对象的传递与调用技巧
        类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看   为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)   类和对象的基础概念:   JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
  • JDK1.5 AtomicLong实例 bijian1013 javathreadjava多线程AtomicLong
    JDK1.5 AtomicLong实例 类 AtomicLong 可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。  
  • 自定义的RPC的Java实现 bijian1013 javarpc
            网上看到纯java实现的RPC，很不错。         RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何
  • 【RPC框架Hessian一】Hessian RPC Hello World bit1129 Hello world
    什么是Hessian The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
  • 【Spark九十五】Spark Shell操作Spark SQL bit1129 shell
    在Spark Shell上，通过创建HiveContext可以直接进行Hive操作   1. 操作Hive中已存在的表   [hadoop@hadoop bin]$ ./spark-shell Spark assembly has been built with Hive, including Datanucleus jars on classpath Welcom
  • F5　往header加入客户端的ip ronin47
    when HTTP_RESPONSE {if {[HTTP::is_redirect]}{         HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
  • java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5, bylijinnan java
    思路来自： http://zhedahht.blog.163.com/blog/static/2541117420116135376632/ 写了个java版的 public class GreatestLeftRightDiff { /** * Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。 * 求所有数对之差的最大值。例如在数组
  • mongoDB 索引 开窍的石头 mongoDB索引
    在这一节中我们讲讲在mongo中如何创建索引       得到当前查询的索引信息      db.user.find(_id:12).explain();        cursor: basicCoursor 指的是没有索引  &
  • [硬件和系统]迎峰度夏 comsci 系统
      从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内    所以，从现在开始准备渡过炎热的夏天。。。。    每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系)    坐的，躺的地方要有凉垫，床上要有凉席       电脑的机箱
  • 基于ThinkPHP开发的公司官网 cuiyadll 行业系统
    后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统 轻量级企业网站管理系统 运行环境:PHP5.3+, MySQL5.0 系统预览 系统下载：http://www.tecmz.com 预览地址：http://co.tecmz.com 各种设备自适应 响应式的网站设计能够对用户产生友好度，并且对于
  • Transaction and redelivery in JMS (JMS的事务和失败消息重发机制) darrenzhu jms事务承认MQacknowledge
    JMS Message Delivery Reliability and Acknowledgement Patterns http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/ Transaction and redelivery in
  • Centos添加硬盘完全教程 dcj3sjt126com linuxcentoshardware
    Linux的硬盘识别: sda        表示第1块SCSI硬盘 hda       表示第1块IDE硬盘 scd0      表示第1个USB光驱 一般使用“fdisk -l”命
  • yii2 restful web服务路由 dcj3sjt126com PHPyii2
    路由 随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。 在实践中，你通常要用美观的URL并采取有优势的HTTP动词。 例如，请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
  • MongoDB查询(4)——游标和分页[八] eksliang mongodbMongoDB游标MongoDB深分页
    转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标         数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示： > var
  • Activity的四种启动模式和onNewIntent() gundumw100 android
    Android中Activity启动模式详解 　　在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。 　　Android总Activity的启动模式分为四种： Activity启动模式设置： <acti
  • 攻城狮送女友的CSS3生日蛋糕 ini htmlWebhtml5csscss3
    在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm   代码如下：   <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
  • 读源码学Servlet（1）GenericServlet 源码分析 jzinfo tomcatWebservlet网络应用网络协议
    Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。     先看javax.servlet.servlet接口源码：  package
  • JAVA进阶：VO(DTO)与PO(DAO)之间的转换 snoopy7713 javaVOHibernatepo
      PO即 Persistence Object　　VO即 Value Object 　VO和PO的主要区别在于：　　VO是独立的Java Object。　　PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。 　实际上，这个VO被用作Data Transfer
  • mongodb group by date 聚合查询日期 统计每天数据（信息量） qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    /* 1 */ { "_id" : ObjectId("557ac1e2153c43c320393d9d"), "msgType" : "text", "sendTime" : ISODate("2015-06-12T11:26:26.000Z")
  • java之18天 常用的类(一) Luob. MathDateSystemRuntimeRundom
    System类 import java.util.Properties; /** * System: * out:标准输出,默认是控制台 * in:标准输入,默认是键盘 * * 描述系统的一些信息 * 获取系统的属性信息:Properties getProperties(); * * * */ public class Sy
  • maven wuai maven
    1、安装maven：解压缩、添加M2_HOME、添加环境变量path 2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹 3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹 4、进入mvn_ch01 4.1、mvn compile ,执行后会在
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他