weixin_44329069
weixin_44329069

8- 【JavaWeb】用HTML和CSS来创建一个简洁的登录界面

我们将使用HTML和CSS来创建一个简洁、现代的登录界面。

1. HTML结构

首先，我们需要一个基本的HTML结构来容纳登录表单。保存为 index.html 文件：

DOCTYPE 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="styles.css">
head>
<body>
    <div class="container">
        <div class="login-box">
            <h2>登录h2>
            <form>
                <div class="textbox">
                    <input type="text" placeholder="用户名" required>
                div>
                <div class="textbox">
                    <input type="password" placeholder="密码" required>
                div>
                <input type="submit" class="btn" value="登录">
            form>
        div>
    div>
body>
html>

2. CSS样式

接下来，我们将编写CSS样式来美化登录界面。保存为 styles.css 文件：

/* Reset some default styles */
/* Reset some default styles */
body, html {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    height: 100%;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: url('https://cdn.pixabay.com/photo/2024/08/02/09/01/barracuda-8939250_1280.jpg') no-repeat center center fixed;
    background-size: cover;
}

.login-box {
    width: 360px;
    padding: 40px;
    position: relative;
    background: rgba(255, 255, 255, 0.9); /* Slightly transparent background for better readability */
    border-radius: 10px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}

.login-box h2 {
    margin: 0 0 20px;
    color: #333;
    text-align: center;
}

.textbox {
    margin-bottom: 20px;
}

.textbox input {
    width: 100%;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

.btn {
    width: 100%;
    background: #4facfe;
    border: none;
    padding: 15px;
    cursor: pointer;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    transition: background 0.3s ease;
}

.btn:hover {
    background: #00f2fe;
}
  • 背景图片: 使用 background 属性设置背景图片，no-repeat 确保图片不会重复，center center 将图片居中显示，fixed 确保背景图片在滚动时固定不动。
  • 背景大小: background-size: cover; 确保背景图片覆盖整个容器，同时保持图片的纵横比。
  • 登录框背景: 使用 rgba(255, 255, 255, 0.9) 为登录框设置一个略微透明的白色背景，以便在有背景图片的情况下保持文本的可读性。
  • login-box: 设置登录框的宽度、内边距、背景颜色、圆角和阴影，提升视觉效果。
  • textbox: 提供输入框的样式，包括内边距、背景色、边框和圆角。
  • btn: 设置按钮的样式，包括背景颜色、边框、内边距和过渡效果。

4. 运行和测试

  1. 将 index.html 和 styles.css 文件保存在同一目录下。
  2. 打开 index.html 文件，应该能看到一个美观的登录界面。
    好的，我们可以将背景图片应用到登录界面中。你只需更新CSS样式以包含该背景图片。下面是更新后的CSS代码示例：

你可能感兴趣的:(JavaWeb,css,html,css3)

  • 前端必知必会-Vue 简介 编程岁月 vue.js前端javascript
    文章目录Vue简介Vue是一个JavaScript框架为什么要学习Vue？OptionsAPI我的第一页文本插值文本插值中的JavaScript总结Vue简介Vue是一个JavaScript框架。可以使用标记将其添加到HTML页面。Vue使用指令扩展HTML属性，并使用表达式将数据绑定到HTML。Vue是一个JavaScript框架Vue是一个用JavaScript编写的前端JavaScript框
  • Mongo数据库简介 chqj_163
    作者：[佚名]-发布：2010-11-1810:16:59-来源：无忧技术网转载http://www.liqwei.com/database/other/2010/778.shtmlMongo是一个高性能，开源，无模式的文档型数据库，它在许多场景下可用于替代传统的关系型数据库或键/值存储方式。Mongo使用C++开发，提供了以下功能：◆面向集合的存储：适合存储对象及JSON形式的数据。◆动态查询：
  • 详细介绍：使用 Axios 上传图片文件 还是鼠鼠 javascript前端开发语言ajaxbootstrap前端框架vscode
    目录1.项目背景和功能概述2.（index.html完整代码）结构解析3.JavaScript部分解析3.1事件监听和图片上传3.2处理响应和错误4.完整流程5.总结6.适用场景这篇文章将展示如何通过Axios发送POST请求来实现图片上传。通过用户选择图片文件后，使用FormData构造上传的文件数据，并通过Axios将其提交到服务器。服务器返回图片的URL后，页面会显示上传的图片。下面是详细的
  • 图书管理系统 Axios 源码 __删除图书功能 还是鼠鼠 javascriptbootstrapajaxvscode前端前端框架node.js
    目录代码实现（index.js）代码解析使用方法下面是完整的删除图书功能代码，基于HTML+Bootstrap+JavaScript+Axios开发。代码实现（index.js）//删除图书功能document.querySelector('.list').addEventListener('click',(e)=>{//判断是否点击了删除按钮if(e.target.classList.conta
  • Axios 的地区查询(案例) 还是鼠鼠 ajax前端javascriptbootstrapweb
    目录1.项目背景与功能概述2.完整代码3.HTML结构解析输入表单查询按钮地区列表4.JavaScript部分解析监听点击事件发送Axios请求处理响应数据5.完整流程6.总结7.适用场景8.优化和扩展本案例展示了如何使用Axios发送带查询参数的HTTP请求，查询指定省份和城市下的地区列表。通过用户输入的省份名称和城市名称，向后端API发送请求，获取该地区下的具体区域信息，并将返回的数据动态渲染
  • 图书管理系统 Axios 源码__获取图书列表 还是鼠鼠 javascriptbootstrapajax前端
    目录核心功能源码介绍1.获取图书列表技术要点适用人群本项目是一个基于HTML+Bootstrap+JavaScript+Axios开发的图书管理系统，可用于添加、编辑、删除和管理图书信息，适合前端开发者学习前端交互设计、Axios数据请求以及Bootstrap样式布局。核心功能图书列表渲染通过Axios发送GET请求获取服务器上的图书数据。渲染数据到HTML表格，展示书籍的名称、作者、出版社等信息
  • Android 绘图工具与实战（具体例子） Chasing stars Androidcanvas
    绘图工具与实战参考链接：https://www.runoob.com/w3cnote/android-tutorial-drawable-tool.html三大绘图工具：1)Paint(画笔):就是画笔,用于设置绘制风格,如:线宽(笔触粗细),颜色,透明度和填充风格等直接使用无参构造方法就可以创建Paint实例:Paintpaint=newPaint();我们可以通过下述方法来设置Paint(画笔
  • Qpython+Flask监控添加发送语音中文信息功能 eybk flaskpython后端
    对Qpython+Flask实现对小孩学习的监控-CSDN博客中html页面进行改造，利用Ajax，提交一段文字，发送到数据库，再在服务器，发送该段文件给手机端，然手机端TTS朗读出来，增加了父母监控小孩学习，自定义提醒小孩的功能。一、index.html的更改。实时**学习情况图//设置定时器，每20秒（20000毫秒）刷新一次页面setInterval(function(){location.
  • 推荐使用：Container Queries Prolyfill —— 开启响应式设计新纪元 梅亭策Serena
    推荐使用：ContainerQueriesProlyfill——开启响应式设计新纪元cq-prolyfillProlyfillforCSSContainerQueries项目地址:https://gitcode.com/gh_mirrors/cq/cq-prolyfill在前端开发的浩瀚宇宙中，响应式设计早已成为不可或缺的一部分。然而，传统媒体查询虽强大，却始终受限于视口宽度。为突破这一限制，我们
  • 前端三件套之CSS 邂逅you 前端css
    CSS：css基本概念CSS（CascadingStyleSheets，层叠样式表）是用于描述HTML文档的样式的语言。它能控制网页的布局、颜色、字体、间距等，帮助设计者呈现出美观的网页1.1css基本语法CSS的基本语法由选择器（selector）、属性（property）和值（value）三部分组成：selector{property:value;}例如我要给p标签添加一个样式（颜色和字体大小
  • CSS 图像、媒体和表单元素的样式化指南 engchina LINUXcss前端
    CSS图像、媒体和表单元素的样式化指南1.替换元素：图像和视频1.1调整图像大小示例代码：调整图像大小1.2使用`object-fit`控制图像显示示例代码：使用`object-fit`2.布局中的替换元素示例代码：Grid布局中的图像3.表单元素的样式化3.1样式化文本输入元素示例代码：样式化文本输入3.2表单元素的继承和盒模型示例代码：表单元素的继承和盒模型4.总结完整示例代码在网页设计中，图
  • 【论文投稿-第八届智能制造与自动化学术会议（IMA 2025）】HTML, CSS, JavaScript：三者的联系与区别 禁默 学术会议前端htmlcssjavascript自动化制造
    大会官网：www.icamima.org目录前言一、HTML（超文本标记语言）：网页的骨架HTML的作用：例子：总结：二、CSS（层叠样式表）：网页的外观设计CSS的作用：例子：总结：三、JavaScript：网页的行为和互动JavaScript的作用：例子：总结：四、HTML、CSS和JavaScript的联系与区别1.联系2.区别五、总结前言在现代Web开发中，HTML、CSS和JavaScr
  • 如何使用 HTML5 的 Canvas 实现动画效果？ 破碎的天堂鸟 学习教程html5前端html
    要使用HTML5的Canvas实现动画效果，可以遵循以下步骤和方法：1：创建Canvas元素：首先，在HTML文档中创建一个元素，用于显示动画。2：获取Canvas上下文：使用JavaScript获取Canvas的2D渲染上下文，以便进行绘图操作。varcanvas=document.getElementById("myCanvas");varctx=canvas.getContext("2d")
  • 单点登录SSO：概述与示例 百宝门-SSO顾问 单点登录(SSO)单点登录sso身份管理百宝门oracleesso
    原文是一个系列：http://www.cnblogs.com/baibaomen/p/sso.html，曾上博客园推荐榜首。建议看原文，此处排版全乱了。转载需注明原文链接。单点登录SSO概述本系列将由浅入深的，带大家掌握最新单点登录SSO方案选型，以及架构开发实战。系列将结合示例、源码以及演示视频，让大家能够直观、深入学习。文末附5个满足不同单点登录场景的gif动画演示。本系列后继文章会深入它们的
  • 小程序的协同工作和发布 Loren_Wang 基础学习微信小程序小程序微信
    小程序的协同工作参考链接：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/release.html#%E5%8D%8F%E5%90%8C%E5%B7%A5%E4%BD%9C各权限功能说明开发者权限：可使用小程序开发者工具及开发版小程序进行开发体验者权限：可使用体验版小程序登录：可登录小程序管理后台，无需管理
  • .NET Core项目中添加MIME类型 AitTech .NetCore.netcore
    在.NETCore项目中添加MIME类型（也称为媒体类型）通常涉及配置Web服务器或中间件来识别和处理特定文件类型的请求和响应。在ASP.NETCore应用中，这通常是通过中间件配置来完成的，尤其是在处理静态文件或API响应时。1.处理静态文件的MIME类型如果你的.NETCore项目需要为静态文件（如图片、CSS、JavaScript等）提供MIME类型支持，你可以通过配置StaticFileM
  • 微信小程序中在一个大边框里给每个小边框均匀分配空间 Colinnian 微信小程序notepad++小程序
    initBoard(){constdots=[];for(leti=0;i<9;i++){for(letj=0;j<9;j++){dots.push({className:"blank",});}}this.setData({dots});},假设我现在创建一个81格的正方形,我要怎么写css代码呢.waibiankuang{width:690rpx;height:690rpx;border:5r
  • Ajax的基本使用和原理 天涯学馆 大前端&移动端全栈架构ajax前端javascript
    目录基础概念简单示例原理解析原理深入基础概念什么是Ajax？Ajax是一种在无需重新加载整个网页的情况下，通过JavaScript异步地从服务器获取数据并更新部分网页的技术。关键技术组成：XMLHttpRequest(XHR)对象：这是实现Ajax通信的核心对象，用于在后台与服务器交换数据。JavaScript：编写客户端逻辑，处理用户交互，发送请求和处理响应。HTML/CSS：构建和美化用户界面
  • JS 中的DOM 操作 天涯学馆 大前端&移动端全栈架构javascript前端
    目录概念Node接口NodeList接口，HTMLCollection接口ParentNode接口，ChildNode接口Document节点Element节点属性的操作Text节点和DocumentFragment节点
  • CSS工具与工作流 天涯学馆 大前端&移动端全栈架构css前端
    CSS工具与工作流是前端开发中的重要组成部分，它们帮助开发者提高编写、维护和优化CSS代码的效率。以下是一些关键的CSS工具与工作流实践：代码组织与结构预处理器：如Sass、Less或Stylus，提供了变量、嵌套规则、混合（mixins）、函数等特性，使得CSS更易于管理和维护。模块化：将CSS分解成小的、可管理的模块或组件，常用的方法有BEM（BlockElementModifier）、SMA
  • CSS实验性功能及CSS4特性 天涯学馆 大前端&移动端全栈架构css前端
    CSS4目前仍然是一个宽泛的概念，因为CSS的发展通常是通过一系列逐步完善的模块来进行的，而不是一次性推出一个全新的“第四代”。许多所谓的“CSS4”特性实际上是正在开发或已经草案阶段的CSS模块，它们可能在未来的CSS规范中被正式采纳。选择器4：:is()和:where()伪类允许动态选择一组元素。:has()伪类选择器允许基于子元素选择父元素。:scope伪类用于在ShadowDOM中选择元素
  • PostCSS 及其插件 天涯学馆 大前端&移动端全栈架构postcss前端javascript
    PostCSS及其插件PostCSS是一个工具，它允许开发者通过使用JavaScript插件来转换CSS。这些插件可以执行各种任务，如添加浏览器前缀、转换新的CSS语法、优化和压缩CSS等。1.PostCSS基本概念PostCSS是一个处理器，它接收CSS输入，然后通过一系列插件转换输出。与CSS预处理器（如Sass、Less）不同，PostCSS处理的是标准CSS，但可以扩展CSS语法。2.安装
  • CSS预处理器Stylus 天涯学馆 大前端&移动端全栈架构cssstylus前端
    CSS预处理器StylusStylus是一款高效的CSS预处理器，它提供了简洁灵活的语法来帮助开发者更高效地编写和管理CSS代码。下面是一些基础到进阶的Stylus代码教程，涵盖变量、嵌套、混合、继承、运算符等核心特性。1.安装Stylus在项目中使用Stylus前，你需要先安装Stylus编译器。如果你使用的是Node.js，可以通过npm安装：npminstall-Dstylus2.基本使用变
  • CSS性能优化 天涯学馆 大前端&移动端全栈架构css性能优化前端
    在构建高性能的网页时，CSS性能优化是一个至关重要的环节。它不仅影响页面的加载速度，还关系到用户体验和搜索引擎优化。下面我们将深入探讨CSS性能优化的各个方面：1.最小化HTTP请求合并CSS文件：将多个CSS文件合并成一个，减少HTTP请求次数，加快页面加载速度。内联CSS：对于小量的CSS，可以直接在HTML中内联，减少HTTP请求。使用数据URI：对于背景图片或图标，可以使用base64编码
  • 优秀CSS3开源库 天涯学馆 大前端&移动端全栈架构css3前端css
    优秀CSS3开源库Bootstrap：https://getbootstrap.com/一个强大的前端框架，提供了许多用于构建响应式网站的工具和组件。Foundation：https://get.foundation/另一个流行的前端框架，也提供了许多用于构建响应式网站的工具和组件。Bulma：https://bulma.io/一个基于Flexbox的CSS框架，提供了简洁、可靠和可自定义的样式。
  • CSS3优秀动画代码示例 天涯学馆 大前端&移动端全栈架构css3前端css
    目录旋转立方体悬停效果动画路径动画纯CSS进度条文字打字机效果3D翻转卡片SVG路径跟随动画SVG心跳动画
  • CSS3过滤与混合模式 天涯学馆 大前端&移动端全栈架构css3前端css
    过滤与混合模式filterfilter属性应用于元素本身，允许您对元素的内容（包括其子元素）应用图形效果，如模糊、阴影、颜色调整等。这有助于实现图像编辑软件中常见的视觉效果。其基本语法如下：element{filter:none|[]*|;}none：无滤镜效果。：滤镜函数，常见的包括：blur(px)：模糊效果，参数为模糊半径（像素值）。
  • CSS3边框与轮廓 天涯学馆 大前端&移动端全栈架构css3前端css
    CSS3边框与轮廓border-radiusborder-radius属性用于设置元素边框的圆角半径。通过这个属性，您可以使元素的角呈现圆形或椭圆形外观，而不是传统的直角。其语法格式如下：.element{border-radius:[horizontal-radiusvertical-radius]|[radius];}horizontal-radius和vertical-radius分别指定水
  • CSS3盒模型与布局 天涯学馆 大前端&移动端全栈架构css3前端css
    盒模型与布局居中对齐文本居中对齐水平居中使用text-align:center;属性在块级元素内使内联元素（如文本、图片等）水平居中。.parent{text-align:center;}垂直居中使用line-height设置为与容器高度相同的值，实现单行文本的垂直居中。.parent{height
  • CSS3文字与字体 天涯学馆 大前端&移动端全栈架构css3前端css
    文字与字体@font-face用途：定义一种自定义字体，使其可以在网页中使用。通过@font-face规则，可以指定字体名称、来源（通常是URL）以及字体的各种变体（如常规、粗体、斜体等）。@font-face{font-family:'MyCustomFont';src:url(&#
  • JAVA中的Enum 周凡杨 javaenum枚举
    Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。     例如，一个星期内只有七天 我们通常这样实现上面的定义： public String monday; public String tuesday; public String wensday; public String thursday
  • 赶集网mysql开发36条军规 Bill_chen mysql业务架构设计mysql调优mysql性能优化
    (一)核心军规 (1)不在数据库做运算    cpu计算务必移至业务层； (2)控制单表数据量    int型不超过1000w，含char则不超过500w；    合理分表；    限制单库表数量在300以内； (3)控制列数量    字段少而精，字段数建议在20以内
  • Shell test命令 daizj shell字符串test数字文件比较
    Shell test命令 Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真 实例演示： num1=100 num2=100if test $[num1]
  • XFire框架实现WebService(二) 周凡杨 javawebservice
       有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 Webservice的服务端(WEB工程)： 两个java bean类： Course.java    package cn.com.bean; public class Course {     private
  • 重绘之画图板 朱辉辉33 画图板
           上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。        画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
  • Java的IO流 西蜀石兰 java
    刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 IO流作用是什么？ 答：实现对文件的读写，这里的文件是广义的； Java如何实现程序到文件
  • No matching PlatformTransactionManager bean found for qualifier 'add' - neither 林鹤霄
    java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match!   网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
  • Row size too large (> 8126). Changing some columns to TEXT or BLOB aigo column
    原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large   异常信息： Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
  • JS 格式化时间 alxw4616 JavaScript
    /** * 格式化时间 2013/6/13 by 半仙 [email protected] * 需要 pad 函数 * 接收可用的时间值. * 返回替换时间占位符后的字符串 * * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数 * 如 YYYY 4占4位 YY 占2位<p></p> * MM DD hh mm
  • 队列中数据的移除问题 百合不是茶 队列移除
         队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下;      // package com.Thread0715.com; import java.util.ArrayList; public class Threa
  • Runnable接口使用实例 bijian1013 javathreadRunnablejava多线程
    Runnable接口 a.       该接口只有一个方法：public void run(); b.       实现该接口的类必须覆盖该run方法 c.       实现了Runnable接口的类并不具有任何天
  • oracle里的extend详解 bijian1013 oracle数据库extend
    扩展已知的数组空间，例： DECLARE TYPE CourseList IS TABLE OF VARCHAR2(10); courses CourseList; BEGIN -- 初始化数组元素，大小为3 courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 '); --
  • 【httpclient】httpclient发送表单POST请求 bit1129 httpclient
    浏览器Form Post请求 浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 2. Form
  • 【Hive十三】Hive读写Avro格式的数据 bit1129 hive
     1. 原始数据 hive> select * from word; OK 1 MSN 10 QQ 100 Gtalk 1000 Skype      2. 创建avro格式的数据表   hive> CREATE TABLE avro_table(age INT, name STRING)STORE
  • nginx+lua+redis自动识别封解禁频繁访问IP ronin47
    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 一、安装环境： CentOS x64 release 6.4(Fin
  • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历 bylijinnan java
    import java.util.LinkedList; import java.util.List; import java.util.Stack; public class BinTreeTraverse { //private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 }; private int[] array={ 10,6,
  • Spring源码学习-XML 配置方式的IoC容器启动过程分析 bylijinnan javaspringIOC
    以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： ApplicationContext context = new FileSystemXmlApplicationContext ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
  • [科研与项目]民营企业请慎重参与军事科技工程 comsci 企业
         军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失”    而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
  • spring 定时器-两种方式 cuityang springquartz定时器
    方式一： 间隔一定时间 运行 <bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> <bean id="updateSessionIdSchedule
  • 简述一下关于BroadView站点的相关设计 damoqiongqiu view
    终于弄上线了，累趴，戳这里http://www.broadview.com.cn   简述一下相关的技术点   前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。   后端：U
  • 运维 PHP问题汇总 dcj3sjt126com windows2003
    1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 解决方法： 后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。   2、解决PHP168超级管理员上传图片提示你的空间不足 网站是用PHP168做的，反映使用管理员在后台无法
  • mac 下 安装php扩展 - mcrypt dcj3sjt126com PHP
    MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 下载并解压libmcrypt-2.5.8.tar.gz。 在终端执行如下命令： tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
  • MongoDB更新文档 [四] eksliang mongodbMongodb更新文档
    MongoDB更新文档 转载请出自出处：http://eksliang.iteye.com/blog/2174104 MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 语法结构如下： db.collection.update( criteria, objNew, upsert, multi) 参数含义 参数   
  • Linux下的解压，移除，复制，查看tomcat命令 y806839048 tomcat
    重复myeclipse生成webservice有问题删除以前的，干净 1、先切换到：cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、这样运行时就可以实时查看运行日志了 Ctrl+c 是退出tail命令。 有问题不明的先注掉   cp /opt/tomcat-6.0.44/webapps/g
  • Spring之使用事务缘由(3-XML实现) ihuning spring
      用事务通知声明式地管理事务   事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
  • GCD使用经验与技巧浅谈 啸笑天 GC
    前言 GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 dispatch_once_t必须是全局或static变量 这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下： 1
  • linux（Ubuntu）下常用命令备忘录1 macroli linux工作ubuntu
    在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  ls / 显示/.下的所有文件和目录  ls -l 给出文件或者文件夹的详细信息 ls -a 显示所有文件，包括隐藏文
  • nodejs同步操作mysql qiaolevip 学习永无止境每天进步一点点mysqlnodejs
    // db-util.js var mysql = require('mysql'); var pool = mysql.createPool({ connectionLimit : 10, host: 'localhost', user: 'root', password: '', database: 'test', port: 3306 });
  • 一起学Hive系列文章 superlxw1234 hiveHive入门
      [一起学Hive]系列文章 目录贴，入门Hive，持续更新中。   [一起学Hive]之一—Hive概述，Hive是什么 [一起学Hive]之二—Hive函数大全-完整版 [一起学Hive]之三—Hive中的数据库(Database)和表(Table) [一起学Hive]之四-Hive的安装配置 [一起学Hive]之五-Hive的视图和分区 [一起学Hive
  • Spring开发利器：Spring Tool Suite 3.7.0 发布 wiselyman spring
    Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。   在3.7.0版本主要做了如下的更新：   将eclipse版本更新至Eclipse Mars 4.5 GA Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他