weixin_45368324
weixin_45368324

利用ajax来解决验证用户名问题-demo

利用ajax来解决验证用户名问题

目录结构

利用ajax来解决验证用户名问题-demo_第1张图片

  • users.json
[{
    "id":1,
    "username":"张三",
    "pwd":123
},{
    "id":2,
    "username":"李四",
    "pwd":123
}]
  • index.js(koa)
const Koa = require("koa");
const Router = require("koa-router");

const koaStatic = require("koa-static");

const path = require("path");

const usersData = require("./data/users.json");

let app = new Koa();
let router = new Router();

app.use(koaStatic(path.join(__dirname, "/static")));

router.get("/", (ctx, next) => {
  ctx.body = "hello";
});

router.get("/checkUserName", (ctx, next) => {
  console.log(ctx.query.username);
  let res = usersData.find((v) => v.username == ctx.query.username);
  if (res) {
    ctx.body = {
      status: 1,
      info: "用户名正确",
    };
  } else {
    ctx.body = {
      status: 2,
      info: "用户名错误",
    };
  }
});

app.use(router.routes());

app.listen(3000, () => {
  console.log("running...");
});
  • login.html

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="css/login.css" />
    <title>Documenttitle>
  head>

  <body>
    <div class="loginContainer">
      <h1>登录h1>
      <form action="/checkUser" method="post">
        姓名：
        <input class="inputStyle" type="text" name="username" />
        <div class="exchange">用户名错误div>
        <br />密码：
        <input class="inputStyle" type="password" name="pwd" /><br />
        <input class="loginStyle" type="submit" value="登录" />
      form>
    div>
    <script>
      // ajax技术；
      // XMLHttpRequest
      document.querySelector(".inputStyle").onblur = function () {
        // console.log(this.value);
        let xhr = new XMLHttpRequest();
        xhr.open("get", `/checkUserName?username=${this.value}`, true);
        xhr.onload = function () {
          console.log(xhr.responseText);
          let obj = JSON.parse(xhr.responseText);
          document.querySelector(".exchange").innerHTML = obj.info;
          if (obj.status == 1) {
            document.querySelector(".exchange").style.color = "green";
          } else {
            document.querySelector(".exchange").style.color = "red";
          }
        };
        xhr.send();
      };
    script>
  body>
html>
  • login.css
.loginContainer{
    margin: 0 auto;
    width: 600px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 50px;
    border: 1px solid;
}
.loginContainer input{
    margin-bottom: 20px;
}
.loginStyle{
    width: 160px;
    height: 40px;
    background: rgb(50,203,77);
    color: white;
    font-size: 17px;
}
.inputStyle{
    width: 200px;
    height: 30px;
    padding: 5px;
    outline: none;
}

.inputStyle:focus{
    border: 1px solid rgb(50,203,77);
}
form{
    position: relative;
}
.exchange{
    position: absolute;
    top:8px;
    right: 65px;
    color: red;
}

你可能感兴趣的:(前后端交互,node.js)

  • 常用 nvm 命令指南 豆豆（前端开发+ui设计） javascript
    nvm（NodeVersionManager）是一个用于管理Node.js版本的工具，可以轻松安装、切换和卸载不同版本的Node.js。本文将介绍常用的nvm命令，帮助你高效管理Node.js环境。1.列出系统中通过nvm安装的所有Node.js版本nvmlist作用列出当前系统中通过nvm安装的所有Node.js版本。输出示例v16.20.2v18.20.4->v20.17.0default->
  • 文件上传和下载前后端交互逻辑 前端_yu小白 笔记文件上传下载
    上传】1、后端给前端一个上传接口：进行文件上传，上传成功后，该接口返回文件的路径，名称，id2、表单提交接口，提交表单时，将文件的id和表单信息一块提交给后台，实现文件和表单的绑定下载】后端给前端提供一个下载接口，前端调用后，返回二进制文件流。具体请求和接收文件流的方式，参考我之前另一篇博客：后端返回字节流，前端接收下载_后端返回字节数组,前端下载-CSDN博客
  • Node.js——fs模块-文件删除 Fan_web 前端学习分享node.js前端开发语言
    1、在Node.js中，我们可以使用unlink或unlinkSync来删除文件。2、语法：fs.unlink(path,callback)fs.unlinkSync(path)参数说明：path文件路径callback操作后的回调函数本文的分享到此结束，欢迎大家评论区一同讨论学习，下一篇继续分享Node.js的fs模块进行文件夹操作的学习。
  • Node.js——fs模块-文件读取 Fan_web 前端学习分享node.js前端开发语言
    1、文件读取：通过程序从文件中去除其中的数据2、方法方法说明readFile异步读取readFileSync同步读取createReadStrean流式读取3、readFile异步读取语法：本文的分享到此结束，欢迎大家评论区一同讨论学习，下一篇继续分享Node.js的fs模块进行文件读取应用场景的学习。
  • Node.js学习分享（上） miraculous111 node.js学习笔记javascript
    Node.jsfs文件系统模块fs.readFile()fs.writeFile()path路径模块路径拼接path.join()获取路径中的文件名path.basename()的语法格式获取路径中的文件扩展名path.extname()的语法格式http模块服务器相关概念IP地址域名和域名服务器端口号创建最基本的web服务器创建web服务器的基本步骤request请求对象解决中文乱码问题根据不同
  • 【前端】Node.js使用教程 m0_74825172 面试学习路线阿里巴巴前端node.jsvim
    目录一、?Node.js开发环境和编译1.1安装Node.js1.2创建一个Node.js项目1.3编写Node.js程序1.4运行Node.js程序1.5使用Node.js模块二、高级的Node.js编程概念和示例2.1异步编程2.2错误处理2.3网络请求2.4构建Web服务器2.5数据库交互三、Node.js开发中重要方面和概念3.1环境变量和配置文件3.1.1使用环境变量3.1.2使用配置文
  • Node.js连接Mysql 月落玄衣 node.js1mysqlnode.jsmysqljavascript开发语言后端
    node.js连接mysql简单步骤，如下：安装mysql驱动：npminstallmysql连接数据库：//请求mysqlvarmysql=require('mysql');//设置连接信息varconnection=mysql.createConnection({host:'localhost',user:'root',password:'123456',port:'3306',databas
  • 解释 Node.js 中的异步编程模型，如何使用回调、Promise 和async / await 处理异步操作？ 程序员黄同学 node.js前端开发JavaScriptnode.js
    一、Node.js异步模型基础Node.js采用单线程事件循环机制，通过libuv库实现非阻塞I/O操作。这种架构决定了异步编程是其核心特性。当遇到I/O操作（如文件读写、网络请求）时，主线程会将任务交给底层线程池处理，自己继续执行后续代码。操作完成后通过回调通知主线程。二、异步处理的三驾马车1.回调函数（Callback）最基础的异步处理方式，将函数作为参数传递给异步方法：constfs=req
  • 谈谈 Node.js 中的文件系统（fs）模块，如何进行文件读写操作？ 程序员黄同学 node.js前端开发JavaScriptnode.js
    Node.js文件系统（fs）模块深度解析与实践指南一、模块基础与核心能力Node.js的fs模块提供了完整的文件系统操作能力，涵盖50+个方法，主要分为以下类型：文件读写：基础CRUD操作目录操作：创建/删除/遍历目录文件监控：watch/watchFile方法文件信息：stat/access等方法流式处理：createReadStream/createWriteStream//基础引入方式co
  • 使用Node.js的MySQL连接池进行数据库编程 PixelLogic 数据库node.jsmysql编程
    在Node.js应用程序中，与数据库进行交互是非常常见的任务。为了提高性能和可伸缩性，使用连接池来管理数据库连接是一个明智的选择。本文将介绍如何在Node.js中使用MySQL连接池进行数据库编程，并提供相应的源代码示例。步骤1：安装MySQL模块首先，我们需要安装Node.js的MySQL模块。可以使用npm（Node.js软件包管理器）执行以下命令来安装它：npminstallmysql步骤2
  • Node.js 实现 fs 模块删除文件 yqcoder node.js
    1.使用fs.unlinkSync同步删除文件fs.unlinkSync是fs模块提供的同步删除文件的方法。它会阻塞Node.js事件循环，直到文件删除操作完成。constfs=require("fs");constfilePath="path/to/your/file.txt";try{fs.unlinkSync(filePath);console.log("文件删除成功");}catch(er
  • 深度科普 - 大名鼎鼎的bun.js到底是什么? 它能否替代node.js? 是否能成为前端生态的未来? 寒鸦xxx 科技研究所前端javascriptnode.js
    什么是bun?聪明的小伙伴们,你们在接触bun时是否有过这样的疑问呢?bun.js是什么?它是如何诞生的?跟node.js的区别是什么?有什么优势?目前的发展情况如何了?他是否是前端的未来?随便在网上一搜索网页可能会告诉你:Bun.js定位为Node.js的现代化替代品。它集成了运行时、包管理器、构建工具、测试框架等核心功能，并原生支持TypeScript、JSX和WebAPI…但是如果直接把bu
  • fs-读取文件内容 还是鼠鼠 node.jsjavascriptvscode前端框架node.jsweb
    目录1.fs模块简介2.示例一：异步读取文件内容文件说明文件：sample.txt文件：readFile.js运行步骤及结果3.示例二：同步读取文件内容文件说明文件：readFileSync.js运行步骤及结果4.小结下面提供一个详细的教程，介绍如何使用Node.js的fs模块读取文件内容，包含同步与异步两种方式。文章中会详细标注文件名和代码类型（如JavaScript文件、文本文件等），便于你直
  • Node.js——文件上传 项哈哈想做前端 Node.jsnode.js
    文件上传插件：formidable，地址：https://www.npmjs.com/package/formidable，参考里面withExpress.js部分。html部分截图参考：用express-generator生成的示例代码：constformidable=require('formidable');varexpress=require('express');varrouter=ex
  • Ubuntu系统上部署Node.js项目的完整流程 AF01 ubuntunode.jslinux
    以下是在Ubuntu系统上部署Node.js项目的完整流程，分为系统初始化、环境配置、项目部署三个部分：一、系统初始化&环境准备bash#1.更新系统软件包sudoaptupdate&&sudoaptupgrade-y#2.安装基础工具sudoaptinstall-ybuild-essentialgitcurl#3.安装Node.js（推荐使用LTS版本）curl-fsSLhttps://deb.
  • node.js如何实现文件上传 gt8011 node.js前端expressajax
    一、是什么文件上传在日常开发中应用很广泛，我们发微博、发微信朋友圈都会用到了图片上传功能因为浏览器限制，浏览器不能直接操作文件系统的，需要通过浏览器所暴露出来的统一接口，由用户主动授权发起来访问文件动作，然后读取文件内容进指定内存里，最后执行提交请求操作，将内存里的文件内容数据上传到服务端，服务端解析前端传来的数据信息后存入文件里对于文件上传，我们需要设置请求头为content-type:mult
  • 探索multiparty：简化Node.js中的文件上传处理 管展庭
    探索multiparty：简化Node.js中的文件上传处理multipartyAnode.jsmoduleforparsingmultipart-formdatarequestswhichsupportsstreams2项目地址:https://gitcode.com/gh_mirrors/mu/multiparty在当今这个高度数字化的时代，文件上传功能已成为Web应用的标配。无论是图片分享平
  • node.js 文件上传_如何在Node.js中处理文件上传 cuk0051 nodejsvuepythonjavadjangoViewUI
    node.js文件上传InhowtouploadafileusingFetchIexplainedhowtouploadafiletoaserverusingFetch.在如何上传使用取文件我解释如何将文件上传到使用服务器获取。InthispostI’mgoingtoshowyoupart2:howtouseNode.js,andinparticularExpress,tohandleupload
  • 如何在Node.js中处理文件上传？ 祈澈菇凉 node.js
    在Node.js中处理文件上传是一个常见的需求，尤其是在构建Web应用程序时。通过使用合适的中间件，你可以轻松地实现文件上传功能。以下是一个详细的指南，介绍如何在Node.js中处理文件上传。1.环境准备1.1安装Node.js确保你的系统中已经安装了Node.js。可以通过以下命令检查：node-vnpm-v如果未安装，可以从Node.js官方网站下载并安装。1.2创建项目新建一个目录并初始化一
  • Windows 上彻底卸载 Node.js m0_74823524 面试学习路线阿里巴巴windowsnode.js
    一、前言电脑环境混乱，记录一下完整卸载的过程。二、卸载流程2.1控制面板卸载打开控制面报点击程序->卸载程序找到nodejs选择更加提示完成卸载2.2删除残留的文件这里我按照默认按照路径操作，如果你自己安装的时候自定义了，根据自己情况来删除Node.js安装目录：通常在C:ProgramFilesodejs，或者你自定义的安装目录。删除该目录中的所有文件。删除npm和npm缓存目录：C:Users
  • 如何升级node.js版本 m0_74824865 面试学习路线阿里巴巴node.js
    升级Node.js可以通过多种方式来完成，以下是四种常见的方法：方法一：使用Node.js官方安装程序访问Node.js的官方网站，下载对应你操作系统的最新版本安装程序。通常，你可以https://nodejs.org/en/download找到你需要的版本，比如:v18.20.2LTS双击打开下载的安装程序，并按照安装向导的指示进行安装。如果你已经安装了Node.js，安装程序通常会提供一个“U
  • Node.js npm 安装过程中 EBUSY 错误的分析与解决方案 brrdg_sefg 面试学习路线阿里巴巴node.jsnpm前端
    Node.jsnpm安装过程中EBUSY错误的深度分析与解决方案在Node.js的开发过程中，使用npm进行安装是一个非常常见的操作。但是，有时候用户在执行npminstall时可能会遇到一个非常令人困惑的错误——npmerrorcodeEBUSY。这个错误在很多Windows用户以及某些特定系统环境中相对常见，具体原因可能比较复杂，需要多方面的排查和解决。一、理解错误代码EBUSYEBUSY是一
  • 使用Bulletproof Node.js打造坚如磐石的Web应用 谢璋声Shirley
    使用BulletproofNode.js打造坚如磐石的Web应用bulletproof-nodejsImplementationofabulletproofnode.jsAPI️项目地址:https://gitcode.com/gh_mirrors/bu/bulletproof-nodejs是一个开源项目，它提供了一套最佳实践和模板，旨在帮助开发者构建安全、可扩展且易于维护的Node.js应用程序
  • Bulletproof Node.js 项目教程 邴治盟Walton
    BulletproofNode.js项目教程bulletproof-nodejsImplementationofabulletproofnode.jsAPI️项目地址:https://gitcode.com/gh_mirrors/bu/bulletproof-nodejs项目介绍BulletproofNode.js是一个基于Node.js的后端框架，旨在帮助开发者快速构建安全、可扩展的Web应用程
  • Html常用代码 坐吃山猪 前端Html
    Html常用代码文章目录Html常用代码1-常用的Html代码1-Html模板2-快速部署Live-Server1-Windows系统步骤1：安装Node.js步骤2：安装`live-server`步骤3：使用`live-server`运行本地项目2-Mac系统步骤1：安装Node.js步骤2：安装`live-server`步骤3：使用`live-server`运行本地项目注意事项1-常用的Htm
  • 前端开发--node.js 前端_学习之路 nodejsnode.js
    Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，它使得JavaScript能够在服务器端运行，极大地扩展了JavaScript的应用范围。以下是关于Node.js的详细介绍：特点事件驱动：Node.js基于事件驱动架构，使用事件循环来处理并发操作。这意味着它可以高效地处理大量并发请求，而无需为每个请求创建新的线程，从而提高了性能和响应速度。非阻塞I/O：Node.js
  • Readability.js 与 Newspaper提取网页内容和元数据 黑金IT nodejs开发语言全文检索
    在当今信息爆炸的时代，网页内容的提取和处理变得尤为重要。无论是从新闻网站、博客还是教程网站中提取内容，都需要一个高效、准确的工具来帮助我们去除无关信息，提取出有价值的正文内容。这不仅能够提高我们的工作效率，还能让我们更好地专注于内容本身。为什么选择Readability.js和Newspaper？Readability.js和Newspaper是两个非常流行的Node.js库，它们能够帮助我们从网
  • 【综合项目】api系统——基于Node.js、express、mysql等技术 USER_A001 Node.jsnode.jsexpressmysqlapi
    目录0前言1初始化2注册登录2.1注册2.1.1功能：密码加密（2.3.3）2.1.1.1操作2.1.1.2bcryptjs详解2.1.2插入新用户（2.3.4）2.1.3优化：表单数据验证（2.5）2.1.3.1过时代码修正2.1.3.2关键操作2.2登录2.2.1判断密码是否正确（2.6.3）2.2.2生成JWT的Token字符串的注意点（2.6.4）3个人中心3.1更新用户基本信息3.1.1
  • Nodemailer使用教程：在Node.js中发送电子邮件 m0_74824054 面试学习路线阿里巴巴node.jslinux运维
    目录1.简介2.安装3.基本配置3.1创建传输器3.2配置说明4.发送邮件4.1基本发送示例4.2发送验证码示例5.?常见问题解决5.1“Greetingneverreceived”?错误5.2?安全建议SMTP与邮件加密协议详解?1.SMTP简介1.1基本特点2.加密协议对比2.1SSL/TLS(端口465)?2.2?STARTTLS(端口587)3.端口使用建议3.1常用端口对比3.2选择建议
  • 探索Node.js全栈开发新境界：Express后端API实践项目 黎玫洵Errol
    探索Node.js全栈开发新境界：Express后端API实践项目todo-nodejs-apiNodeJS全栈开发之后端接口技术栈基于Node.js+Express+Mysql实现RESTFULAPI项目地址:https://gitcode.com/gh_mirrors/to/todo-nodejs-api在现代Web开发中，Node.js以其异步非阻塞I/O模型和高效的性能备受青睐。而当它邂逅
  • jQuery 键盘事件keydown ,keypress ,keyup介绍 107x jsjquerykeydownkeypresskeyup
    本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍，有需要了解的朋友可参考。 一、首先需要知道的是： 1、keydown() keydown事件会在键盘按下时触发. 2、keyup()  代码如下 复制代码 $('input').keyup(funciton(){      
  • AngularJS中的Promise bijian1013 JavaScriptAngularJSPromise
    一.Promise         Promise是一个接口，它用来处理的对象具有这样的特点：在未来某一时刻（主要是异步调用）会从服务端返回或者被填充属性。其核心是，promise是一个带有then()函数的对象。         为了展示它的优点，下面来看一个例子，其中需要获取用户当前的配置文件： var cu
  • c++ 用数组实现栈类 CrazyMizzz 数据结构C++
    #include<iostream> #include<cassert> using namespace std; template<class T, int SIZE = 50> class Stack{ private: T list[SIZE];//数组存放栈的元素 int top;//栈顶位置 public: Stack(
  • java和c语言的雷同 麦田的设计者 java递归scaner
    软件启动时的初始化代码，加载用户信息2015年5月27号 从头学java二 1、语言的三种基本结构：顺序、选择、循环。废话不多说，需要指出一下几点：      a、return语句的功能除了作为函数返回值以外，还起到结束本函数的功能，return后的语句 不会再继续执行。      b、for循环相比于whi
  • LINUX环境并发服务器的三种实现模型 被触发 linux
    服务器设计技术有很多，按使用的协议来分有TCP服务器和UDP服务器。按处理方式来分有循环服务器和并发服务器。 1  循环服务器与并发服务器模型 在网络程序里面，一般来说都是许多客户对应一个服务器，为了处理客户的请求，对服务端的程序就提出了特殊的要求。 目前最常用的服务器模型有： ·循环服务器：服务器在同一时刻只能响应一个客户端的请求 ·并发服务器：服
  • Oracle数据库查询指令 肆无忌惮_ oracle数据库
    20140920   单表查询 -- 查询************************************************************************************************************ -- 使用scott用户登录   -- 查看emp表   desc emp  
  • ext右下角浮动窗口 知了ing JavaScriptext
    第一种 <!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/
  • 浅谈REDIS数据库的键值设计 矮蛋蛋 redis
    http://www.cnblogs.com/aidandan/ 原文地址：http://www.hoterran.info/redis_kv_design 丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样，DEV和DBA需要深度沟通，review每行sql语句，也不像memcached那样，不需要DBA的参与。redis的DBA需要熟悉数据结构，并能了解使用场景。
  • maven编译可执行jar包 alleni123 maven
    http://stackoverflow.com/questions/574594/how-can-i-create-an-executable-jar-with-dependencies-using-maven <build> <plugins> <plugin> <artifactId>maven-asse
  • 人力资源在现代企业中的作用 百合不是茶 HR 企业管理
    //人力资源在在企业中的作用人力资源为什么会存在，人力资源究竟是干什么的 人力资源管理是对管理模式一次大的创新，人力资源兴起的原因有以下点： 工业时代的国际化竞争，现代市场的风险管控等等。所以人力资源 在现代经济竞争中的优势明显的存在，人力资源在集团类公司中存在着 明显的优势(鸿海集团)，有一次笔者亲自去体验过红海集团的招聘，只 知道人力资源是管理企业招聘的 当时我被招聘上了，当时给我们培训 的人
  • Linux自启动设置详解 bijian1013 linux
    linux有自己一套完整的启动体系，抓住了linux启动的脉络，linux的启动过程将不再神秘。 阅读之前建议先看一下附图。 本文中假设inittab中设置的init tree为： /etc/rc.d/rc0.d /etc/rc.d/rc1.d /etc/rc.d/rc2.d /etc/rc.d/rc3.d /etc/rc.d/rc4.d /etc/rc.d/rc5.d /etc
  • Spring Aop Schema实现 bijian1013 javaspringAOP
    本例使用的是Spring2.5 1.Aop配置文件spring-aop.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmln
  • 【Gson七】Gson预定义类型适配器 bit1129 gson
    Gson提供了丰富的预定义类型适配器，在对象和JSON串之间进行序列化和反序列化时，指定对象和字符串之间的转换方式，   DateTypeAdapter   public final class DateTypeAdapter extends TypeAdapter<Date> { public static final TypeAdapterFacto
  • 【Spark八十八】Spark Streaming累加器操作（updateStateByKey) bit1129 update
    在实时计算的实际应用中，有时除了需要关心一个时间间隔内的数据，有时还可能会对整个实时计算的所有时间间隔内产生的相关数据进行统计。 比如： 对Nginx的access.log实时监控请求404时，有时除了需要统计某个时间间隔内出现的次数，有时还需要统计一整天出现了多少次404，也就是说404监控横跨多个时间间隔。   Spark Streaming的解决方案是累加器，工作原理是，定义
  • linux系统下通过shell脚本快速找到哪个进程在写文件 ronin47
    一个文件正在被进程写 我想查看这个进程 文件一直在增大 找不到谁在写 使用lsof也没找到 这个问题挺有普遍性的，解决方法应该很多，这里我给大家提个比较直观的方法。 linux下每个文件都会在某个块设备上存放，当然也都有相应的inode, 那么透过vfs.write我们就可以知道谁在不停的写入特定的设备上的inode。 幸运的是systemtap的安装包里带了inodewatch.stp，位
  • java-两种方法求第一个最长的可重复子串 bylijinnan java算法
    import java.util.Arrays; import java.util.Collections; import java.util.List; public class MaxPrefix { public static void main(String[] args) { String str="abbdabcdabcx";
  • Netty源码学习-ServerBootstrap启动及事件处理过程 bylijinnan javanetty
    Netty是采用了Reactor模式的多线程版本，建议先看下面这篇文章了解一下Reactor模式： http://bylijinnan.iteye.com/blog/1992325 Netty的启动及事件处理的流程，基本上是按照上面这篇文章来走的 文章里面提到的操作，每一步都能在Netty里面找到对应的代码 其中Reactor里面的Acceptor就对应Netty的ServerBo
  • servelt filter listener 的生命周期 cngolon filterlistenerservelt生命周期
    1. servlet    当第一次请求一个servlet资源时，servlet容器创建这个servlet实例，并调用他的 init(ServletConfig config)做一些初始化的工作，然后调用它的service方法处理请求。当第二次请求这个servlet资源时，servlet容器就不在创建实例，而是直接调用它的service方法处理请求，也就是说
  • jmpopups获取input元素值 ctrain JavaScript
    jmpopups 获取弹出层form表单 首先，我有一个div，里面包含了一个表单，默认是隐藏的，使用jmpopups时，会弹出这个隐藏的div，其实jmpopups是将我们的代码生成一份拷贝。 当我直接获取这个form表单中的文本框时，使用方法：$('#form input[name=test1]').val()；这样是获取不到的。 我们必须到jmpopups生成的代码中去查找这个值，$(
  • vi查找替换命令详解 daizj linux正则表达式替换查找vim
    一、查找 查找命令 /pattern<Enter> ：向下查找pattern匹配字符串 ?pattern<Enter>：向上查找pattern匹配字符串 使用了查找命令之后，使用如下两个键快速查找： n：按照同一方向继续查找 N：按照反方向查找 字符串匹配 pattern是需要匹配的字符串，例如： 1:  /abc<En
  • 对网站中的js,css文件进行打包 dcj3sjt126com PHP打包
    一，为什么要用smarty进行打包 apache中也有给js,css这样的静态文件进行打包压缩的模块，但是本文所说的不是以这种方式进行的打包，而是和smarty结合的方式来把网站中的js,css文件进行打包。 为什么要进行打包呢，主要目的是为了合理的管理自己的代码 。现在有好多网站，你查看一下网站的源码的话，你会发现网站的头部有大量的JS文件和CSS文件，网站的尾部也有可能有大量的J
  • php Yii: 出现undefined offset 或者 undefined index解决方案 dcj3sjt126com undefined
    在开发Yii 时，在程序中定义了如下方式：        if($this->menuoption[2] === 'test')，那么在运行程序时会报：undefined offset:2，这样的错误主要是由于php.ini 里的错误等级太高了，在windows下错误等级
  • linux 文件格式（1） sed工具 eksliang linuxlinux sed工具sed工具linux sed详解
    转载请出自出处： http://eksliang.iteye.com/blog/2106082 简介       sed 是一种在线编辑器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”（pattern space），接着用sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕。接着处理下一行，这样不断重复，直到文件末尾
  • Android应用程序获取系统权限 gqdy365 android
    引用 如何使Android应用程序获取系统权限         第一个方法简单点，不过需要在Android系统源码的环境下用make来编译：         1. 在应用程序的AndroidManifest.xml中的manifest节点
  • HoverTree开发日志之验证码 hvt .netC#asp.nethovertreewebform
    HoverTree是一个ASP.NET的开源CMS，目前包含文章系统，图库和留言板功能。代码完全开放，文章内容页生成了静态的HTM页面，留言板提供留言审核功能，文章可以发布HTML源代码，图片上传同时生成高品质缩略图。推出之后得到许多网友的支持，再此表示感谢！留言板不断收到许多有益留言，但同时也有不少广告，因此决定在提交留言页面增加验证码功能。ASP.NET验证码在网上找，如果不是很多，就是特别多
  • JSON API：用 JSON 构建 API 的标准指南中文版 justjavac json
    译文地址：https://github.com/justjavac/json-api-zh_CN 如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式， 那么 JSON API 就是你的 anti-bikeshedding 武器。 通过遵循共同的约定，可以提高开发效率，利用更普遍的工具，可以是你更加专注于开发重点：你的程序。 基于 JSON API 的客户端还能够充分利用缓存，
  • 数据结构随记_2 lx.asymmetric 数据结构笔记
    第三章 栈与队列 一．简答题 1. 在一个循环队列中，队首指针指向队首元素的  前一个    位置。  2.在具有n个单元的循环队列中，队满时共有  n-1  个元素。  3. 向栈中压入元素的操作是先  移动栈顶指针&n
  • Linux下的监控工具dstat 网络接口 linux
    1) 工具说明dstat是一个用来替换 vmstat,iostat netstat,nfsstat和ifstat这些命令的工具, 是一个全能系统信息统计工具. 与sysstat相比, dstat拥有一个彩色的界面, 在手动观察性能状况时, 数据比较显眼容易观察; 而且dstat支持即时刷新, 譬如输入dstat 3, 即每三秒收集一次, 但最新的数据都会每秒刷新显示. 和sysstat相同的是,
  • C 语言初级入门--二维数组和指针 1140566087 二维数组c/c++指针
    /* 二维数组的定义和二维数组元素的引用 二维数组的定义： 当数组中的每个元素带有两个下标时，称这样的数组为二维数组； (逻辑上把数组看成一个具有行和列的表格或一个矩阵); 语法： 类型名 数组名[常量表达式1][常量表达式2] 二维数组的引用： 引用二维数组元素时必须带有两个下标，引用形式如下： 例如： int a[3][4];  引用：
  • 10点睛Spring4.1-Application Event wiselyman application
    10.1 Application Event Spring使用Application Event给bean之间的消息通讯提供了手段 应按照如下部分实现bean之间的消息通讯 继承ApplicationEvent类实现自己的事件 实现继承ApplicationListener接口实现监听事件 使用ApplicationContext发布消息
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他