AntHub
AntHub

jsonp 实现跨域 同时也是一个 webflux 的demo 示例

文章目录

  • 核心原理
  • 代码
    • html
    • 服务端 （java 为例子）
    • 服务端目录结构

核心原理

  • 前端： 使用js 创建 script 标签，将请求地址，放到其src 中，并将 script 标签追加到文档流；
  • 后端：根据约定好的 callback 字段，将 callback中的函数名 拼接成函数调用返回，类似callback_fun('+ data +');
  • 前端认为返回的是js 会立即执行 callback_fun 函数，而此函数参数为数据，函数本身可以完成数据解析和展示的功能；

代码

html

DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jsonp 实现跨域title>
head>
<style>
      body {
        margin: 0;
        padding: 0;
      }
      #wrapper {
        text-align: center;
        padding-top: 100px;
      }
      #searchBar {
        display: inline-block;
      }
      #input {
        width: 300px;
        height: 20px;
        padding: 9px 7px;
        border: 1px solid #b8b8b8;
        border-right: 1px solid #38f;
        outline: none;
        vertical-align: top;
      }
      #btn {
        border: 1px solid #38f;
        margin-left: -5px;
        display: inline-block;
        vertical-align: top;
      }
      #btn input {
        width: 102px;
        height: 38px;
        border: none;
        background: gray;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
      }
      #btn input:hover {
        background-color: #317ef3;
        border-color: #317ef3;
      }
      #title {
        font-size: 12px;
      }
      ul {
        list-style: none;
      }
      li {
        padding: 10px 0;
      }
    style>
<body>
	<div id="wrapper">
		<div id="searchBar">
			<input type="text" maxlength="50" id="input">
			<span id="btn">
			  <input type="button" value="jsonp_call" onclick="custom()">
			span>
		div>
		<p id="title">接口返回数据：p>
	 div>
body>
	<script>
        
		function custom() {
			var input = document.getElementById('input');
			var inputVal = input.value;
			var url = "http://127.0.0.1:8080/api/jsonp_call?code=utf-8&query="+inputVal+"&callback=commonParse";
			var script = document.createElement('script');
			script.setAttribute('src', url);
			document.getElementsByTagName('head')[0].appendChild(script);
		}

	  
	  function showData(ui_element) {
		var wrapper = document.getElementById('wrapper');
		wrapper.appendChild(ui_element);
	  }
	  
	  var commonParse = function (data) {
		pTag = document.createElement('p');
		pTag.innerHTML = JSON.stringify(data);
		showData(pTag);
	  }
		var input = document.getElementById('input');
		input.addEventListener('keydown', function(e) {
			if (e.key === 'Enter') {
				custom();
			}
		})
	  
	script>
html>

服务端 （java 为例子）

  • controller:
package com.qww.reactivedemo.controller;

import com.alibaba.fastjson2.JSON;
import com.qww.reactivedemo.dao.MySQLDao;
import com.qww.reactivedemo.pojo.User;
import org.springframework.http.MediaType;
import org.springframework.util.StopWatch;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import reactor.core.publisher.Flux;
import reactor.core.publisher.Mono;

import javax.annotation.Resource;
import java.util.HashMap;
import java.util.Map;

@RestController
@RequestMapping("/api")
public class CommonController {

    @Resource
    MySQLDao mySQLDao;

    @RequestMapping(value = "/jsonp_call", produces = MediaType.APPLICATION_JSON_VALUE + ";charset=utf-8")
    public String jsonp(String code, String callback, @RequestParam Map<String,Object> body){
        Map<String,Object> result = new HashMap<>();
        result.put("code", code);
        result.put("callback", callback);
        result.put("body", body);
        return callback + "("+ JSON.toJSONString(result) + ")";
    }
	 
	@GetMapping("/find_all")
    public Flux<User> index(){
        StopWatch find_all = new StopWatch("find_all");
        find_all.start();
        Flux<User> all = mySQLDao.findAll();
        find_all.stop();
        System.out.println(find_all.prettyPrint());
        return all;
    }
}
  • dao:
package com.qww.reactivedemo.dao;

import com.qww.reactivedemo.pojo.User;
import org.reactivestreams.Publisher;
import org.springframework.data.repository.reactive.ReactiveCrudRepository;
import org.springframework.stereotype.Repository;
import reactor.core.publisher.Flux;
import reactor.core.publisher.Mono;

@Repository
public interface MySQLDao  extends ReactiveCrudRepository<User,Integer>{}
  • pojo
package com.qww.reactivedemo.pojo;

public class User {
    private Integer uid;
    private String uname;
    private String pwd;

    public Integer getUid() {
        return uid;
    }

    public void setUid(Integer uid) {
        this.uid = uid;
    }

    public String getUname() {
        return uname;
    }

    public void setUname(String uname) {
        this.uname = uname;
    }

    public String getPwd() {
        return pwd;
    }

    public void setPwd(String pwd) {
        this.pwd = pwd;
    }
}
  • mainApp:
package com.qww.reactivedemo;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class ReactiveDemoApplication {

	public static void main(String[] args) {
		SpringApplication.run(ReactiveDemoApplication.class, args);
	}

}
  • pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
		 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0modelVersion>
	

	<groupId>com.qwwgroupId>
	<artifactId>reactive-demoartifactId>
	<version>0.0.1-SNAPSHOTversion>
	<name>reactive-demoname>
	<description>reactive Demo project for Spring Bootdescription>
	<properties>
		<java.version>1.8java.version>
		<spring-boot.version>2.3.7.RELEASEspring-boot.version>
	properties>

	<dependencyManagement>
		<dependencies>
			<dependency>
				<groupId>org.springframework.bootgroupId>
				<artifactId>spring-boot-dependenciesartifactId>
				<version>${spring-boot.version}version>
				<type>pomtype>
				<scope>importscope>
			dependency>
		dependencies>
	dependencyManagement>

	<dependencies>
		<dependency>
			<groupId>org.springframework.bootgroupId>
			<artifactId>spring-boot-starterartifactId>
		dependency>
		<dependency>
			<groupId>org.springframework.bootgroupId>
			<artifactId>spring-boot-starter-data-r2dbcartifactId>
		dependency>
		<dependency>
			<groupId>org.springframework.bootgroupId>
			<artifactId>spring-boot-starter-webfluxartifactId>
		dependency>
		

		<dependency>
			<groupId>dev.mikugroupId>
			<artifactId>r2dbc-mysqlartifactId>
			<scope>runtimescope>
		dependency>
		<dependency>
			<groupId>mysqlgroupId>
			<artifactId>mysql-connector-javaartifactId>
			<scope>runtimescope>
		dependency>
		
		<dependency>
			<groupId>com.alibabagroupId>
			<artifactId>fastjsonartifactId>
			<version>2.0.36version>
		dependency>


		<dependency>
			<groupId>org.springframework.bootgroupId>
			<artifactId>spring-boot-starter-testartifactId>
			<scope>testscope>
		dependency>
	dependencies>

	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.bootgroupId>
				<artifactId>spring-boot-maven-pluginartifactId>
			plugin>
			<plugin>
				<groupId>org.apache.maven.pluginsgroupId>
				<artifactId>maven-compiler-pluginartifactId>
				<configuration>
					<source>8source>
					<target>8target>
				configuration>
			plugin>
		plugins>
	build>

project>

服务端目录结构

jsonp 实现跨域 同时也是一个 webflux 的demo 示例_第1张图片

你可能感兴趣的:(json)

  • vscode setting.json 全局设置 工作区设置 位置 优先级 AllBlue vscodevscodeide编辑器
    vscode中setting.json有两种配置权限一、全局配置：setting.json文件位于C:\Users\Administrator\AppData\Roaming\Code\User\settings.json二、工作区配置：setting.json文件位于工作区的.vscode\settings.json当两种配置同时存在时，工作区配置的优先级高于全局配置。vscode如何打开set
  • linux下jsoncpp编译 虎皮猫大人王 linux系统linux系统
    折腾了一顿，我使用ubuntu16.04编译的jsoncpp，由于使用的芯片工程需要16.04，无法使用最新的ubuntu系统。发现jsoncpp编译时，CMakeError:CouldnotfindCMAKE_ROOT!!!CMakehasmostlikelynotbeeninstalledcorrectly.Modulesdirectorynotfoundin/usr/local/share/
  • Json工具（一）- Jackson 小胖子许愿 Jsonjsonjavaspring
    1、Jackson简介Jackson是常用的高效安全的Json序列化和反序列化框架。SpringMVC默认的json解析器是Jackson。Jackson有三个核心模块。jackson-core：提供Jackson处理JSON数据的核心功能，如流式解析和生成JSON，提供基本的API。jackson-annotations：提供注解编程相关的核心注解。jackson-databind：提供数据绑定
  • Excel-to-JSON v2.0.0发布，可以在Excel内部，把Excel表格转换成JSON，嵌套的JSON也能转 wtsolutions excel与json互相转换exceljsonexcel-to-json转换
    本文是Excel-to-JSON插件的官方文档https://excel-to-json.wtsolutions.cn简化浓缩翻译的中文版，仅供参考。详细的还请查看官方文档。在数据处理和交换的过程中，将Excel文件转换为JSON格式是一项常见需求。Excel-to-JSON作为一款MicrosoftExcel插件，为我们提供了便捷的解决方案。本文将详细介绍如何使用Excel-to-JSON以及它
  • Spring Boot整合Spring Security与JWT实现无状态认证：实战指南 老哥不老 笔记springspringboot数据库
    SpringBoot整合SpringSecurity与JWT实现无状态认证：实战指南一、JWT认证原理简介JSONWebToken（JWT）是一种开放标准（RFC7519），由三部分组成：Header（头部）：声明令牌类型和签名算法Payload（负载）：携带用户身份信息Signature（签名）：防篡改验证认证流程：客户端提交登录凭证服务端验证通过后生成JWT客户端后续请求携带JWT服务端验证J
  • npm 常用指令指南 风干牛肉巴旦木 npm
    以下是一些常用的NPM（NodePackageManager）指令，它们在前端开发中非常实用：#NPM常用指令大全##包管理###安装依赖​```bashnpminstall安装package.json中列出的所有依赖。安装开发依赖npminstall--save-dev安装并添加到devDependencies。安装特定版本的包npminstall@安装指定版本的包。全局安装包npminstal
  • ruoyi&vue+electron+ffi&dll+CAN+串口 思想永无止境 Web前端Windowsvue.jselectron前端
    package.json{"name":"test","version":"1.0.0","description":"test","author":"tzc","license":"MIT","main":"background.js","scripts":{"dev":"vue-cli-serviceserve","build:prod":"vue-cli-servicebuild","bui
  • npm install的执行原理 温暖前端 npm前端node.js
    1.npminstall概述npminstall是Node.js的包管理工具npm提供的一个命令，主要用于安装package.json文件中列出的依赖包。npminstall可以用于安装单个包、多个包，或者是根据项目中的package.json自动安装所有依赖。通过npminstall，开发者可以下载并安装项目所依赖的各种库和工具，构建出一个完整的开发环境。在执行npminstall时，npm会从
  • uniapp微信小程序vue3自定义tabbar HerayChen uni-app微信小程序小程序
    在App.vue隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue';constprops=defineProps({currentPage:Number,})consttabBarList=ref([{pagePath:"pages/tabbar/msg",i
  • 使用uni-app框架中uni.chooseAddress()接口，获取不到用户收货地址 mumuwei_l 问题解决uni-app微信小程序小程序
    错误描述在我们使用uni-app框架或微信原生开发微信小程序时，使用到uni.chooseAddress(OBJECT)接口获取用户收货地址时，无法跳转到收货地址页面获取。打印接口返回信息，显示"chooseAddress:failtheapineedtobedeclaredintherequiredPrivateInfosfieldinapp.json/ext.json"等内容，意思是此API接
  • 微信小程序构建npm找不到miniprogram文件 王富贵的记录 微信小程序小程序
    微信小程序构建npm找不到miniprogram文件在project.config.json文件中找到setting，增加如下代码"packNpmManually":true,"packNpmRelationList":[{"packageJsonPath":"./package.json","miniprogramNpmDistDir":"./../你的项目名"}],
  • 前端流式输出深度解析：技术原理、实战应用与性能优化 斯~内克 前端网络前端性能优化
    一、流式输出的革命性意义1.1传统数据加载的痛点白屏等待：根据Google核心性能指标统计，页面加载时间超过3秒会导致53%的用户流失内存压力：单次加载10MBJSON数据会使内存占用飙升300MB+响应延迟：金融行业实时行情系统要求数据延迟{renderTableRow(data);});3.2Server-SentEvents(SSE)//客户端consteventSource=newEven
  • 【前端进阶】Web Worker性能优化实战：解码10万条数据不卡顿 爱上大树的小猪 前端性能优化
    为什么需要WebWorker？JavaScript是单线程语言，当处理大量数据（如解析10万条JSON数据）时，主线程会被阻塞，导致页面卡顿、无法响应点击事件。WebWorker是浏览器提供的多线程解决方案，可以将耗时任务放到后台执行，解放主线程！实战目标主线程流畅渲染，10万条数据解码不卡顿！代码案例与分步解析1.模拟10万条数据//生成10万条模拟数据functiongenerateMockD
  • 庐山派k230使用串口通信发送数据驱动四个轮子并且实现摄像头画面识别目标检测功能 晨兆 python开发语言
    我使用的是UART1frommachineimportUART,FPIOA,Pinimportosimportujsonimportaicubefrommedia.sensorimport*frommedia.displayimport*frommedia.mediaimport*fromtimeimport*importnncase_runtimeasnnimportulab.numpyasnp
  • 如何用postman设置接口测试关联 海姐软件测试 postmanpostman测试工具
    一、提取响应数据（Tests脚本）在第一个请求的Tests标签中编写脚本，提取需要关联的数据：//示例1：提取JSON响应中的tokenletresponseData=pm.response.json();pm.environment.set("token",responseData.token);//保存到环境变量//示例2：提取cookiespm.environment.set("sessio
  • VB6 调用 JS 函数时数据传输json格式或a=1&b=s2字符串 专注VB编程开发20年 javascriptjson开发语言vb6js
    1.VB6调用JS函数时数据传输格式当从VB6调用JS设计的函数时，使用JSON字符串作为数据传输格式是一个不错的选择，但并非唯一选择。使用JSON字符串传输的优势通用性：JSON是一种轻量级的数据交换格式，具有良好的跨语言和跨平台特性。在VB6和JS之间使用JSON字符串传输数据，可以方便地表示复杂的数据结构，如对象、数组等。结构化：JSON可以清晰地表示数据的结构，便于在不同语言环境中解析和处
  • 琴韵博主 —— 工具集 琴 韵 知识库在线文档
    CSDN猿如意_开发者工具箱CSDN开发助手ChromeChrome最新版离线下载internetdownloadmanager付费在线转换在线JSON字符串转Java实体类(JavaBean、Entity)在线MD5加密解密YAML、YML在线编辑器(格式化校验)在线图片转换成文字图片base64互转颜色转换颜色转换人民币大小写转换蛙蛙:英文字母大小写转换、文本工具汉字拼音在线转换Google翻
  • 将返回的json数据存储为json文件 小凳子在线 json
    背景：想下载行政区域数据，网站：unpkg.com/[email protected]/dist/data.json返回json数据（代码由通义生成，此处仅作为记录）工具类：//src/utils/downloadData.jsexportasyncfunctiondownloadData(url,filename){try{constresponse=awaitfetch(url
  • React:Axios、Fetch-Jsonp获取API接口数据 今天也很棒棒~ Reactreact.jsjavascriptjson
    不同模块可登录npm，搜索对应方法有官方文档https://www.npmjs.com/Axios步骤：{/*axios1.npminstallaxios--save安装axios模块2.importaxiosfrom'axios';3.varapi='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20';//接口后台允许了
  • MySQL 8.0版本JDBC驱动Jar包 m0_74823490 面试学习路线阿里巴巴mysqljar数据库
    MySQL8.0版本JDBC驱动Jar包【下载地址】MySQL8.0版本JDBC驱动Jar包本仓库提供了MySQL8.0版本的JDBC驱动Jar包。此驱动程序专为与MySQL数据库8.0及以上版本交互设计，确保了对最新数据库特性的全面支持，包括窗口函数、JSON操作增强等，并优化了性能和安全性[这里是图片001]项目地址:https://gitcode.com/open-source-toolki
  • JSON-LD 类型使用示例大全
    本文是针对JSON-LD类型的使用示例及其简要介绍与说明。每个类型的示例展示了如何在JSON-LD中进行标注，并附带了简要说明，希望对你有所帮助。文章目录JSON-LD的主要核心类型Thing（事物）CreativeWork（创作作品）Event（事件）Intangible（非实体事物）Organization（组织）Person（个人）Place（地点）Product（产品）Action（行为）
  • HarmonyOS NEXT 长时任务的学习和总结 架构教育
    想要使用鸿蒙的长时任务需要配置权限：ohos.permission.KEEP_BACKGROUND_RUNNING并在module.json5中配置需要处理的长时任务类型，此处以定位为例：{..."backgroundModes":[//长时任务类型的配置项"location"]}]然后再合适的地方调用startBackgroundRunning方法开启长时任务，通过调用stopBackgroun
  • Springboot应用json数据传给前端首字母大写变小写的问题 珠峰日记 css3cssspringjqueryhtml
    对接.net数据，属性首字母大写传给前端后自动转成了小写。解决思路网上有三种：1)如果没有使用fastjson(阿里巴巴出品),使用@JsonProperty("XXXX")的注解方式可以解决问题，XXXX就是转换成Json的属性名，但注意，只有放在getter上才是有效的，直接在属性上加没效果.(这说明spring默认的jackson类库处理是基于访问器。2)如果使用了fastjson,就用@J
  • React + TypeScript + Axios + Ant Design + JSON Server 实现 TodoList 效果 碧海蓝天· react.jstypescriptjsonJavaScript
    在本篇文章中，我们将使用React、TypeScript、Axios、AntDesign和JSONServer来实现一个简单的TodoList应用。我们将使用React来构建用户界面，TypeScript来提供静态类型检查，Axios来进行与后端的HTTP请求交互，AntDesign来美化界面，而JSONServer则用于模拟后端数据。在开始之前，请确保你已经安装了Node.js和npm（或者使用
  • vue中Axios的封装和API接口的管理(待根据实际项目front进行分析) yinxiangzhongqing vue.js前端javascript
    axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-reso
  • Spring使用JWT进行登录验证 PXM的算法星球 Java后端springjava后端
    前情提要：由于这学期课设需要使用SSM技术栈，导致一些好用的登录框架无法适配，所以改用手写JWT进行登录验证JWT简介JSONWebToken(JWT)是一种用于在网络应用环境中进行用户身份验证和信息交换的开放标准。它通过将数据以JSON格式进行编码，使得信息在不同的系统和应用之间得以安全传递。JWT的主要特点是结构简洁且安全性高，广泛应用于单点登录（SSO）、API授权和用户身份认证。JWT由三
  • 【Python爬虫】爬取公共交通站点数据 Anchenry Python爬虫pythonbeautifulsoup
    首先，先介绍一下爬取公交站点时代码中引入的库。requests：使用HTTP协议向网页发送请求并获得响应的库。BeautifulSoup：用于解析HTML和XML网页文档的库，简化了页面解析和信息提取的过程。json：用于处理JSON格式数据的库。xlwt：用于将数据写入Excel文件中的库。Coordin_transformlat：自定义的一个坐标转换库。在这个爬虫项目中，它被用来将高德地图提供
  • Milvus 数据批量导出实战：Python 代码解析 修破立生 Milvusmilvuspython人工智能
    1引言由于Milvus在单次查询中所能返回的数据量存在固有约束，当处理数据量庞大的Collection时，需考虑采用多次查询的策略。本文详细阐述了如何运用多次查询的方式，将Milvus中的数据进行分批导出，以有效应对数据量过大带来的挑战。2代码整体概述我们的目标是从Milvus中导出指定集合的数据，并将其保存为JSON文件。代码主要分为以下几个部分：连接到Milvus服务。定义数据导出函数，包括数
  • tauri tauri-plugin-store .dat 文件存储位置 AG幽默 taurirust
    最近使用tauri2.0.0-alpha.14做一个游戏更新程序，用到了tauri-plugin-store，用于存储本地游戏版本，clear工程后版本依旧存在，.dat文件并未清空，翻阅了下资料，记录一下文件位置：C:\Users{计算机用户名}\AppData\Local\{tauri.conf.json.identifier}
  • JSON报错JSON转换失败JSON转译失败（快速解决方法，附详细注释） shalDream jsonjsjavascripthtml5es6
    解决JSON转译报错本地缓存自定义过期时间因经常使用JSON转译方法，常因数据异常或转换异常导致报错，后来使用了trycatch方法后，再也不用担心因报错阻断代码执行了。案例如下：JSON转译失败处理varstr=""try{str=JSON.stringify({info:"1234"})//使用trycatch方法，防止因JSON转译失败引起的报错，失败后会自动进入catch，可自定义处理失败
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY [email protected] 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他