Happy_change
Happy_change

web前端实训day06——学子商城登录页面实现

今日内容

  • web前端实训day06——学子商城登录页面（html+css）
    • 准备
      • 垂直居中
      • 边框合并
    • 实现
      • login.html
      • login.css
      • common.css（登录注册页面共同的css初始化部分）

web前端实训day06——学子商城登录页面（html+css）

准备

垂直居中

<style>
        /*
            行内元素的宽高都是由里面的内容撑起来的，使用line-height没什么意思
            块元素：
                行内元素可以使用行高进行垂直居中
                行内块元素也可以使用行高进行垂直居中
                块元素：
                    可以通过转换成行内块元素的形式进行垂直居中
        */
        .div span {
            line-height: 40px;
            background-color: aqua;
        }
        .div2 {
            width: 200px;
            height: 200px;
            background-color: aqua;
            line-height: 200px;
            overflow: hidden;
        }

        .div2 div{
            /* margin-top: 50%; 中间的位置：50%+本身高度的一半 
                使用相对定位:减去本身高度的一半，就垂直居中了
            */
            position: relative;
            margin-top: 50%;
            top: -25px;
            width: 30px;
            height: 50px;
            background-color: blue;
            
        }
    style>

 <h2>行内元素当中的内容h2>
    <div class="div">
        <span>我是行内元素span>
    div>
    <h2>块元素当中的内容h2>
    <div class="div2">
        
        
        
        <div>div>
    div>

边框合并

<style>
        /*
            1.给父元素边距
            2.给父元素设置overflow：hidden
            3.使用浮动
            4.折中，使用padding
        */
        .parent {
            width: 400px;
            height: 400px;
            background-color: aqua;
            /* border: 1px solid rgba(0,0,0,0); */
            
            /* overflow: hidden; */
            
            /* padding-top: 100px;
            box-sizing: border-box; */

            
        }

        .son {
            height: 100px;
            width: 100px;
            background-color: blue;
            margin-top: 100px;
        }
style>

<div class="parent">
        <div class="son">div>
div>

实现

login.html


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面title>
    
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">
head>
<body>
    
    <div class="w header">
        <img src="images/logo.png" alt="logo" class="fl">
        <h2 class="fl">欢迎登录h2>
    div>

    
    <div class="content">
        <div class="fr">
            <div class="title">
                <h2 class="fl">登录学子商城h2>
                <a href="register.html" class="fr">新用户注册a>
            div>
            <form action="#">
                <div class="username">
                    <input type="text" class="input-text" placeholder="请输入您的用户名">
                    <p class="msg">用户名不能为空p>
                div>
                <div class="password">
                    <input type="text" class="input-text" placeholder="请输入您的密码">
                    <p class="msg">密码不能为空p>
                div>
                <div class="choose">
                    <input type="checkbox" id="remeberMe">
                    <label for="remeberMe">自动登录label>
                    <a href="#" class="fr" >忘记密码a>
                div>
                <div class="login-btn">
                    <button>登录button>
                div>
            form>            
        div>
    div>
    

    
    <div class="service clearfix w">
        <div>
            <img src="images/icon1.png" alt="品质保障">
            <h4>品质保障h4>
        div>
        <div>
            <img src="images/icon2.png" alt="私人订制">
            <h4>私人订制h4>
        div>
        <div>
            <img src="images/icon3.png" alt="学员特供">
            <h4>学员特供h4>
        div>
        <div>
            <img src="images/icon4.png" alt="专属特权">
            <h4>专属特权h4>
        div>
    div>
    

    
    <div class="footer">
        <div class="w clearfix">
            <div class="fl">
                <div>
                    <img src="images/logo.png" alt="logo">
                div>
                <div>
                    <img src="images/footerFont.png" alt="文字">
                div>
            div>
            
            <div class="buyer fl">
                <dl>
                    <dt>买家帮助dt>
                    <dd>新手指南dd>
                    <dd>服务保障dd>
                    <dd>常见问题dd>
                dl>
            div>
            
            <div class="saler fl">
                <dl>
                    <dt>商家帮助dt>
                    <dd>商家入驻dd>
                    <dd>商家后台dd>
                dl>
            div>
            
            <div class="about fl">
                <dl>
                    <dt>关于我们dt>
                    <dd>关于达内dd>
                    <dd>联系我们dd>
                    <dd>
                        <img src="images/wechat.png" alt="wechat">
                        <img src="images/sinablog.png" alt="sinablog">
                    dd>
                dl>
            div>
            <div class="client fl">
                <h4>学子商城客户端h4>
                <div><img src="images/ios.png" alt="ios">div>
                <div><img src="images/android.png" alt="android">div>
            div>
            <div class="fl">
                <img src="images/erweima.png" alt="二维码">
            div>
        div>
         
        <div class="w copyright">
            <p>©2017 达内集团有限公司 版权所有 京ICP证xxxxxxxxxxxp>
        div>
    div>

    


body>
html>

login.css

.header {
    margin:30px auto ;
    height: 41px;
}

.header h2 {
    line-height: 41px;
    margin-left: 10px;
    font-size: 24px;
    color: #4f4e4d;
    font-weight: 400;
}

.content {
    height: 561px;
    background-image: url(../images/regist.png);
}

.content>div {
    margin-right: 122px;
    margin-top: 122px;
    padding: 10px;
    width: 280px;
    height: 296px;
    background-color: rgba(0,0,0,0.3);
    color: white;
    box-sizing: border-box;
}

.title {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid white;
}

.title h2 {
    font-size: 18px;
    font-weight: normal;
}

.title a {
    font-size: 12px;
}

.username, .password {
    margin-top: 18px;
}

.input-text {
    width: 100%;
    height: 35px;
    padding-left: 15px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 95% center;
}

.msg {
    visibility: hidden;
    line-height: 30px;
    font-size: 12px;
    color: red;
}

.username input {
    background-image: url(../images/username.png);
}


.password input {
    background-image: url(../images/password.png);
}

.choose {
    margin-top: 8px;
    font-size: 12px;
}

.choose input {
    margin-left: 5px;
    vertical-align: middle;
}

.login-btn {
    margin-top: 10px;
}

.login-btn button {
    width: 100%;
    height: 35px;
    background-color: #0aa1ed;
    color: white;
    font-weight: 700;
}

.service {
    margin: 43px auto 74px;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.service div {
    float: left;
    margin: 0px 93px;
    width: 64px;
    height: 80px;
}

.service div h4 {
    font-weight: 400;
}

.footer {
    background-color: white;
    padding-top: 62px;
}

/* .footer>div {
    margin-top: 62px;
} */

.buyer {
    margin: 0px 57px;

}

dt {
    font-size: 14px;
    color: #333333;
    text-align: center;
    height: 26px;
}

dd {
    font-size: 12px;
    color: #808080;
    text-align: center;
    height: 26px;
}

.saler, .about {
    margin-right: 57px;
}

.client {
    margin-left: 30px;
    margin-right: 10px;
}

.client h4 {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 400;
    text-align: center;
}

.copyright p{
    margin-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 12px;
}

common.css（登录注册页面共同的css初始化部分）

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #f5f5f5;
}

a {
    text-decoration: none;
    color: white;
}

input {
    border: none;
}


input:focus {
    outline: none;
}


button {
    border: none;
}

li {
    list-style: none;
}

.w {
    width: 1000px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.contentfix {
    *zoom: 1;
}

你可能感兴趣的:(web前端实训day06——学子商城登录页面实现)

  • Google Protocol Buffers介绍 fengbingchun Caffe
    GoogleProtocolBuffers(简称Protobuf)，是Google的一个开源项目，它是一种结构化数据存储格式，是Google公司内部的混合语言数据标准，是一个用来序列化（将对象的状态信息转换为可以存储或传输的形式的过程）结构化数据（即行数据，存储在数据库里，可以用二维表结构来逻辑表达实现的数据）的技术，支持多种语言诸如C++、Java以及Python。可以使用该技术来持久化数据（将
  • vue3：mitt 米粒宝的爸爸 vue3vue.js前端javascript
    在Vue3中使用mitt进行事件总线的实现非常简单。mitt是一个轻量级的事件库，适用于Vue项目中的组件间通信。实现自定义组件直接相互传值，父到子，子到子，子对子，子对孙，想怎么传就怎么传。和android的Eventbus一个玩法1.下载mittnpmimittmac下载，如果权限不够，加sudo2.创建个公共的utils类-emitter.ts//引入mittimportmittfrom'm
  • 轻松实现 vLLM Chat：用 LangChain 替代 OpenAI API ahdfwcevnhrtds langchainpython
    引言在现代应用中，使用语言模型进行自动化对话生成已经成为一个重要趋势。vLLM作为开源的语言模型实现，可以部署成一个模拟OpenAIAPI协议的服务器，方便成为应用中的替代方案。本篇文章将介绍如何使用LangChain的langchain-openai包来轻松实现vLLMChat。主要内容vLLM概述vLLM可以作为一个服务部署，模拟OpenAIAPI协议，从而成为OpenAIAPI的替代方案。通
  • .NET MAUI 手搓 UDP/TCP 通信 云端狂人 .netudptcp/ip
    在.NETMAUI中，UDP和TCP是网络通信协议，与MAUI框架本身的关系在于.NETMAUI可以利用.NET的网络功能来实现跨平台的网络通信。.NET提供的System.Net.Sockets命名空间来处理。该命名空间提供了创建和管理套接字（Sockets）来进行网络通信的相关类和方法。在.NETMAUI中，这些类同样适用于跨平台应用开发。具体来说：.NETMAUI是一个跨平台框架，用于构建A
  • 头歌实训作业 算法设计与分析-动态规划(第1关：0/1背包问题) Milk夜雨 头歌实训作业算法动态规划
    任务描述求解0/1背包问题。问题描述有n个重量分别为{w1，w2，…，wn}的物品，它们的价值分别为{v1，v2，…，vn}，给定一个容量为W的背包。设计从这些物品中选取一部分物品放入该背包的方案，每个物品要么选中要么不选中，要求选中的物品不仅能够放到背包中，而且重量和为W，并具有最大的价值。测试说明测试输入：第一行为2个整数，分别表示物品数量n（1≤n≤20）和背包容量W（1≤W≤10000）。
  • Python 网络爬虫进阶：动态网页爬取与反爬机制应对 Milk夜雨 pythonpython爬虫
    在上一篇文章中，我们学习了如何使用Python构建一个基本的网络爬虫。然而，在实际应用中，许多网站使用动态内容加载或实现反爬机制来阻止未经授权的抓取。因此，本篇文章将深入探讨以下进阶主题：如何处理动态加载的网页内容应对常见的反爬机制爬虫性能优化通过具体实例，我们将探讨更复杂的网络爬虫开发技巧。一、动态网页爬取现代网页通常通过JavaScript加载动态内容。直接使用requests获取的HTML可
  • Oracle 机器宕机之后启动数据库 天农学子 数据库oracle
    Oracle机器宕机之后启动数据库启动监听，登录数据库，启动数据库检查监听[oracle@oracle-db~]$lsnrctlstatusLSNRCTLforLinux:Version11.2.0.4.0-Productionon24-JAN-202509:42:34Copyright(c)1991,2013,Oracle.Allrightsreserved.Connectingto(DESCR
  • CRM 微服务 山猪打不过家猪 C#微服务架构云原生
    文章目录项目地址一、项目地址教程作者：教程地址：代码仓库地址：所用到的框架和插件：dbtairflow一、用户与认证服务主要功能：用户注册、登录、注销。认证（OAuth、JWT等）。权限和角色管理（RBAC/ABAC）。单点登录（SSO）。技术亮点：集成第三方身份认证（如Google、AzureAD）。使用APIGateway统一进行身份认证。客户管理服务主要功能：存储和管理客户信息（姓名、联系方
  • 使用飞书群机器人监控服务器GPU使用率 sunrise_ccx 服务器飞书
    目标：如果服务器GPU空置，可以及时推送消息到飞书群。其他类似的监控目标也可以修改代码实现。步骤：(1)首先在群聊设置加入机器人，复制webhook_url(2)在服务器后台运行如下代码。注意替换webhook_url"""nohuppythonmonitor_gpu.pymy_server>monitor_gpu.log2>&1&"""importsysimportsubprocessimpor
  • 使用 Python 和 scikit-learn 实现 KNN 分类：以鸢尾花数据集为例 弥树子 pythonscikit-learn分类
    在机器学习的世界里，K-NearestNeighbors（KNN）算法是一种简单而强大的分类方法。它基于一个直观的想法：相似的数据点往往属于同一类别。本文将通过Python的scikit-learn库实现KNN分类，以经典的鸢尾花数据集为例，展示从数据加载到模型评估的完整流程。1.KNN算法简介KNN是一种监督学习算法，主要用于分类和回归任务。它的工作原理非常简单：对于一个新的数据点，算法会查找训
  • 【计算机视觉】图像滤波 油泼辣子多加 计算机视觉计算机视觉人工智能python神经网络
    1.图像滤波定义图像滤波是一种非常重要的图像处理技术，图像平滑、边缘检测、边缘增强、去除噪声都属于图像滤波，图像滤波是一种基于邻域的算法。通过图像滤波，可以实现图像平滑、边缘检测；图像平滑也叫图像模糊，用以去除图像中的噪声、伪影等，它是图像处理和计算机视觉的常见步骤。函数模糊类型特点使用场景cv.blur均值模糊简单快速，所有像素权重相等基础平滑和降噪cv.GaussianBlur高斯模糊中心权重
  • Android BitmapShader简洁实现马赛克，Kotlin（二） zhangphil kotlinAndroidandroidkotlin
    AndroidBitmapShader简洁实现马赛克，Kotlin（二）这一篇AndroidBitmapShader简洁实现马赛克，Kotlin（一）-CSDN博客遗留一个问题，xml定义的MyView为wrap_content的宽高，如果改成其他模式如match_parent，因为background的Bitmap和draw时候的Bitmap不一致（background被拉伸了），导致手指划过屏
  • kotlin单例 yufumatou kotlinkotlin单例单例
    一、饿汉模式（1）类加载是线程安全的，静态变量是在类加载的时候进行赋值，所以该模式是线程安全的。（2）无法懒加载（此处只是伪概念，一般我们使用单例类的时候都需要单例对象。只有当声明了其他的静态方法，在不调用获取单例对象的方法前调用静态方法，才会体现出相对懒汉模式无法懒加载的特性，但实际使用中一般不会在单例类中再声明其他静态方法）（3）无法给构造函数传参//Java实现publicclassSing
  • C#中的lock关键字详解 watl0 C#开发语言
    在C#中，lock关键字可以用来实现线程同步，确保在多线程环境中只有一个线程可以访问被锁定的资源。在下面的内容中，我将详细解释lock关键字的使用方式以及注意事项。语法lock关键字的语法如下：csharpCopycodelock(object){//需要同步的代码}其中，object参数是一个用于同步的对象，也就是需要锁定的资源。工作原理当一个线程进入到lock块中时，它会尝试获取锁。如果锁已经
  • C# lock，Monitor,Mutex的区别 HappyGirl快乐女孩 C#c#开发语言lockMonitormutex
    1-lock和Monitor的区别一、lock的底层本身是Monitor来实现的，所以Monitor可以实现lock的所有功能。二、Monitor有TryEnter的功能，可以防止出现死锁的问题，lock没有。2-Mutex和其他两者的区别测试三个都是在限制线程之外的互斥，线程之内，都不限制，同一个线程如果被lock两次。是不会出现死锁的。所以Mutex本身可以实现lock和Monitor所有的操
  • python绘图实例 charlie_wang007 pythonpython
    pythonPlt实例背景：业务的健身数据，有一个字段是其他附加信息，格式是json，需要查出该字段，解出json，拿到目标数据，按要求聚合，如燃脂是0.25的有几个目的：要验证运营页面的概览数据是否正确策略：从表中查出数据，格式化，用plt绘制，与被测页面的图形数据对比代码如下：#coding:utf8importMySQLdbimportjsonimportpandasaspdimportnu
  • Conda 安装gdal地理数据包 Hugo鱼哥 condawindows
    安装特定版本的GDAL（例如3.9.1版本），可以使用Conda命令并指定版本号。通常情况下，需要确保指定了正确的Conda频道，以便找到所需版本的软件包。在Conda中安装特定版本的GDAL的步骤如下：查找可用的版本：首先，可以使用condasearch命令来查找GDAL的可用版本，以确定是否有需要的特定版本。例如：登录后复制condasearchgdal1.安装特定版本：一旦确定了版本号，可以
  • 【设计模式-行为型】解释器模式 博一波 设计模式解释器模式
    一、什么是解释器模式到此为止23种解释器都将介绍完毕，下面说最后一个设计模式解释器模式。有许多谍战剧大家都会看过，在谍战剧中经常会有一些主要情节需要进行加密传递。间谍会接受或者发送加密信息。比如用收音机接收指令或者消息。间谍会根据特定的解码书去解码收音机传递过来的指令。同样的情节，在电视剧《潜伏》中也经常会出现。解释器模式为自定义语言的设计和实现提供了一种解决方案，它用于定义一组文法规则并通过这组
  • 深度探索：Java 中注解与 AOP 的完美协作 阿贾克斯的黎明 javajava
    在Java开发领域，随着应用程序的规模和复杂度不断攀升，如何高效地管理代码、实现横切关注点的分离成为了开发者们面临的关键挑战。注解（Annotations）和面向切面编程（Aspect-OrientedProgramming，AOP）的出现，为我们提供了强大的工具来优雅地应对这些难题。今天，就让我们深入探讨一下它们是如何协同工作，为代码注入强大活力的。一、注解：代码中的隐形标记注解，从本质上来说，
  • 设计模式_工厂模式 lestat1911 Designpattern
    理解：工厂模式就是专门负责将大量有共同接口的类实例化,而且不必事先知道每次是要实例化哪一个类的模式。它定义一个用于创建对象的接口，由子类决定实例化哪一个类。意图：定义一个创建对象的接口，让其子类自己决定实例化哪一个工厂类，工厂模式使其创建过程延迟到子类进行。主要解决：主要解决接口选择的问题。何时使用：我们明确地计划不同条件下创建不同实例时。如何解决：让其子类实现工厂接口，返回的也是一个抽象的产品。
  • 补充:关于802.1X身份验证中CA证书的配置 deflag interfaceauthenticationwindowspasswordsserveraccess
    前几天写了H3C和CISCO两种交换机的802.1X实现方法,但是有人联系我说CA没有配置好,验证不过去.由于时间关系,我这里不写出自己的配置文档.手上有一篇可供参考的配置文档,希望对大家有所帮助.电子版文档在我的究竟中资源里面去下载吧.地址:http://download.csdn.net/user/deflag使用EAP-TLS（智能卡与证书）实现802.1X－－－－验证服务器和交换机相关配置
  • LSTM的推导与实现 YZXnuaa NLPPython库
    最近在看CS224d，这里主要介绍LSTM(LongShort-TermMemory)的推导过程以及用Python进行简单的实现。LSTM是一种时间递归神经网络，是RNN的一个变种，非常适合处理和预测时间序列中间隔和延迟非常长的事件。假设我们去试着预测‘IgrewupinFrance...（很长间隔）...IspeakfluentFrench’最后的单词，当前的信息建议下一个此可能是一种语言的名字
  • 【玩转全栈】----靓号管理系统实现 Edward-tan oracle数据库django
    先赞后看，养成习惯。。。目录数据库设置基本功能路由器靓号显示靓号添加靓号编辑视图函数额外功能搜索功能分页一般逻辑动态页码上下页首尾页数据库设置新建一个数据库（或者就用之前部门、用户管理的也行），用Django连接到数据库：DATABASES={"default":{"ENGINE":"django.db.backends.mysql","NAME":"mydata_1","USER":"root"
  • 基于微信小程序的生鲜销售应用设计与实现 赵谨言 论文经验分享毕业设计
    标题:基于微信小程序的生鲜销售应用设计与实现内容:1.摘要随着移动互联网的普及和人们生活水平的提高，生鲜产品的线上销售逐渐成为一种趋势。本设计旨在开发一款基于微信小程序的生鲜销售应用，为用户提供便捷、高效的购物体验。该应用采用了先进的技术和算法，实现了生鲜产品的在线展示、下单、支付、配送等功能。通过对用户需求的分析和市场调研，我们设计了简洁明了的界面和操作流程，使用户能够轻松地浏览商品、下单购买。
  • 基于 WEB 开发的在线考试系统设计与实现 赵谨言 论文经验分享毕业设计
    标题:基于WEB开发的在线考试系统设计与实现内容:1.摘要基于WEB开发的在线考试系统旨在提供一个便捷、高效、公平的考试环境。本文详细介绍了该系统的设计与实现过程，包括系统架构、功能模块、数据库设计等方面。通过实际应用，证明了该系统具有良好的稳定性和可靠性，能够满足大规模在线考试的需求。关键词：在线考试系统；WEB开发；系统设计；系统实现2.引言2.1.研究背景随着互联网技术的飞速发展，在线考试系
  • 用React编写一个密码组件表单 zayyo react.jsjavascript前端
    theme:condensed-night-purplehighlight:atelier-cave-light背景介绍我们在使用网站或者应用程序的登录界面或创建帐户界面时，往往避免不了需要用户输入密码这一步骤，而用户是否可以选择看见他们输入的密码是十分重要的一项功能。尤其是在当输入的密码是很长而且包含不同的符号的时候，这一功能就显的尤为重要且好用。但是这一功能如何来实现确实阻碍很多工程师的一个问
  • Armv9.5架构新增的关键扩展--精简版 代码改变世界ctw ARM-TEE-Androidarmv8armv9armv9.5ARM架构SOC芯片
    Armv9.5架构扩展是对Armv9.4的扩展。它增加了强制性和可选的架构特性。有些特性必须一起实现。实现是符合Armv9.5规范，需要满足以下条件：符合/兼容Armv9.4规范包含所有Armv9.5架构的强制性特性。符合Armv9.5规范的实现还可以包括：Armv9.5的可选特性以下是arm9.5架构中关键feature的精简总结。01、FEAT_ASID2：支持两个ASID。02、FEAT_B
  • 超简洁 100行Javascript代码实现2048游戏，浏览器可玩 入职啦 100行实战项目javascript游戏开发语言
    本文发表于入职啦(公众号:ruzhila)大家可以访问入职啦学习更多的编程实战。完全用Javascript的Canvas实现2048游戏，打开浏览器就可以玩项目地址代码已经开源，2048-js欢迎Star代码运行效果：所有的项目都在github上开源：100-line-code欢迎Star用100行代码的不同语言（Java、Python、Go、Javascript、Rust）实现项目，通过讲解项目
  • vue3+vite实现环境变量配置~ 行咘行啊细狗 vue.js前端javascript
    1、作用：在Vite中，我们可以使用环境变量来管理不同环境下的配置。Vite支持使用.env文件来配置环境变量，不同的环境可以使用不同的.env文件来管理配置。2、创建不同环境的.env文件在vue3根目录下创建三个文件分别为.env.develoment、.env.test、.env.production2.1在不同的.env文件中配置相应的环境变量.env.develomentNODE_ENV
  • 程序员学Spring Boot 入门：一文读懂JavaEE以及Java EE架构！ 人邮异步社区 分布式编程语言spring数据库大数据
    1JavaEE1.1JavaEE我1999年接触JSP，从2001年开始正式接触JavaEE技术，当时面对JavaEE那么多组件和规范（比如，EJB技术），确实有点蒙圈。编写一个企业应用居然用到了那么多技术，曾经的电信项目，启动需要10分钟，每次发布都需要一个小时。作为新手的我是不能理解的，这也是当时大多数程序员的心态。然而JavaEE，针对复杂企业系统所指定的规范和实现，能满足复杂企业应用需求，
  • HQL之投影查询 归来朝歌 HQLHibernate查询语句投影查询
            在HQL查询中，常常面临这样一个场景，对于多表查询，是要将一个表的对象查出来还是要只需要每个表中的几个字段，最后放在一起显示？ 针对上面的场景，如果需要将一个对象查出来： HQL语句写“from 对象”即可 Session session = HibernateUtil.openSession();
  • Spring整合redis bylijinnan redis
    pom.xml <dependencies> <!-- Spring Data - Redis Library --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redi
  • org.hibernate.NonUniqueResultException: query did not return a unique result: 2 0624chenhong Hibernate
    参考：http://blog.csdn.net/qingfeilee/article/details/7052736 org.hibernate.NonUniqueResultException: query did not return a unique result: 2         在项目中出现了org.hiber
  • android动画效果 不懂事的小屁孩 android动画
    前几天弄alertdialog和popupwindow的时候，用到了android的动画效果，今天专门研究了一下关于android的动画效果，列出来，方便以后使用。 Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。 第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。
  • js delete 删除机理以及它的内存泄露问题的解决方案 换个号韩国红果果 JavaScript
    delete删除属性时只是解除了属性与对象的绑定，故当属性值为一个对象时，删除时会造成内存泄露  （其实还未删除） 举例： var person={name:{firstname:'bob'}} var p=person.name delete person.name p.firstname -->'bob' // 依然可以访问p.firstname，存在内存泄露
  • Oracle将零干预分析加入网络即服务计划 蓝儿唯美 oracle
    由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是，Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务（NaaS）平台，帮助企业以更灵活和更适合云的方式实现通信服务提供商（CSP）的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计
  • spring学习——springmvc（二） a-john springMVC
    Spring MVC提供了非常方便的文件上传功能。 1，配置Spring支持文件上传： DispatcherServlet本身并不知道如何处理multipart的表单数据，需要一个multipart解析器把POST请求的multipart数据中抽取出来，这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器，需要声明一个实现了Mul
  • POJ-2828-Buy Tickets aijuans ACM_POJ
    POJ-2828-Buy Tickets http://poj.org/problem?id=2828 线段树，逆序插入 #include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct
  • Java Ant build.xml详解 asia007 build.xml
    1,什么是antant是构建工具2,什么是构建概念到处可查到，形象来说，你要把代码从某个地方拿来，编译，再拷贝到某个地方去等等操作，当然不仅与此，但是主要用来干这个3,ant的好处跨平台   --因为ant是使用java实现的，所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多，可能你用了很久，你仍然不知道它能有
  • android按钮监听器的四种技术 百合不是茶 androidxml配置监听器实现接口
    android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方;    1,activity中使用内部类实现接口 ,创建内部类实例  使用add方法  与java类似   创建监听器的实例 myLis lis = new myLis();   使用add方法给按钮添加监听器  
  • 软件架构师不等同于资深程序员 bijian1013 程序员架构师架构设计
            本文的作者Armel Nene是ETAPIX Global公司的首席架构师，他居住在伦敦，他参与过的开源项目包括 Apache Lucene,，Apache Nutch， Liferay 和 Pentaho等。         如今很多的公司
  • TeamForge Wiki Syntax & CollabNet User Information Center sunjing TeamForgeHow doAttachementAnchorWiki Syntax
    the CollabNet user information center http://help.collab.net/   How do I create a new Wiki page? A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and
  • 【Redis四】Redis数据类型 bit1129 redis
    概述 Redis是一个高性能的数据结构服务器，称之为数据结构服务器的原因是，它提供了丰富的数据类型以满足不同的应用场景，本文对Redis的数据类型以及对这些类型可能的操作进行总结。 Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统，这里的数据类型指的是value的类型，而不是key的类型，key的类型只有一种即string
  • SSH2整合-附源码 白糖_ eclipsespringtomcatHibernateGoogle
    今天用eclipse终于整合出了struts2+hibernate+spring框架。 我创建的是tomcat项目，需要有tomcat插件。导入项目以后，鼠标右键选择属性，然后再找到“tomcat”项，勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片，sql也在源码里。     补充1：项目中部分jar包不是最新版的，可能导
  • [转]开源项目代码的学习方法 braveCS 学习方法
    转自： http://blog.sina.com.cn/s/blog_693458530100lk5m.html http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html   1）阅读features。以此来搞清楚该项目有哪些特性2）思考。想想如果自己来做有这些features的项目该如何构架3）下载并安装d
  • 编程之美-子数组的最大和（二维） bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; import java.util.Random; public class MaxSubArraySum2 { /** * 编程之美 子数组之和的最大值（二维） */ private static final int ROW = 5; private stat
  • 读书笔记-3 chengxuyuancsdn jquery笔记resultMap配置ibatis一对多配置
    1、resultMap配置 2、ibatis一对多配置 3、jquery笔记 1、resultMap配置 当<select resultMap="topic_data"> <resultMap id="topic_data">必须一一对应。 (1)<resultMap class="tblTopic&q
  • [物理与天文]物理学新进展 comsci
          如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境       怎么办呢?  
  • Oracle 11g新特性:Automatic Diagnostic Repository daizj oracleADR
    Oracle Database 11g的FDI（Fault Diagnosability Infrastructure）是自动化诊断方面的又一增强。 FDI的一个关键组件是自动诊断库（Automatic Diagnostic Repository-ADR）。 在oracle 11g中，alert文件的信息是以xml的文件格式存在的，另外提供了普通文本格式的alert文件。 这两份log文
  • 简单排序:选择排序 dieslrae 选择排序
    public void selectSort(int[] array){ int select; for(int i=0;i<array.length;i++){ select = i; for(int k=i+1;k<array.leng
  • C语言学习六指针的经典程序，互换两个数字 dcj3sjt126com c
    示例程序，swap_1和swap_2都是错误的，推理从1开始推到2，2没完成，推到3就完成了 # include <stdio.h> void swap_1(int, int); void swap_2(int *, int *); void swap_3(int *, int *); int main(void) { int a = 3; int b =
  • php 5.4中php-fpm 的重启、终止操作命令 dcj3sjt126com PHP
    php 5.4中php-fpm 的重启、终止操作命令: 查看php运行目录命令：which php/usr/bin/php 查看php-fpm进程数：ps aux | grep -c php-fpm 查看运行内存/usr/bin/php  -i|grep mem 重启php-fpm/etc/init.d/php-fpm restart 在phpinfo()输出内容可以看到php
  • 线程同步工具类 shuizhaosi888 同步工具类
    同步工具类包括信号量（Semaphore）、栅栏（barrier）、闭锁（CountDownLatch）   闭锁（CountDownLatch） public class RunMain { public long timeTasks(int nThreads, final Runnable task) throws InterruptedException { fin
  • bleeding edge是什么意思 haojinghua DI
    不止一次，看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件，上了wiki。  我再一次感到，没有辞典能像WiKi一样，给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱，只好在此一一中英对照，给大家上次课。   In computer science, bleeding edge is a term that
  • c中实现utf8和gbk的互转 jimmee ciconvutf8&gbk编码
    #include <iconv.h> #include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <fcntl.h> #include <string.h> #include <sys/stat.h> int code_c
  • 大型分布式网站架构设计与实践 lilin530 应用服务器搜索引擎
    1.大型网站软件系统的特点？ a.高并发，大流量。 b.高可用。 c.海量数据。 d.用户分布广泛，网络情况复杂。 e.安全环境恶劣。 f.需求快速变更，发布频繁。 g.渐进式发展。 2.大型网站架构演化发展历程？ a.初始阶段的网站架构。 应用程序，数据库，文件等所有的资源都在一台服务器上。 b.应用服务器和数据服务器分离。 c.使用缓存改善网站性能。 d.使用应用
  • 在代码中获取Android theme中的attr属性值 OliveExcel androidtheme
    Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西.   在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则: int defaultColor = 0xFF000000; int[] attrsArray = { andorid.r.
  • 基于Zookeeper的分布式共享锁 roadrunners zookeeper分布式共享锁
    首先，说说我们的场景，订单服务是做成集群的，当两个以上结点同时收到一个相同订单的创建指令，这时并发就产生了，系统就会重复创建订单。等等......场景。这时，分布式共享锁就闪亮登场了。   共享锁在同一个进程中是很容易实现的，但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译，这里就不在赘述了。   官
  • 两个容易被忽略的MySQL知识 tomcat_oracle mysql
    1、varchar(5)可以存储多少个汉字，多少个字母数字？ 　　相信有好多人应该跟我一样，对这个已经很熟悉了，根据经验我们能很快的做出决定，比如说用varchar(200)去存储url等等，但是，即使你用了很多次也很熟悉了，也有可能对上面的问题做出错误的回答。 　　这个问题我查了好多资料，有的人说是可以存储5个字符，2.5个汉字（每个汉字占用两个字节的话），有的人说这个要区分版本，5.0
  • zoj 3827 Information Entropy(水题) 阿尔萨斯 format
    题目链接：zoj 3827 Information Entropy 题目大意：三种底，计算和。 解题思路：调用库函数就可以直接算了，不过要注意Pi = 0的时候，不过它题目里居然也讲了。。。limp→0+plogb(p)=0，因为p是logp的高阶。 #include <cstdio> #include <cstring> #include <cmath&
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他