温暖的松子
温暖的松子

动态星空科技感粒子登录页 附代码复制即可用

效果图（仔细看会有星空效果和粒子效果）；背景可以放到任意页面中

代码：

<html lang="en"><head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .cavs{
            z-index:1;
            position: fixed;
            width:95%;
            margin-left: 20px;
            margin-right: 20px;
        }

        html,body{
            width: 100%;
            height: 100%;

            background-image: url("loginbj.png");
            /*background-image: -webkit-linear-gradient(top, #02164f, #000);*/
            /*background-image: -moz-linear-gradient(top, #02164f, #000);*/
            /*background-image: -ms-linear-gradient(top, #02164f, #000);*/
            /*background-image: -o-linear-gradient(top, #02164f, #000);*/
            /*background-image: linear-gradient(to bottom, #02164f, #000);*/
            /*background-color: #1A1A1A;*/
        }



        .dela-presets-container-1 .dela-preset-1-2 {
            position: relative;
            font-size: 16px;
            width: 24.4em;
            min-width: 11em;
            padding: 5.6em 3.68em 6.1em 3.68em;
            box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
            font-family: Roboto;
            background: linear-gradient(to top, #b76cd2 0, #4c3bb3 100%);
        }
        .dela-presets-container-1 .dela-preset-1-2 .dela-form__title {
            color: #fff;
            margin: 0;
            font-size: 2.38em;
            font-weight: 400;
            text-align: center;
            margin-bottom: 0.89em;
        }
        .dela-presets-container-1 .dela-preset-1-2 {
            position: relative;
            font-size: 16px;
            width: 390px;
            padding: 56px 65px 55px 65px;
            box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
            font-family: Roboto;
            background: linear-gradient(to top, #b76cd2 0, #4c3bb3 100%);
        }

        .dela-presets-container-1 .dela-preset-1-2 input[type="email"], .dela-presets-container-1 .dela-preset-1-2 input[type="password"], .dela-presets-container-1 .dela-preset-1-2 input[type="text"] {
            color: #fff;
            font-family: Roboto;
            font-size: 1em;
            font-weight: 200;
            width: 100%;
            background: none;
            border: none;
            padding: 0.8em 0;
            border-bottom: 0.063em solid rgba(255, 255, 255, 0.2);
            margin-bottom: 1.1em;
            border-radius: 0;
        }

        .dela-presets-container-1{
            z-index: 100;
            position: absolute;
            left: 35%;
            opacity: 0.8;
            top: 100px;
        }
        .dela-presets-container-1 .dela-preset-1-2 .dela-form__checkbox {
            display: inline-block;
            font-size: 0.875em;
            margin-top: 0.7em;
            font-weight: 200;
            cursor: pointer;
            color: #fff;
            overflow: hidden;
            position: relative;
        }

        .dela-presets-container-1 .dela-preset-1-2 input[type="submit"] {
            margin: 0 auto;
            display: block;
            color: #fff;
            font-family: Roboto;
            font-size: 1em;
            font-weight: 200;
            width: 10.25em;
            min-height: 2.71em;
            background: none;
            border: 0.063em solid #fff;
            border-radius: 0.6em;
            cursor: pointer;
            margin-top: 2.1em;
            -webkit-appearance: none;
        }




        .stars, .twinkl {
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            width:100%;
            height:100%;
            display:block;
        }
        .ball{
            width: 100%;
            height: 282px;
            position:absolute;
            left:0;
            right:0;
            bottom:0;
            display:block;
            background:#000 url(ball.jpg) repeat top center;
            z-index:0;
        }
        .stars {
            background:#000 url(stars.png) repeat top center;
            z-index:0;
        }

        .twinkl{
            background:transparent url(twinkling.png) repeat top center;
            z-index:0;

            -moz-animation:move-twink-back 200s linear infinite;
            -ms-animation:move-twink-back 200s linear infinite;
            -o-animation:move-twink-back 200s linear infinite;
            -webkit-animation:move-twink-back 200s linear infinite;
            animation:move-twink-back 200s linear infinite;
        }

        @keyframes move-twink-back {
            from {background-position:0 0;}
            to {background-position:-10000px 5000px;}
        }
         input::-webkit-input-placeholder {
             /* WebKit, Blink, Edge 适配谷歌*/
             color: #fff !important;
         }

        input::-moz-placeholder {
            /* Mozilla Firefox 4 to 18 适配火狐*/
            color: #fff !important;
        }

        input:-moz-placeholder {
            /* Mozilla Firefox 19+ 适配火狐*/
            color: #fff !important;
        }

        input:-ms-input-placeholder {
            /* Internet Explorer 10-11 适配ie*/
            color: #fff !important;
        }

        input:focus {
            outline-offset: -2px;
        }
        :focus {
            outline: -webkit-focus-ring-color auto 0px;
        }
    </style>
</head>
<body style="">
<canvas class="cavs" width="1857" height="927"></canvas>

<div class="stars"></div>
<div class="twinkl"></div>
<div class="ball"></div>
<div class="dela-presets-container-1">
<form class="dela-preset-1-2" action="?" method="get">
    <p class="dela-form__title">登录</p>
    <input type="text" name="name" placeholder="Name" required="" autocomplete="name">
    <input type="password" name="password" id="pass-1" placeholder="Password" required="">
    <input type="password" placeholder="Code" style="width: 216px;vertical-align: top;display: inline-block" name="repeat" oninput="this.setCustomValidity(this.value != document.getElementById('pass-'+1).value ? 'Passwords are not the same.' : '')"
        required="">
    <a style="display: inline-block;width: 164px;height: 43px;border: 1px #f00 solid"></a>
    <label class="dela-form__checkbox">记住我
        <input type="checkbox" name="policy" value="1" required="">
        <span></span></label>
    <input type="submit" name="submit" value="Login"></form>

</div>
<script src="jquery-3.0.0.min.js"></script>
<script src="ban.js"></script></body></html>

资源链接：https://download.csdn.net/download/qq_42197013/12937115

你可能感兴趣的:(前端layui,科技感,大数据,粒子,动态星空,登录页)

  • Vue.js 组件开发：构建高效、可重用的用户界面 m1chiru vue.js
    Vue.js组件开发：构建高效、可重用的用户界面Vue.js是一个流行的JavaScript框架，它致力于通过简单的API和高度响应的设计，帮助开发者构建高效、动态的前端应用。在Vue.js中，组件是构建用户界面的核心单元。它们使得应用的结构更加模块化、可维护且易于重用。在这篇博客中，我们将深入探讨Vue.js组件的开发方法，包括组件的基本概念、创建、传递数据、事件处理以及组件之间的通信等关键内容
  • Vue.js 组件开发：构建可重用且高效的 UI 块 沉浮yu大海 vue.jsui前端
    在现代前端开发中，Vue.js凭借其简洁的语法、强大的数据绑定能力和灵活的组件系统，成为许多开发者的首选框架。组件化开发是Vue.js的核心特性之一，它允许我们将大型应用拆分成多个独立、可复用的部分，从而提高代码的可维护性和扩展性。本文将带你深入了解Vue.js组件开发的基本概念和最佳实践，帮助你构建高效且可重用的UI组件。一、Vue.js组件基础在Vue.js中，组件是可复用的Vue实例，它们封
  • selenium的使用细节 演技拉满的白马 爬虫工具seleniumpythonchrome
    selenium的使用实战本节目标：通过selenium得到搜索答案selenium的安装详解本节阅读需要（20）min。本节实操需要（20）min。selenium官网前言selenium的本质是操纵浏览器模拟用户行为!!!这样才能处理需要交互行为的动态网页.所以总结起来可以分为几个大点.控制浏览器操作浏览器等待某个变化出现获取元素的值一、一般的格式#-*-coding:utf-8-*-from
  • 曾国藩家书：劝弟谨记进德修业篇 云纳星辰怀自在 文言文家书
    四位老弟左右：昨廿七日接信，快畅之至，以信多而处处详明也。四弟七夕诗甚佳，已详批诗后。从此多作诗亦甚好，但须有志有恒，乃有成就耳。余于诗亦有工夫，恨当世无韩昌黎及苏、黄一辈人可与发愤一谈。然人事应酬，作诗亦难，但不得以有恒者而废之。诸弟在家读书，不审每日如何用功？余自十月初一立志自新以来，虽懒惰如故，而每日楷书写日记，每日读史十页，每日记茶余偶谈一则，此三事未尝一日间断。十月廿一日立誓永戒吃水烟，
  • 从0开始使用Docker搭建Spark集群 吃鱼的羊 SPARKHadoop
    https://www.jianshu.com/p/ee210190224f?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation最近在学习大数据技术，朋友叫我直接学习Spark，英雄不问出处，菜鸟不问对错，于是我就开始了Spark学习。为什么要在Docker上搭建Spark集群
  • 探秘 DeepSeek R1 模型：跨越多领域的科技奇迹，引领智能应用新浪潮 羑悻的小杀马特. AI学习科技deepseekAI大模型
    DeepSeekR1模型功能强大，应用广泛。在自然语言处理、计算机视觉、推荐系统和医疗等领域都能发挥作用。本文介绍了其在各领域的应用场景和代码示例，助你深入了解它。目录编辑一、本篇背景：二、DeepSeekR1模型概述：2.1模型特点：2.2技术原理：三、自然语言处理领域的应用：3.1文本分类：3.1.1应用场景：3.1.2代码演示：3.2情感分析：3.2.1应用场景：3.2.2代码演示：3.3机
  • 蓝桥杯 Java B 组之总结与模拟题练习 计算机小白一个 蓝桥杯java职场和发展数据结构
    蓝桥杯JavaB组-第七天：周总结与模拟题练习Day7：周总结与模拟题练习在这一周的学习中，我们已经接触了动态规划的基本概念和常见应用。今天，我们将通过刷一些蓝桥杯的模拟题，来熟悉并巩固所学的知识，特别是动态规划的问题。一、模拟题：Fibonacci数列求余题目描述：给定正整数n，求斐波那契数列的第n项，并计算其对一个数m的余数。即：f(n)f(n)%m例如：输入n=10，m=100输出：f(10
  • 前端构建工具——Webpack和Vite的主要区别 像素检测仪 前端前端webpack
    目录1.设计理念2.性能表现3.使用场景4.配置复杂度5.生态系统6.性能对比总结7.选择建议1.设计理念Webpack设计理念：Webpack是一个通用的模块打包工具，它将项目中的各种资源（如JavaScript、CSS、图片等）视为模块，并通过loader和plugin进行处理和打包。适用范围：适用于复杂项目，支持高度定制化，适合需要精细控制构建过程的场景。Vite设计理念：Vite（法语“快
  • 2021-7-24 42. 接雨水（动态规划，双指针） TABE_
    注：题目：给定n个非负整数表示每个宽度为1的柱子的高度图，计算按此排列的柱子，下雨之后能接多少雨水。示例1：输入：height=[0,1,0,2,1,0,1,3,2,1,2,1]输出：6解释：上面是由数组[0,1,0,2,1,0,1,3,2,1,2,1]表示的高度图，在这种情况下，可以接6个单位的雨水（蓝色部分表示雨水）。示例2：输入：height=[4,2,0,3,2,5]输出：9提示：n==h
  • TypeScript语言的云计算 沈雲澈 包罗万象golang开发语言后端
    TypeScript语言的云计算引言随着科技的高速发展，云计算已经成为现代软件开发中不可或缺的一部分。它为企业提供了灵活的资源管理与高效的开发流程。而在众多编程语言中，TypeScript因其静态类型和良好的工具支持，逐渐成为云计算领域的热门选择。本文将深入探讨TypeScript在云计算中的应用，分析其优势和最佳实践，帮助开发者更好地利用这一语言实现云计算项目。一、云计算概述1.1什么是云计算？
  • 学习笔记分享-快速掌握前端-html进阶（利用telnet发送json请求、利用telnet发送multipart请求） 2301_81243975 前端学习笔记
    前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视
  • 双指针-接雨水 Vacant Seat java数据结构算法
    接雨水给定n个非负整数表示每个宽度为1的柱子的高度图，计算按此排列的柱子，下雨之后能接多少雨水。输入：整型数组输出：整型变量思路：一层一层的计算水量，会超出时间限制按列求，分为三种情况，当前列与左右两边最大的列的较小值进行比较，只有当前列小于较小值，当前列才会接到水.也会超出时间限制动态规划，不需要每次都求出左边和右边的最大值，可以将最大值存储到两个数组之中，就可以解决时间复杂度的问题双指针，在第
  • Nginx 如何实现请求的缓存过期策略？ zengson_g Nginxnginx缓存运维服务器网络
    关注博主️带你畅游技术世界，不错过每一次成长机会！文章目录Nginx如何实现请求的缓存过期策略？一、缓存的重要性与基本概念二、Nginx缓存过期策略的原理三、设置Nginx缓存过期时间四、基于变量的动态缓存过期策略五、使用第三方模块增强缓存功能六、缓存的更新与失效机制七、缓存命中率与性能监控八、实际应用中的注意事项Nginx如何实现请求的缓存过期策略？在当今快节奏的互联网世界中，网站和应用的性能优
  • 【HarmonyOS之旅】基于ArkTS开发(三) -＞ 兼容JS的类Web开发(四) -＞ 常见组件(二) -＞ tabs 枫叶丹4 HarmonyOS前端javascript开发语言harmonyos华为华为云
    目录1->创建Tabs2->设置Tabs方向3->设置样式4->显示页签索引5->场景示例1->创建Tabs在pages/index目录下的hml文件中创建一个Tabs组件。item1item2content1content2/*test.css*/.container{flex-direction:column;justify-content:center;align-items:center;
  • Android开发笔记: 5种对话框案例 程序猿的杂货店 Android开发笔记android开发笔记PopupWindowAlertDialogProgressDialog
    5种android对话框1弹出普通对话框---系统更新2自定义对话框--用户登录3时间选择对话框--时间对话框4进度条对话框--信息加载..5popuWindow对话框下载地址:http://download.csdn.net/download/taoerit/99651421弹出普通对话框---系统更新//弹出普通对话框publicvoidshowNormalDialog(Viewv){Aler
  • Fink与Hadoop的简介以及联系 Bugkillers hadoop大数据分布式
    Fink和Hadoop是两个常用于大数据处理的开源工具，它们可以搭配使用以构建高效的数据处理系统。一、Fink和Hadoop的关系Fink：1、Fink是一个分布式流处理框架，专注于实时数据处理。它支持高吞吐、低延迟的流处理，适用于实时分析、事件驱动应用等场景。2、Fink提供精确一次（exactly-once）语义，确保数据处理的准确性。Hadoop：1、Hadoop是一个分布式存储和批处理框架
  • web第三次作业 naodianbozzz 前端cssjavascript
    实现网页登入窗口的显示隐藏登录窗口滑动效果*{margin:0;padding:0;box-sizing:border-box;}html,body{width:100%;height:100%;}.container{width:100%;height:100%;background-color:#f2f1f2;}header{width:1200px;height:50px;backgroun
  • 重写event函数 大G哥
    4、重写event函数如果每个对象的事件处理函数有多个，可以一个个重写，也可以重写事件分发函数()。案例：4.1、新建工程4.2、重写该窗口的鼠标按下及抬起事件方式1：.h中声明登录后复制virtualvoidmousePressEvent(QMouseEvent*event);virtualvoidmouseReleaseEvent(QMouseEvent*event);1.2..cpp中实现登
  • Windows环境下构建本地多节点Elasticsearch集群 静谧星光c windowselasticsearchjenkins大数据
    Windows环境下构建本地多节点Elasticsearch集群在大数据领域，Elasticsearch是一个经常使用的分布式搜索和分析引擎。本文将介绍如何在Windows操作系统下搭建一个本地的多节点Elasticsearch集群。通过搭建本地集群，我们可以在单一系统上模拟出多个节点，从而加深对Elasticsearch集群内工作原理的理解。准备工作首先，确保你的系统已经安装了Java开发环境（
  • 数据结构：单链表（Single Linked List）及其实现 y.Ghost 数据结构数据结构单链表任务管理系统c语言算法
    什么是单链表？单链表是一种最简单的链表结构，它就像一列火车，每节车厢（节点）都通过挂钩（指针）连接到下一节车厢。单链表中的每个节点都包含两部分：数据：存储实际的数据（比如数字、字符串等）。指针：指向下一个节点的地址。单链表的特点是：数据在内存中不是连续存储的，而是通过指针连接起来的。正因为如此，单链表可以动态地增加或删除节点，而不需要像数组那样移动大量数据。单链表的原理单链表的每个节点都是一个独立
  • 第十八篇 zch001104
    首页新闻博问专区闪存班级我的博客我的园子账号设置退出登录注册登录个人公众号交流：bigsaibigsai博客园首页新随笔联系订阅管理随笔-46文章-0评论-67八大排序算法—16张图搞懂基数排序原创公众号：bigsai转载需联系笔者前言在排序算法中，大家可能对桶排序、计数排序、基数排序不太了解，不太清楚其算法的思想和流程，也可能看过会过但是很快就忘记了，但是不要紧，幸运的是你看到了本篇文章。本文将
  • dochub实践-资源参考 xiaohangwj
    项目开源仓库-gitee开源仓库-github教程文档依赖后端-beego开源仓库入门教程前端-Flat-UI开源仓库样式文档
  • RTK负载（4K可见光+高分热成像+超广角+激光测距）四光AI智能识别跟踪吊舱技术详解 无人机技术圈 无人机技术人工智能
    无人机+光电吊舱的RTK负载（4K可见光+高分热成像+超广角+激光测距）AI智能识别跟踪吊舱技术是一种高度集成和先进的无人机观测系统。系统结合了无人机的飞行能力和光电吊舱的多功能传感器，通过集成RTK（实时动态差分定位）技术、4K可见光摄像头、高分热成像仪、超广角镜头和激光测距仪，以及AI智能识别跟踪算法，实现了对地面目标的精准观测、识别、跟踪和测量。以下是该技术的主要特点和功能详解：1.4K可见
  • 题解 | #数组中出现次数超过一半的数字#哈希最简单的解法 2301_79125642 java
    前端要转测试大佬们，我是软件工程专业的，毕业后又培训了半年前端，现在公司要我转软件测试，初中级都可以，学着麻烦吗？大概得多长时间？转转java凉面一个数组基本有序应该采用哪种排序方法为什么要有线程池，线程太多会怎么样？？阻塞队列与普通队列的区别是？递归与非递归区别是什么？各自的优缺点？递归如何转为非递归题解|#数组中出现次数超过一半的数字#哈希最简单的解法classSolution{public:
  • DeepSeek对AI发展的范式革新与推动：研究报告 芝士AI吃鱼 DeepSeekAIOpenAILLM
    DeepSeek对AI发展的范式革新与推动：研究报告一、技术范式的突破：从“算力堆砌”到“极致工程化”DeepSeek的成功标志着AI发展从依赖大规模算力投入向算法优化与工程效率的转变。其核心技术突破包括：低算力消耗的模型训练通过蒸馏训练策略、动态模型剪枝和稀疏训练，DeepSeek将训练成本降至OpenAI同类模型的1/10，同时保持性能可比甚至超越。例如，其训练成本仅558万美元，而OpenA
  • python3安装mysql连接_Python3使用PyMySQL连接MySQL weixin_39814925
    前提介绍：【功能实现】：1.登录本地MySQLServer创建数据库和表，Python3使用PyMySQL连接本地MySQL服务器，实现对数据库的表进行简单Insert操作。【软件配置】：1.MySQL服务器：MySQL8.0.202.Pymsql版本：Pymsql0.9.33.Python版本：Python34.NavicatforMySQL版本:Navicat115.PyCharm版本:PyC
  • Spring AOP及其实现原理？ 计算机学长大白 springjavajvm
    SpringAOP（面向切面编程）是Spring框架中的一个重要功能，它通过动态代理技术实现了横切关注点的分离，从而降低了业务逻辑各部分之间的耦合度，提高了程序的可重用性和开发效率。本文将从SpringAOP的基本概念、实现原理、核心组件以及实际应用等方面进行详细讲解，并通过示例代码帮助读者更好地理解和掌握SpringAOP。一、SpringAOP的基本概念1.1AOP的定义AOP（Aspect-
  • C中如何理解指针和引用的区别？ 计算机学长大白 C算法
    在C语言中，指针和引用是两个重要的概念，它们都与内存地址和变量之间的关系有关，但它们在定义、使用和特性上存在显著的区别。下面将详细解释指针和引用的区别，并通过示例代码进行说明。指针的基本概念指针是一种变量，其值为另一个变量的地址，即内存位置。通过使用星号（*）声明指针变量，可以给指针赋值并访问其指向的值。指针可以直接操作内存，因此在C语言中被广泛用于动态内存分配、数组操作、函数参数传递等场景。指针
  • C#、ASP、ASP.NET、.NET、ASP.NET CORE区别、ASP.NET Core其概念和特点、ASP.NET Core个人心得体会 手中的风筝664 c#asp.net.net
    C#是一种面向对象的编程语言，主要用于开发跨平台的应用程序。它是.NET框架的一部分，并且可以在.NET平台上运行。ASP（ActiveServerPages）是一种用于构建动态Web页面的技术，使用VBScript或JScript作为服务器端脚本语言。它是早期的Microsoft技术，现已逐渐过时。ASP.NET是微软推出的下一代Web应用程序开发技术，它提供了更强大、更高效的功能和工具。ASP
  • 关于前后端分离跨域问题——使用DeepSeek分析查错 潮落拾贝 解决跨域问题使用DeepSeek协助开发
    我前端使用antdesignvuepro框架，后端使用kratos框架开发。因为之前也解决过跨域问题，正常是在后端的http请求中加入中间件，设置跨域需要通过的字段即可，代码如下所示：funcNewHTTPServer(c*conf.Server,s*conf.Secret,rolesm*service.RolesManageService,tracertrace.TracerProvider,l
  • ztree异步加载 3213213333332132 JavaScriptAjaxjsonWebztree
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置
  • thirft rpc 具体调用流程 BlueSkator 中间件rpcthrift
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：         （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
  • 异或运算推导, 交换数据 dcj3sjt126com PHP异或^
    /* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001
  • 事件源对象 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • MySql配置及相关命令 g21121 mysql
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。           一 修改MySQL密码及用户      
  • [简单]poi删除excel 2007超链接 53873039oycg Excel
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:      public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac
  • Struts2添加 open flash chart 云端月影
    准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
  • spring包详解 aijuans spring
    下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
  • 网站推广之seo概念 antonyup_2006 算法Web应用服务器搜索引擎Google
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。     所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。     网站推广策略有很多，seo，email，adv
  • 单例模式,sql注入,序列 百合不是茶 单例模式序列sql注入预编译
      序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面    1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3
  • Mockito单元测试实例 bijian1013 单元测试mockito
    Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin
  • 精通Oracle10编程SQL(9)使用游标 bijian1013 oracle数据库plsql
    /* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope
  • 【Java语言】动态代理 bit1129 java语言
      JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联   package com.tom; import com.tom.model.User; import com.tom.service.IUserService;
  • Java通信之URL通信基础 白糖_ javajdkwebservice网络协议ITeye
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识   URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
  • 博弈Java讲义 - Java线程同步 (1) boyitech java多线程同步锁
      在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。    同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 bylijinnan java
    public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v
  • An error has occurred.See the log file错误解决！ Kai_Ge MyEclipse
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------
  • [矿业与工业]修建一个空间矿床开采站要多少钱? comsci
           地球上的钛金属矿藏已经接近枯竭...........        我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....        那么,现在要编制一个预算,提交给财政部门..
  • 解析Google Map Routes dai_lm google api
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但
  • SQL还有多少“理所应当”？ datamachine sql
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线--------------------------------
  • Yii使用Ajax验证时，如何设置某些字段不需要验证 dcj3sjt126com Ajaxyii
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
  • 使用git同步网站代码 dcj3sjt126com crontabgit
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com   管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
  • sql基本操作 蕃薯耀 sqlsql基本操作sql常用操作
    sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一     &
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理 hanqunfeng Hibernate4
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml <dependency> <
  • jquery中两个值得注意的方法one()和trigger()方法 jackyrong trigger
      在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1） one方法     one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为    one(type,${data},fn) &nb
  • 拿工资不仅仅是让你写代码的 lampcy 工作面试咨询
    这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 话粗理不粗。 付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品
  • 架构师之对象操作----------对象的效率复制和判断是否全为空 nannan408 架构师
    1.前言。   如题。 2.代码。 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier Src src=new Src(); BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
  • ajax 被缓存的解决方案 Rainbow702 JavaScriptjqueryAjaxcache缓存
    使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 解决方法如下： ① 直接使用 JQuery提供的 “cache”参数，
  • 修改date.toLocaleString()的警告 tntxia String
      我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下：   package com.tntxia.htmlmaker.util; import java.text.SimpleDateFormat; import java.util.
  • 项目完成后的小总结 xiaomiya js总结项目
    项目完成了，突然想做个总结但是有点无从下手了。 做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9，修
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他