web学生网页设计
web学生网页设计

七夕给女朋友准备的小惊喜网站制作(html+css+js)

❤ 精彩专栏推荐
作者主页: 【进入主页—获取更多源码】
web前端期末大作业： 【HTML5网页期末作业 (1000套) 】
程序员有趣的告白方式：【HTML七夕情人节表白网页制作 (125套) 】
七夕来袭！是时候展现专属于程序员的浪漫了！你打算怎么给心爱的人表达爱意？鲜花礼物？代码表白？还是创意DIY？或者…无论那种形式，快来秀我们一脸吧！

文章目录

  • 二、网站介绍
  • 三、网站效果
    • ▶️1.视频演示
    • 2.图片演示
  • 四、 网站代码
    • HTML结构代码
    • CSS样式代码
  • 五、更多源码

二、网站介绍

网站文件方面：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

网页编辑方面：可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）html文件包含：其中index.html是首页、其他html为二级页面；
（2） css文件包含：css全部页面样式,3D动态效果,雪花飘落等等
（3） js文件包含：页面炫酷效果实现

三、网站效果

▶️1.视频演示

63-生日快乐动画(音乐)

2.图片演示

七夕给女朋友准备的小惊喜网站制作(html+css+js)_第1张图片

四、 网站代码

HTML结构代码


DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>别不快乐生日快乐！title>
    <link rel='stylesheet' href='css/style.css' />
    <link rel='stylesheet' href='css/pageA.css' />
    <link rel='stylesheet' href='css/pageB.css' />
    <link rel='stylesheet' href='css/pageC.css' />
    <script type="text/javascript" src="js/query.js">script>
    <script type="text/javascript" src="js/transit.js">script>
    <script type="text/javascript" src="js/HappyBirth.js">script>
head>

<body>
    <div id='content'>
        <ul class='content-wrap'>
            
            <li>
                
                <div class="a_background">
                    <div class="a_background_top">div>
                    <div class="a_background_middle">div>
                    <div class="a_background_botton">div>
                div>
                
                <div class="cloudArea">
                    <div class="cloud cloud1">div>
                    <div class="cloud cloud2">div>
                div>
                
                <div id="sun">div>
            li>
            
            <li>
                
                <div class="b_background">div>
                <div class="b_background_preload">div>
                
                <div class="shop">
                    <div class="door">
                        <div class="door-left">div>
                        <div class="door-right">div>
                    div>
                    
                    <div class="lamp">div>
                div>
                
                <div class="bird">div>
            li>
            
            <li>
                
                <div class="c_background">
                    <div class="c_background_top">div>
                    <div class="c_background_middle">div>
                    <div class="c_background_botton">div>                
                div>
                
                <div class="girl">div>
                <div class="bridge-bottom">
                    <div class="water">
                        <div id="water1" class="water_1">div>
                        <div id="water2" class="water_2">div>
                        <div id="water3" class="water_3">div>
                        <div id="water4" class="water_4">div>
                    div>
                div>
                
                <ul class="stars">
                    <li class="stars1">li>
                    <li class="stars2">li>
                    <li class="stars3">li>
                    <li class="stars4">li>
                    <li class="stars5">li>
                    <li class="stars6">li>
                ul>
                
                <div class="logo">div>
            li>
        ul>
        
        <div id="snowflake">div>
        
        <div id="boy" class="charector">div>
    div>
body>

html>

CSS样式代码



.a_background {
	width: 100%;
	height: 100%;
	position: absolute
}

.a_background_top {
	width: 100%;
	height: 71.6%;
	background-image:url(../images/a/a_background_top.png);
	background-size: 100% 100%
}

.a_background_middle {
	width: 100%;
	height: 13.1%;
	background-image:url(../images/a/a_background_middle.png);
	background-size: 100% 100%
}

.a_background_botton {
	width: 100%;
	height: 15.3%;
	background-image:url(../images/a/a_background_botton.png);
	background-size: 100% 100%
}

.cloud {
	z-index: 2;
	position: absolute
}

.cloud1 {
	width: 100%;
	height: 30%;
	left: -5%;
	top: 15%;
	background:url(../images/cloud/cloud1.png) no-repeat;
	-webkit-animation-name: smallCloud;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration: infinite;
	-moz-animation-name: smallCloud;
	-moz-animation-duration: 30s;
	-moz-animation-iteration: infinite
}

.cloud2 {
	width: 100%;
	height: 100%;
	right: -5%;
	background:url(../images/cloud/cloud2.png) no-repeat;
	-webkit-animation-name: largeCloud;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration: infinite;
	-moz-animation-name: largeCloud;
	-moz-animation-duration: 50s;
	-moz-animation-iteration: infinite
}

@-webkit-keyframes smallCloud {
	0% {
		left: -5%
	}

	100% {
		left: 100%
	}
}

@-moz-keyframes smallCloud {
	0% {
		left: -5%
	}

	100% {
		left: 100%
	}
}

@-webkit-keyframes largeCloud {
	0% {
		right: -5%
	}

	100% {
		right: 100%
	}
}

@-moz-keyframes largeCloud {
	0% {
		right: -5%
	}

	100% {
		right: 100%
	}
}

#sun {
	background:url(../images/sun.png) no-repeat;
	position: absolute;
	z-index: 1;
	top: -30px;
	height: 201px;
	width: 201px;
	right: 100px;
	-webkit-transform: rotate(45deg);
	-webkit-animation-name: rotation;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-transform: rotate(45deg);
	-moz-animation-name: rotation;
	-moz-animation-duration: 60s;
	-moz-animation-iteration: 1;
	-moz-animation-fill-mode: forwards
}

@-webkit-keyframes rotation {
	0% {
		transform: translateX(0) translateY(0) rotate(45deg)
	}

	100% {
		transform: translateX(-2000px) translateY(400px) rotate(70deg)
	}
}

@-moz-keyframes rotation {
	0% {
		transform: translateX(0) translateY(0) rotate(45deg)
	}

	100% {
		transform: translateX(-2000px) translateY(400px) rotate(70deg)
	}
}

五、更多源码

1.如果我的博客对你有帮助 请 “点赞” “✍️评论” “收藏” 一键三连哦！

2.【关注我| 获取更多源码】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、等!

以上内容技术相关问题欢迎一起交流学习

你可能感兴趣的:(web前端,css,dreamweaver,html,javascript,网页设计)

  • yarn如何用node替换
    Yarn是一个流行的JavaScript包管理工具，它为npm提供了更快、更可靠的体验。尽管Yarn有其优势，但在许多情况下，我们可能想使用Node.js的本地包管理机制来替代Yarn。一、基本概念在开始之前，我们要明确一些基本个念：Node.js：一个高效的JavaScript运行环境，为构建服务器端应用程序提供支持。Yarn：一个Facebook开发的JavaScript包管理工具，用于处理项
  • 在 Apache Tomcat 中，部署和删除项目 梦醒贰零壹柒 运维apachetomcatjava
    在ApacheTomcat中，部署和删除WAR文件是常见的操作。以下是详细步骤：1.删除WAR文件(1)停止应用进入Tomcat的管理界面（默认地址：http://localhost:8080/manager/html）。找到需要删除的应用，点击“停止”按钮停止其运行。(2)删除WAR文件进入Tomcat的webapps目录：cd/path/to/tomcat/webapps删除对应的WAR文件和
  • 非GUI模式执行jemter压测 十叶知秋 jmeter性能测试从0到1性能测试jmeter
    https://www.cnblogs.com/shaohuang/p/17508011.html准备JMeter脚本-首先，在GUI模式下创建并调试好你的JMeter测试计划。测试计划应包含线程组、取样器（如HTTP请求）、监听器等组件。例如，如果你要对一个Web应用进行压力测试，在HTTP请求取样器中设置好请求的URL、方法（GET/POST等）、请求参数等内容。-将测试计划保存为`.jmx`
  • 【Javascript网页设计】产品展示 JavaScript 设计案例 Netsuite + 影刀 Javascript案例javascript前端html
    代码如下：产品展示页面body{font-family:Arial,sans-serif;margin:20px;text-align:center;}.product-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}.product-card{border:1pxsolid#ddd;padding:15
  • [点点搬家]初试mod_perl+apache 之二 promenade perlapache
    [四年前的博客了，学习apache的纯真年代]学习practicalmod_perl中关于apache的配置，章节连接如下http://www.modperlbook.org/html/4-1-1-Configuration-Files.html1,".htaccess"文件，可以看到httpd.conf中有这样的模块AllowOverrideNoneOptionsNoneOrderallow,d
  • 网络空间安全（13）上传验证绕过 IT 青年 网安知识库网络空间安全
    前言上传验证绕过是一种网络安全攻击手段，攻击者利用目标系统或应用程序在文件上传过程中存在的漏洞，绕过文件上传的验证机制，上传恶意文件，从而实现对目标系统的攻击。一、常见类型客户端验证绕过定义：客户端验证通常通过JavaScript在浏览器中执行，用于检查文件类型、大小等。客户端验证绕过是指攻击者通过禁用JavaScript或修改前端代码，绕过这些验证。绕过方法：禁用JavaScript：直接在浏览
  • 如何使用BeautifulSoup轻松解析网页内容？ 字节王德发 pythonbeautifulsoup
    在当今这个信息爆炸的时代，网络上有大量的数据等待我们去挖掘。如何从网页中提取我们需要的信息呢？使用Python的BeautifulSoup库，能够让这一过程变得简单而高效！接下来，我将带你走进BeautifulSoup的世界，教你如何进行网页解析。BeautifulSoup是什么？BeautifulSoup是一个Python库，专门用于从HTML和XML文件中提取数据。它能够将复杂的网页结构转化为
  • 北京大学DeepSeek课程1《DeepSeek与AIGC应用》 daly520 AIGC人工智能aipython深度学习机器学习
    北京大学发布的《DeepSeek与AIGC应用》报告及配套教程，系统介绍了DeepSeek技术特性、AIGC应用场景及实践方法，主要包含以下核心内容：PDF完整版下载北京大学DeepSeek课程《DeepSeek与AIGC应用》下载https://ollama.net.cn/deepseek/14.html一、DeepSeek-R1模型的技术解析1.模型特性与优势DeepSeek-R1是一款专注于
  • PythonWeb框架djiango第二章 _AndyLau 手把手学pythondjangopython
    PythonWeb框架djiango第二章文章目录PythonWeb框架djiango第二章模版方式1（推荐）方式2render方法详解模版语法{{contxt中字典的key}}{%%}标签ifelifelseendif条件选择for{##}常用标签过滤器模版结构{%include"xxx.html"%}模版继承静态文件模型模型安装和配置单表crudMetaFieldAPI外键ForeignKey
  • vxe-table 实现复选框多选通过鼠标拖动选择功能 vue.js
    启用表格多选的范围选择功能很简单，启用后就像excel一样，可以通过鼠标滑动选择行，也可以按住ctrl键部分选择，功能非常强大，支持快捷键;npminstallvxe-pc-ui@4.3.2vxe-table@4.9.4//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-tab
  • 【Python爬虫】爬取公共交通站点数据 Anchenry Python爬虫pythonbeautifulsoup
    首先，先介绍一下爬取公交站点时代码中引入的库。requests：使用HTTP协议向网页发送请求并获得响应的库。BeautifulSoup：用于解析HTML和XML网页文档的库，简化了页面解析和信息提取的过程。json：用于处理JSON格式数据的库。xlwt：用于将数据写入Excel文件中的库。Coordin_transformlat：自定义的一个坐标转换库。在这个爬虫项目中，它被用来将高德地图提供
  • vxe-table v4.8+ 实现行拖动排序，列拖动排序 vue.js
    VxeUIvuevxe-tablev4.8+实现行拖动排序，列拖动排序安装npminstallvxe-pc-ui@4.2.42vxe-table@4.8.1main.js//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-table'import'vxe-table/lib/s
  • VUE + Jquery 集成的一个简易数学公式编辑器 今天也想MK代码 努力把想法实现vuejqueryjswebhtml
    前端数学公式自定义编辑界面可自定义未知数、运算符号、函数自己写的一个数学公式简单编辑器，本想找开源，无奈找不到。如果有开源，请发我一份，参考参考。在此感谢。静态1、简单公式：例如x+y将公式中的变量（x,y）以及运算符(+,-)放在一个数组中，遍历这个这个数组组成一个html字符串，然后显示在页面。数组定义为：type定义是值还是运算符valueDatas:[{type:'value',domTy
  • TensorFlow.js - 使用 CNN(卷积神经网络) 识别手写数字 宁静_致远_ 前端开发javascripttensorflowcnn
    目录index.htmldata.jsscript.js备注参考文献index.htmlTensorFlow.jsTutorialdata.js/***@license*Copyright2018GoogleLLC.AllRightsReserved.*LicensedundertheApacheLicense,Version2.0(the"License");*youmaynotusethisf
  • Python深度学习之路：TensorFlow与PyTorch对比 步入烟尘 Python超入门指南全册python深度学习tensorflow
    本文已收录于《Python超入门指南全册》本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教学，从基础到精通不断进阶深入，后续还有实战项目，轻松应对面试，专栏订阅地址：https://blog.csdn.net/mrdeam/category_12647587.html优点：订阅限时19.9付费专栏，私信博主还可进入全栈VIP答疑群，作者优先解答机会（代码指导、远程服务），群里大佬众多可以
  • Spring Boot整合Thymeleaf模板引擎实战——从静态页面到动态表单处理全流程解析 Sendingab 零基础7天精通SpringBootSpringboot从入门到精通springboot后端javatomcatspringspringcloudxml
    https://example.com/thymeleaf-spring-demo前言在前后端不分离的传统Web项目中，Thymeleaf凭借自然的HTML语法与强大的表达式功能成为SpringBoot官方推荐的模板引擎。本文将带你从零实现用户注册功能，涵盖表单验证、页面碎片化、国际化等核心场景，并分享性能调优实战经验。一、快速整合Thymeleaf1.1添加基础依赖 xmlorg.springf
  • 解决elementui中aria-hidden报错：Blocked aria-hidden on an element because its descendant retained focus. T-shmily vue浏览器报错elementui前端javascript
    控制台报错：这个无缘无故的是浏览器的原因，不影响代码但影响美观。可以通过css解决，可以放在入口文件解决办法：/*解决浏览器报错：Blockedaria-hiddenonanelementbecauseitsdescendantretainedfocus*/input[aria-hidden="true"]{display:none!important;}或者添加以下也可以解决.el-radio_
  • vue2中使用Animate.css动画插件 T-shmily 前端vue.js动画
    ①安装Animate官网npminstallanimate.css--saveyarnaddanimate.css或者直接下载②引入在main.js中importanimatedfrom"animate.css";Vue.use(animated)或import'animate.css';也可以直接引入在需要用动画的组件中import'animate.css'③使用vue官网vue官网Transi
  • css选择器第三章(伪元素/选择器优先级/三大特性) 星空寻流年 前端基础css前端
    css伪元素/选择器优先级/三大特性一、css伪元素选择器该选择器跟之前的不同，元素选择器操作的是元素里面的内容，伪类操作的是元素本身（只能操作类似于div，p标签等等这些标签元素）。1.1概览::first-letter选中元素中的第一个文字。::first-line选中元素中的第一行文字。::selection选中被鼠标选中的内容。::placeholder选中输入框的提示文字。::befor
  • css伪类选择器第二章 星空寻流年 前端基础css前端
    一、css伪类选择器选中特殊状态元素，这个状态不是我们自己手动定义的css或者id等等，是我们看不到的。一般使用格式为元素:(冒号)属性方式如何理解“伪”?—虚假的，不是真的。如何理解“伪类”？—像类(class)，但不是类，是元素的一种特殊状态。1.1伪类基本概念代码示例a标签伪类基本概念/*选中的是没有访问过的a元素的颜色*/a:link{color:green;}/*访问过的a元素展示的颜色
  • react精简面试题 懒人村杂货铺 react.js前端前端框架
    一、React基础1.React的核心特性是什么？答案：组件化开发：将UI拆分为独立可复用的组件。虚拟DOM（VirtualDOM）：通过内存中的轻量级DOM结构优化真实DOM操作。单向数据流：数据通过props从父组件传递到子组件，状态变化可预测。JSX：允许在JavaScript中编写类似HTML的语法，增强代码可读性。2.类组件和函数组件的区别？答案：类组件：使用class定义，继承Reac
  • React Native v0.78 更新 Mr.NickJJ ReactNative系列reactnativereact.jsjavascript
    这个版本在ReactNative中引入了React19，并带来了一些重要的新功能，例如Android矢量图（VectorDrawables）的原生支持以及iOS更好的Brownfield集成。亮点React19集成更小更快的发布节奏可选择在Metro中启用JavaScript日志新增对AndroidXMLDrawables的支持iOS上的ReactNativeFactory这个版本为开发者带来了更
  • 深入理解 React.js：构建现代 Web 应用的核心技术 布兰妮甜 JavaScript-行为#React前端javascriptreact.js前端框架
    Hi，我是布兰妮甜！React.js是由Facebook开发并开源的一个用于构建用户界面的JavaScript库。自2013年发布以来，React迅速成为前端开发领域的主流工具之一。其组件化、声明式编程模型以及高效的虚拟DOM技术，使得开发者能够轻松构建高性能、可维护的Web应用。本文将深入探讨React.js的核心概念、优势以及如何在实际项目中应用。文章目录一、React.js的核心概念二、Re
  • 一文掌握python中正则表达式的各种使用 数据知道 2025年爬虫和逆向教程python正则表达式爬虫
    文章目录1.正则表达式基础1.1常用元字符1.2基本用法2.正则表达式高级功能2.1分组捕获2.2命名分组2.3非贪婪匹配2.4零宽断言2.5编译正则表达式2.6转义字符3.常见应用场景3.1验证邮箱格式3.2提取URL3.3提取日期3.4提取HTML中的链接3.5提取HTML中的图片链接3.6提取JSON中的特定字段4.总结在Python爬虫中，正则表达式（RegularExpression，简
  • wangeditor html编辑,Vue整合wangEditor富文本编辑器 莫姐 wangeditorhtml编辑
    最近在做项目时，客户有个发布新闻动态的功能，具体页面内容让客户自己编写，所以要选择富文本编辑器，这样用户体验好一点。网上有很多的富文本编辑器，因为项目的功能并不是很复杂，所以选择了wangEditor，界面简洁，使用起来也挺方便的；image.png实现思路1.安装wangEditor2.封装成组件3.父组件中直接调用一、wangEditor安装这里使用npm命令安装；npminstallwang
  • http链接转成https的链接的几种方法 爱分享的程序员 前端httphttps网络协议
    以下是一个将HTTP链接转换为HTTPS的JavaScript函数，处理了多种常见输入情况：functionconvertToHttps(url){if(typeofurl!=='string')returnurl;//移除首尾空格并处理空字符串consttrimmedUrl=url.trim();if(!trimmedUrl)return'https://';//替换HTTP协议（不区分大小写）
  • 有关css设置宽度和高度与浏览器打开的显示效果不一致的问题 前端_yu小白 CSScsshtmlhtml5前端
    问题描述：今天用做网页的时候，需要其他网页上的图片，用snipaste工具截取图片，并量好图片的尺寸后（假设width：600px,height:400px），用vscode编写CSS代码，引用以上测量结果设置宽度和高度，打开浏览器后发现图片是width：900px,height:600px;放大了1.5倍。原因解释：虽然浏览器的显示比例为100%，但是windows的显示设置为150%，所以你代
  • 新手教程，小白学web前端开发—HTML5+css3 皆非本人 前端html5css3
    小白教程，一起来跟我学简单的网页制作吧！本书教材：web前端开发案例教程—HTML5+css3简介：2005年以后，互联网进入了web2.0的时代，各种类似的桌面软件的web应用大量涌现，网站的前端，由此发生了翻天覆地的变化。网站不再只承载单一的文字和图片，各种丰富的媒体让网页的内容更加生动，网页的各种交互形式为用户带来了更好的体验，都基于前端的技术实现，好了废话不多说，让我们简单的体验一下如何制
  • 【Web前端开发】---web简介 爱学习的小何同学！ 前端
    1、前端开发能干什么能干：网页、小程序（例如：微信小程序、抖音小程序），数据可视化前端工程师不仅可以开发上面所说的东西，而且也可以开发：服务器、客户端。2、计算机基础计算机由硬件与软件构成。所谓的硬件就是能看得见、摸得着的一些零部件。比如：CPU、内存、硬盘、键盘、鼠标、音箱、显示器。所谓的软件就是看得见、摸不着的东西。软件由系统软件和应用软件构成。系统软件：Windows、Linux、Max、H
  • 从入门到精通 JavaScript 1000例实战开发专栏--第1章：JavaScript 概述与环境搭建 小蘑菇二号 入门到精通JavaScript1000例实战开发javascript开发语言
    目录第一章：JavaScript概述与环境搭建章节简介1.什么是JavaScript？2.开发工具的选择与安装3.第一个JavaScript程序学习收获第一章：JavaScript概述与环境搭建章节简介本章将带领读者了解JavaScript的基础概念，熟悉开发环境的搭建，并完成第一个简单的JavaScript程序。通过本章的学习，您将掌握JavaScript的基本用途、开发工具的选择以及如何快速上
  • redis学习笔记——不仅仅是存取数据 Everyday都不同 returnSourceexpire/delincr/lpush数据库分区redis
    最近项目中用到比较多redis，感觉之前对它一直局限于get/set数据的层面。其实作为一个强大的NoSql数据库产品，如果好好利用它，会带来很多意想不到的效果。（因为我搞java，所以就从jedis的角度来补充一点东西吧。PS：不一定全，只是个人理解，不喜勿喷）   1、关于JedisPool.returnSource(Jedis jeids)   这个方法是从red
  • SQL性能优化-持续更新中。。。。。。 atongyeye oraclesql
    1 通过ROWID访问表--索引 你可以采用基于ROWID的访问方式情况,提高访问表的效率, , ROWID包含了表中记录的物理位置信息..ORACLE采用索引(INDEX)实现了数据和存放数据的物理位置(ROWID)之间的联系. 通常索引提供了快速访问ROWID的方法,因此那些基于索引列的查询就可以得到性能上的提高. 2 共享SQL语句--相同的sql放入缓存 3 选择最有效率的表
  • [JAVA语言]JAVA虚拟机对底层硬件的操控还不完善 comsci JAVA虚拟机
         如果我们用汇编语言编写一个直接读写CPU寄存器的代码段，然后利用这个代码段去控制被操作系统屏蔽的硬件资源，这对于JVM虚拟机显然是不合法的，对操作系统来讲，这样也是不合法的，但是如果是一个工程项目的确需要这样做，合同已经签了，我们又不能够这样做，怎么办呢？ 那么一个精通汇编语言的那种X客，是否在这个时候就会发生某种至关重要的作用呢？ &n
  • lvs- real 男人50 LVS
    #!/bin/bash # # Script to start LVS DR real server. # description: LVS DR real server # #.  /etc/rc.d/init.d/functions VIP=10.10.6.252 host='/bin/hostname' case "$1" in sta
  • 生成公钥和私钥 oloz DSA安全加密
    package com.msserver.core.util; import java.security.KeyPair; import java.security.PrivateKey; import java.security.PublicKey; import java.security.SecureRandom; public class SecurityUtil {
  • UIView 中加入的cocos2d，背景透明 374016526 cocos2dglClearColor
    要点是首先pixelFormat:kEAGLColorFormatRGBA8，必须有alpha层才能透明。然后view设置为透明glView.opaque = NO;[director setOpenGLView:glView];[self.viewController.view setBackgroundColor:[UIColor clearColor]];[self.viewControll
  • mysql常用命令 香水浓 mysql
    连接数据库 mysql -u troy -ptroy 备份表 mysqldump -u troy -ptroy mm_database mm_user_tbl > user.sql 恢复表（与恢复数据库命令相同） mysql -u troy -ptroy mm_database < user.sql 备份数据库 mysqldump -u troy -ptroy
  • 我的架构经验系列文章 - 后端架构 - 系统层面 agevs JavaScriptjquerycsshtml5
    系统层面： 高可用性 所谓高可用性也就是通过避免单独故障加上快速故障转移实现一旦某台物理服务器出现故障能实现故障快速恢复。一般来说，可以采用两种方式，如果可以做业务可以做负载均衡则通过负载均衡实现集群，然后针对每一台服务器进行监控，一旦发生故障则从集群中移除；如果业务只能有单点入口那么可以通过实现Standby机加上虚拟IP机制，实现Active机在出现故障之后虚拟IP转移到Standby的快速
  • 利用ant进行远程tomcat部署 aijuans tomcat
    在javaEE项目中，需要将工程部署到远程服务器上，如果部署的频率比较高，手动部署的方式就比较麻烦，可以利用Ant工具实现快捷的部署。这篇博文详细介绍了ant配置的步骤（http://www.cnblogs.com/GloriousOnion/archive/2012/12/18/2822817.html），但是在tomcat7以上不适用，需要修改配置，具体如下： 1.配置tomcat的用户角色
  • 获取复利总收入 baalwolf 获取
           public static void main(String args[]){         int money=200;         int year=1;         double rate=0.1; &
  • eclipse.ini解释 BigBird2012 eclipse
    大多数java开发者使用的都是eclipse，今天感兴趣去eclipse官网搜了一下eclipse.ini的配置，供大家参考，我会把关键的部分给大家用中文解释一下。还是推荐有问题不会直接搜谷歌，看官方文档，这样我们会知道问题的真面目是什么，对问题也有一个全面清晰的认识。 Overview 1、Eclipse.ini的作用 Eclipse startup is controlled by th
  • AngularJS实现分页功能 bijian1013 JavaScriptAngularJS分页
            对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下，我们的数据会比较多，无法很好地显示在单个页面中。在这种情况下，我们需要把数据以页的方式来展示，同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求，那么把这一功能抽象成一个通用的、可复用的分页（Paginator）服务是很有意义的。   &nbs
  • [Maven学习笔记三]Maven archetype bit1129 ArcheType
    archetype的英文意思是原型，Maven archetype表示创建Maven模块的模版，比如创建web项目，创建Spring项目等等.   mvn archetype提供了一种命令行交互式创建Maven项目或者模块的方式，   mvn archetype   1.在LearnMaven-ch03目录下，执行命令mvn archetype:gener
  • 【Java命令三】jps bit1129 Java命令
    jps很简单，用于显示当前运行的Java进程，也可以连接到远程服务器去查看   [hadoop@hadoop bin]$ jps -help usage: jps [-help] jps [-q] [-mlvV] [<hostid>] Definitions: <hostid>: <hostname>[:
  • ZABBIX2.2 2.4 等各版本之间的兼容性 ronin47
    zabbix更新很快，从2009年到现在已经更新多个版本，为了使用更多zabbix的新特性，随之而来的便是升级版本，zabbix版本兼容性是必须优先考虑的一点 客户端AGENT兼容 zabbix1.x到zabbix2.x的所有agent都兼容zabbix server2.4：如果你升级zabbix server，客户端是可以不做任何改变，除非你想使用agent的一些新特性。 Zabbix代理（p
  • unity 3d还是cocos2dx哪个适合游戏？ brotherlamp unity自学unity教程unity视频unity资料unity
    unity 3d还是cocos2dx哪个适合游戏？ 问：unity 3d还是cocos2dx哪个适合游戏？ 答：首先目前来看unity视频教程因为是3d引擎，目前对2d支持并不完善，unity 3d 目前做2d普遍两种思路，一种是正交相机，3d画面2d视角，另一种是通过一些插件，动态创建mesh来绘制图形单元目前用的较多的是2d toolkit，ex2d，smooth moves，sm2，
  • 百度笔试题：一个已经排序好的很大的数组，现在给它划分成m段，每段长度不定，段长最长为k，然后段内打乱顺序，请设计一个算法对其进行重新排序 bylijinnan java算法面试百度招聘
    import java.util.Arrays; /** * 最早是在陈利人老师的微博看到这道题： * #面试题#An array with n elements which is K most sorted，就是每个element的初始位置和它最终的排序后的位置的距离不超过常数K * 设计一个排序算法。It should be faster than O(n*lgn)。
  • 获取checkbox复选框的值 chiangfai checkbox
    <title>CheckBox</title> <script type = "text/javascript"> doGetVal: function doGetVal() { //var fruitName = document.getElementById("apple").value;//根据
  • MySQLdb用户指南 chenchao051 mysqldb
    原网页被墙，放这里备用。 MySQLdb User's Guide Contents Introduction Installation _mysql MySQL C API translation MySQL C API function mapping Some _mysql examples MySQLdb
  • HIVE 窗口及分析函数 daizj hive窗口函数分析函数
    窗口函数应用场景： （1）用于分区排序 （2）动态Group By （3）Top N （4）累计计算 （5）层次查询 一、分析函数 用于等级、百分点、n分片等。 函数             说明 RANK()     &nbs
  • PHP ZipArchive 实现压缩解压Zip文件 dcj3sjt126com PHPzip
    PHP ZipArchive 是PHP自带的扩展类，可以轻松实现ZIP文件的压缩和解压，使用前首先要确保PHP ZIP 扩展已经开启，具体开启方法就不说了，不同的平台开启PHP扩增的方法网上都有，如有疑问欢迎交流。这里整理一下常用的示例供参考。 一、解压缩zip文件 01 02 03 04 05 06 07 08 09 10 11
  • 精彩英语贺词 dcj3sjt126com 英语
    I'm always here              我会一直在这里支持你                &nb
  • 基于Java注解的Spring的IoC功能 e200702084 javaspringbeanIOCOffice
                                      
  • java模拟post请求 geeksun java
    一般API接收客户端（比如网页、APP或其他应用服务）的请求，但在测试时需要模拟来自外界的请求，经探索，使用HttpComponentshttpClient可模拟Post提交请求。 此处用HttpComponents的httpclient来完成使命。 import org.apache.http.HttpEntity ; import org.apache.http.HttpRespon
  • Swift语法之 ---- ?和!区别 hongtoushizi ?swift!
    转载自： http://blog.sina.com.cn/s/blog_71715bf80102ux3v.html   Swift语言使用var定义变量，但和别的语言不同，Swift里不会自动给变量赋初始值，也就是说变量不会有默认值，所以要求使用变量之前必须要对其初始化。如果在使用变量之前不进行初始化就会报错： var stringValue : String //
  • centos7安装jdk1.7 jisonami jdkcentos
    安装JDK1.7 步骤1、解压tar包在当前目录 [root@localhost usr]#tar -xzvf jdk-7u75-linux-x64.tar.gz 步骤2：配置环境变量 在etc/profile文件下添加 export JAVA_HOME=/usr/java/jdk1.7.0_75 export CLASSPATH=/usr/java/jdk1.7.0_75/lib
  • 数据源架构模式之数据映射器 home198979 PHP架构数据映射器datamapper
    前面分别介绍了数据源架构模式之表数据入口、数据源架构模式之行和数据入口数据源架构模式之活动记录，相较于这三种数据源架构模式，数据映射器显得更加“高大上”。   一、概念 数据映射器（Data Mapper）：在保持对象和数据库（以及映射器本身）彼此独立的情况下，在二者之间移动数据的一个映射器层。概念永远都是抽象的，简单的说，数据映射器就是一个负责将数据映射到对象的类数据。 &nb
  • 在Python中使用MYSQL pda158 mysqlpython
    缘由 　　近期在折腾一个小东西须要抓取网上的页面。然后进行解析。将结果放到 数据库中。 　　了解到 Python在这方面有优势，便选用之。 　　由于我有台 server上面安装有 mysql，自然使用之。在进行数据库的这个操作过程中遇到了不少问题，这里 记录一下，大家共勉。 　　 python中mysql的调用 　　 百度之后能够通过MySQLdb进行数据库操作。
  • 单例模式 hxl1988_0311 java单例设计模式单件
    package com.sosop.designpattern.singleton; /* * 单件模式：保证一个类必须只有一个实例，并提供全局的访问点 * * 所以单例模式必须有私有的构造器，没有私有构造器根本不用谈单件 * * 必须考虑到并发情况下创建了多个实例对象 * */ /** * 虽然有锁，但是只在第一次创建对象的时候加锁，并发时不会存在效率
  • 27种迹象显示你应该辞掉程序员的工作 vipshichg 工作
    1、你仍然在等待老板在2010年答应的要提拔你的暗示。 2、你的上级近10年没有开发过任何代码。 3、老板假装懂你说的这些技术，但实际上他完全不知道你在说什么。 4、你干完的项目6个月后才部署到现场服务器上。 5、时不时的，老板在检查你刚刚完成的工作时，要求按新想法重新开发。 6、而最终这个软件只有12个用户。 7、时间全浪费在办公室政治中，而不是用在开发好的软件上。 8、部署前5分钟才开始测试。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他