呓语踌躇
呓语踌躇

Ajax 异步加载

文章目录

    • Ajax
      • 数据请求 Get
        • 创建ajax请求对象
        • 发送请求
      • XMLHttpRequest readyState状态表
      • 数据请求 Post
    • JQuery Ajax
      • 底层ajax写法
      • get请求
      • post请求
      • 获取JSON数据专用方法
    • 服务器和客户端数据传输的方式
      • xml
      • json
        • fastjson库
    • 练习案例 校验用户名是否可用
      • 需求分析
    • 案例练习二 使用Ajax技术实现省市联动
      • 需求分析
    • 总结
      • Ajax
      • JQuery
      • 服务器返回json数据

Ajax

  • 是什么?

“Asynchronous Javascript And XML”（异步JavaScript和XML），

并不是新的技术，只是把原有的技术，整合到一起而已。

1.使用CSS和XHTML来表示。
2.使用DOM模型来交互和动态显示。
3.使用XMLHttpRequest来和服务器进行异步通信。
4.使用javascript来绑定和调用。
  • 有什么用?

咱们的网页如果想要刷新局部内容。 那么需要重新载入整个网页。用户体验不是很好。 就是为了解决局部刷新的问题。 保持其他部分不动，只刷新某些地方。

数据请求 Get

创建ajax请求对象

function  ajaxFunction(){
	    var xmlHttp;
	    try{ // Firefox, Chrome, Opera 8.0+, Safari
	        xmlHttp=new XMLHttpRequest();
	    }
	    catch (e){
	        try{// Internet Explorer（高版本）
	            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	        }
	        catch (e){
	            try{// Internet Explorer（低版本）
	                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	            }
	            catch (e){}
	        }
	    }
	    return xmlHttp;
	}

发送请求

//执行get请求
function get() {

    //1. 创建xmlhttprequest 对象
    var request = ajaxFunction();

    //2. 发送请求。
    /*	
	 *	参数一： 请求类型  GET or  POST
	 *	参数二： 请求的路径
	 *	参数三： 是否异步， true  or false
	 */
    request.open("GET" ,"TestServlet" ,true );
    request.send();
}



// 如果发送请求的同时，还想获取数据，那么代码如下

//执行get请求
function get() {

    //1. 创建xmlhttprequest 对象
    var request = ajaxFunction();

    //2. 设置请求参数
    request.open("GET" ,"TestServlet?name=aa&age=18" ,true );

    //3. 获取响应数据 注册监听的意思。  一会准备的状态发生了改变，那么就执行 = 号右边的方法
    request.onreadystatechange = function(){
        // readyState的值一共有5个状态，参见下表
        // readyState == 4 表示请求已经完成， 再判断状态码是否是200，200表示服务端正常响应(没有报错)
        if(request.readyState == 4 && request.status == 200){
            //弹出响应的信息
            alert(request.responseText);
        }
    }
    
    // 4. 发送请求
    request.send();
}

XMLHttpRequest readyState状态表

值 状态 描述
0 UNSENT 代理被创建，但尚未调用 open() 方法。
1 OPENED open() 方法已经被调用。
2 HEADERS_RECEIVED send() 方法已经被调用，并且头部和状态已经可获得。
3 LOADING 请求中； responseText 属性已经包含部分数据。
4 DONE 请求完成。

数据请求 Post

<script type="text/javascript">
	//1. 创建对象
	// 和get请求一样
	
	function post() {
		//1. 创建请求对象
		var request = ajaxFunction();
		
		// 2. 设置请求地址、参数、类型(post、get)
		request.open("post", "StudentServlet", true);
		
		//3. 获取响应数据 注册监听的意思。  一会准备的状态发生了改变，那么就执行 = 号右边的方法
	    request.onreadystatechange = function(){
	        //前半段表示 已经能够正常处理。  再判断状态码是否是200
	        if(request.readyState == 4 && request.status == 200){
	            //弹出响应的信息
	            console.log("请求完成");
	            var h1 = document.getElementById("h1");
	        	h1.innerHTML = request.responseText;
	        }
	    }
		
	 	// 4. 如果使用的是post方式带数据，那么 这里要添加头， 说明提交的数据类型是一个经过url编码的form表单数据
		request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		
		// 5. 发送请求
    	// 如果是GET请求，参数写在这里是无效的
		request.send("id=555");
	}

</script>

JQuery Ajax

底层ajax写法

// 语法：$.ajax(url, [settings]);

$.ajax("TestServlet", {
    type: "GET",
    data: {
        action: "json",
        uname: "zhangsan"
    },
    dataType: "json",
    success: function(data, status_text){
        console.log(data);
        console.log("status_text: " + status_text);
    },
    error: function(xhr, textStatus, errorThrow) {
        console.log("请求失败");
    }
});

. a j a x 方 法 是 其 他 所 有 a j a x 相 关 方 法 的 底 层 实 现 ， 其 他 方 法 都 是 在 它 的 基 础 上 给 我 们 封 装 的 更 方 便 使 用 的 方 法 。 关 于 .ajax方法是其他所有ajax相关方法的底层实现，其他方法都是在它的基础上给我们封装的更方便使用的方法。 关于 .ajax方法是其他所有ajax相关方法的底层实现，其他方法都是在它的基础上给我们封装的更方便使用的方法。关于.ajax的详细介绍参见 http://jquery.cuishifeng.cn/jQuery.Ajax.html

get请求

/*
 * 参数：
 *  url: 请求地址
 *  data: 待发送 Key/value 参数
 *  fn: 请求成功后回调函数
 *  type: 返回内容格式，xml, html, script, json, text, _default
 */

$.get( "url",{pid:pid} ,function(data,status_text){
    console.log(data);
    console.log("status_text: " + status_text);
},"json" );	// 指定请求返回的格式是json，jquery会帮我们把服务端返回的json字符串转换成js的json对象

post请求

/*
 * 参数：
 *  url: 请求地址
 *  data: 待发送 Key/value 参数
 *  fn: 请求成功后回调函数
 *  type: 返回内容格式，xml, html, script, json, text, _default
 */

$.post( "url",{pid:pid} ,function(data,status){
    console.log(data);
    console.log("status_text: " + status_text);
},"json" );	// 指定请求返回的格式是json，jquery会帮我们把服务端返回的json字符串转换成js的json对象

获取JSON数据专用方法

$.getJSON("url", {id:1, name: "zhangsan"} function(json){
  console.log(json);
});

服务器和客户端数据传输的方式

xml

因为无效数据占比太大，阅读困难。基本已经被json格式淘汰掉了

  	<list>
        <city>
        <id>1<id>
        <pid>1pid>
        <cname>深圳cname>
        city>
        <city >
        <id>2<id>
        <pid>1pid>
        <cname>东莞cname>
        city>
    list>

json

阅读性更好 、 占用空间更小。

[{city:{id:1, pid:1, cname:"深圳"}}, {city:{id:2, pid:1, cname:"东莞"}}]

fastjson库

JSON.toJSONString();	// 将JavaBean encode成 json string
JSON.parseObject();		// 将json对象decode成javabean
JSON.parseArray();		// 将json数组decode成java List或 JSONArray类型

练习案例 校验用户名是否可用

需求分析

  • 页面

      
  •  
    需求描述
     实现用户注册时，在页面不跳转的情况下。提示用户输入的用户名是否已经存在。如果不存在显示正常状态；如果已经存在提示用户此用户名已经被占用。全程页面不能发生跳转。
     
    • 案例练习二 使用Ajax技术实现省市联动
    需求分析
      

    • 页面
      • 

     省份: -请选择 - 广东 湖南 湖北 四川

    城市: 




      

    • 需求分析
      • 

    实现用户选择了一个省份以后，动态从后台查询该省份有哪些地市。 用户只能选择该省份所属的地市。 全程页面无刷新
    js代码
    $(function() {
    //1。找到省份的元素
    $("#province").change(function() {
        //2. 一旦里面的值发生了改变，那么就去请求该省份的城市数据
        //$("#province").varl();
        var pid = $(this).val();

        /*[
        {
        "cname": "深圳",
        "id": 1,
        "pid": 1
        },
        {
        "cname": "东莞",
        "id": 2,
        "pid": 1
        }
        ...
        ]*/
        $.post( "CityServlet02",{pid:pid} ,function(data,status){
            //先清空
            $("#city").html(");
            //再遍历，追加
            $(data).each(function(index , c) {
                $("#city").append("+c.cname)
            });
        },"json" );
	});
});


    总结
    Ajax
    * 创建请求对象

* 发送get请求

* 发送post请求


    JQuery
    发送get请求

发送post请求


    ​
    服务器返回json数据
    


    

    你可能感兴趣的:(JavaWeb)
    

    

    

      

    • 探索Zebra4J：构建高效企业级Web应用的微服务框架
叶准鑫Natalie

      探索Zebra4J：构建高效企业级Web应用的微服务框架ZebraZebra4J/Zebra4Js基于SpringBoot的JavaWeb/Nodejs框架项目地址:https://gitcode.com/gh_mirrors/zebra/Zebra项目介绍在当今快速发展的技术环境中，构建高效、可扩展的企业级Web应用是每个开发团队的追求。Zebra4J作为一款基于SpringBoot的全新微服务
      

      • 

    • 基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台
网顺技术团队
成品程序项目javavue.js汽车课程设计springboot

      基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录基
      

      • 

    • 5-【JavaWeb】JUnit 单元测试及JUL 日志系统
weixin_44329069
JavaWebjunit单元测试

      1.使用JUnit进行单元测试JUnit是Java中非常流行的单元测试框架，MyBatis与JUnit可以很好地结合，来测试持久层代码的正确性。1.1添加JUnit依赖在使用JUnit之前，需要在pom.xml中引入JUnit依赖。junitjunit4.13.2test1.2单元测试基本结构假设我们要测试UserMapper中的getUserById方法，测试代码如下：importorg.apa
      

      • 

    • 10- 【JavaWeb】Tomcat、Servlet基础
weixin_44329069
JavaWebtomcatservletjava

      1.MacOS配置Tomcat服务器教程MacOS配置Tomcat服务器教程2.Servlet基础1.创建ServletServlet是一个扩展服务器功能的Java类，主要用于处理HTTP请求。以下是一个简单的Servlet示例：importjava.io.IOException;importjavax.servlet.ServletException;importjavax.servlet.an
      

      • 

    • 【免费】springboot项目申报管理系统|毕业设计|Javaweb项目
计算机学姐来啦
springbootssmjavaspringboot课程设计后端毕设毕业设计java-ee

      收藏点赞不迷路关注作者有好处编号：springboot375springboot项目申报管理系统开发语言：Java数据库：MySQL技术：Spring+SpringMVC+MyBatis工具：IDEA/Ecilpse、Navicat、Maven1.万字文档展示(部分)2.系统图片展示第5章系统详细设计5.1管理员功能模块的实现5.1.1项目列表如图5.1显示的就是项目列表页面，此页面提供给管理员的
      

      • 

    • idea 启动tomcat 工程_使用IDEA创建JavaWeb项目 部署本地tomcat并运行
心在天上脚在地上
idea启动tomcat工程

      一、下载商业版IDEA二、新建JavaWeb项目1、在菜单栏找到File>>New>>Project2、在弹出的窗口中找到JavaEnterPrise>>WebApplication，点击Next3、填写项目名称，选择项目位置，然后Finish4、在左侧窗口可以看到IDEA创建JavaWeb工程的目录结构，在src中写java代码，在web目录下放jsp页面。三、下载tomacat下载完成后，解压
      

      • 

    • javaweb基于ssm框架学生信息管理(成绩)系统设计与实现
ancen_73bd

      开发平台、开发工具、应用服务器的介绍开发平台：Windows开发工具：idea+mySql应用服务器：ApacheTomcat8.0学生成绩管理系统主要用于学校学生成绩信息管理，能实现学生、老师、院系、班级、课程的增删改查操作，同时学生能进行选课和退课操作，老师能对学生的成绩录入和修改操作。系统流程图功能结构图部分截图免费源码获得：扫码关注微信公众号：ancenok，然后回复：013
      

      • 

    • Servlet 文件上传
lly202406
开发语言

      Servlet文件上传在JavaWeb开发中，文件上传是一个常见的需求。Servlet作为一种服务器端的技术，可以轻松实现文件上传功能。本文将详细介绍如何在Servlet中处理文件上传，包括环境配置、代码实现以及常见问题的解决方案。环境配置1.添加依赖在项目的pom.xml文件中，添加ApacheCommonsFileUpload库的依赖。这个库提供了易于使用的API来处理文件上传。commons
      

      • 

    • Django+Vue基于OpenCV的人脸识别系统的设计与实现
赵广陆
projectdjangovue.jsopencv

      目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和答疑辅导，对于专业性数据证明一切！主要项目：javaweb、
      

      • 

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

      我们将使用HTML和CSS来创建一个简洁、现代的登录界面。1.HTML结构首先，我们需要一个基本的HTML结构来容纳登录表单。保存为index.html文件：登录页面登录2.CSS样式接下来，我们将编写CSS样式来美化登录界面。保存为styles.css文件：/*Resetsomedefaultstyles*//*Resetsomedefaultstyles*/body,html{margin:0
      

      • 

    • 9- 【JavaWeb】JavaScript 基础
weixin_44329069
JavaWebjavascript开发语言ecmascript

      1.基本语法变量声明JavaScript中可以使用var、let和const来声明变量。var是旧的方式，let和const是较新的方式，通常推荐使用let和const。//使用let声明的变量可以被重新赋值letname="Alice";name="Bob";//使用const声明的变量不能被重新赋值constage=25;//age=30;//这将导致错误console.log(name);/
      

      • 

    • 11- 【JavaWeb】Cookie 、Session、Filter、Listener
weixin_44329069
JavaWebhivepythonhadoop

      了解Cookie、Session、Filter和Listener是JavaWeb开发中非常重要的部分。1.CookieCookie是服务器在客户端浏览器上存储的小数据片段，用于在不同请求之间保持状态。Cookie通常用于保存用户信息、跟踪会话、保存用户偏好等。示例：创建和读取Cookie设置Cookie（在Servlet中）：@WebServlet("/setCookie")publicclass
      

      • 

    • Spring MVC 执行流程详解
胡耀超
Springjava面试常见问题springmvcjavaSpringMVC

      SpringMVC是一个典型的基于MVC设计模式的框架，它用于开发JavaWeb应用程序。在SpringMVC中，每个请求都要经历一系列的步骤，从客户端请求到服务器返回响应。下面的执行流程图很好地描述了SpringMVC的执行流程，从请求发起到最后返回数据。接下来，我将全面、深入地讲解SpringMVC的执行流程。SpringMVC执行流程图：+---------++---------------
      

      • 

    • Java Web安全与Spring Config对象实战
福建低调

      本文还有配套的精品资源，点击获取简介：本课程深入探讨JavaWeb开发中的安全实践，包括认证与授权、输入验证、CSRF和XSS防护以及SQL注入防御等关键安全措施。同时，介绍SpringSecurity框架的应用，以及Config对象在Spring配置管理中的作用，包括依赖注入和外部化配置。课程还包括实战演练，通过设置安全环境和安全漏洞模拟，帮助开发者提升应用的安全性和故障排查能力。1.Web安全
      

      • 

    • python实验过程心得体会_web实训心得体会
weixin_39814378
python实验过程心得体会

      篇一：JAVAWEB实训心得体会jsp+servlet+mysql论坛项目实训总结实训人：程路峰学号：11103303通过为期10天的实训，我学习了很多关于javaweb的知识。在老师的正确指导下，顺利的完成了我的实训内容。在此，也有同学的帮助，在他们的帮助下我也受益匪浅。最终，能顺利完成实训的任务也很高兴。在实训生活中，我了解开发项目的需求、设计、实现、确认以及维护等活动整个过程，让自己开始懂得
      

      • 

    • Javaweb项目-调用接口-如何在服务器端跳转网页后显示并弹出对话框代码
海海不掉头发
Java面试习题Java基础java

      Webapp项目中在java包下新建一个服务端类使用JOptionPane框架组件调用showMessageDialog的方法实现四个参数null,"这是一个信息对话框","信息",JOptionPane.INFORMATION_MESSAGE还有确认对话框的代码showConfirmDialogpackageservlet;importjavafx.scene.control.Alert;imp
      

      • 

    • 项目架构设计
先熬半个月

      架构概述：架构共分为5层，访问层，接入层，网关层，服务层，数据层服务架构涉及26个技术点，部署架构7个技术点服务架构1.LVS：四层负载均衡，将用户分发到不同Nginx服务器上2.Nginx:是一个高性能的HTTP和反向代理的web服务器，用于部署前端应用3.Keepalived:高可用，此处指的是集群4.JWT:全称：JavaWebToken，用户身份校验，鉴权5.SpringCloudGetw
      

      • 

    • JavaWeb后端分层
灵佑666
Java

      1.Dao层：全称DataAccessObject。Dao层比较底层，负责与数据库打交道具体到对某个表、某个实体的增删改查2.Service层：又叫服务层或业务层，封装Dao层的操作，使一个方法对外表现为实现一种功能，例如：网购生成订单时，不仅要插入订单信息记录，还要查询商品库存是否充足，购买是否超过限制等等。3.Controller层：业务控制层，负责接收数据和请求，并且调用Service层实现
      

      • 

    • JavaWeb笔记整理14——公共字段自动填充技术实现
mikey棒棒棒
笔记反射SpringAOP公共字段自动填充JavaWeb面向切面编程Aspect

      目录为什么需要公共字段自动填充？步骤1自定义注解AutoFill步骤2自定义切面AutoFillAspect步骤3在Mapper接口的方法上加入AutoFill注解@Before("autoFillPointCut()")JoinPoint你能通过JoinPoint获取哪些信息？例子中的JoinPoint获取方法签名和注解获取被拦截方法的参数反射什么是反射获取Class对象获取Method对象动态
      

      • 

    • @Slf4j注解 - javaweb日志记录
需要重新演唱
webweb日志注解

      1.引言在现代的JavaWeb开发中，日志记录是一个非常重要的组成部分。良好的日志记录可以帮助开发者快速定位问题、监控系统运行状态以及进行性能调优。@Slf4j注解是Lombok库提供的一个便捷工具，用于简化日志记录的代码编写。本文将详细讲解@Slf4j注解的相关内容，包括其概念、使用方法以及一些最佳实践。2.什么是Lombok？Lombok是一个Java库，它通过注解的方式帮助开发者减少样板代码
      

      • 

    • JavaWeb - Spring Boot - 请求参数
湫湫玺云台
后端JavaWebspringbootjava后端

      @RequestMapping从注解名称上我们可以看到，@RequestMapping注解的作用就是将请求和处理请求的控制器方法关联起来，建立映射关系。SpringMVC接收到指定的请求，就会来找到在映射关系中对应的控制器方法来处理这个请求。@RequestMapping标识一个类：设置映射请求的请求路径的初始信息@RequestMapping标识一个方法：设置映射请求请求路径的具体信息@Cont
      

      • 

    • 在 Linux 上部署javaWeb项目+图文详解_java web项目部署到linux服务器
2401_85154737
服务器linuxjava

      -f:force强制的意思，如果目标文件已经存在，不会询问直接覆盖-i:若目标已经存在，就会询问是否覆盖-u:若目标文件已经存在，且比目标文件新，才会更新#该命令可以把多个文件一次移动到一个文件夹中，但是最后的一个目标文件一要是“目录”。例如：mvfile1file2file3dir#把多个文件移动到dir目录中mvfile1file2#把file重命名为file26、rm命令该命令用于删除文件或
      

      • 

    • 构建可扩展的Java Web应用架构
微赚淘客系统开发者
java前端架构

      构建可扩展的JavaWeb应用架构大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！在现代软件开发中，可扩展性是一个至关重要的概念。构建一个可扩展的JavaWeb应用架构，不仅能提升应用的性能和可靠性，还能为未来的功能扩展和维护提供坚实的基础。本文将介绍如何构建一个可扩展的JavaWeb应用架构，并提供相应的代码示例。1.选择合适的技
      

      • 

    • Web+Tomcat+Servlet+MySQL实现登录页面【JavaWeb笔记一】
YuBooy
JavaWeb学习笔记javajdbcjavaweb

      目录功能描述：实现框图：具体实现过程一、环境搭建服务器环境搭建：页面部分环境搭建：数据库部分环境搭建：二、代码实现过程1、创建一个带表单提交的html页面（login.html）2、在web.xml文件下绑定Servlet的对象类3、创建java（LoginServer.java）类来执行Servlet操作4、jdbc完成数据库部分操作（Demo.java）5、通过测试@Test完成数据库的连接测
      

      • 

    • 【计算机毕业设计项目推荐】计算机毕业设计项目推荐（源码+论文+PPT）
易开科技_Wx:JavaRui666
课程设计java开发语言

      2023年最新计算机毕业设计，本科，项目汇总！哈喽，大家好，大四的同学马上要开始做毕业设计了，大家做好准备了吗？博主给大家详细整理了计算机毕业设计最新项目，对项目有任何疑问，都可以问博主哦~一、JavaWeb管理系统毕设项目这些系统很不错，建议把管理系统作为毕业设计。学籍管理系统设计与实现教务管理系统设计与实现网上考试系统设计与实现在线考试系统设计与实现题库（及试卷）管理系统设计与实现网络远程作业
      

      • 

    • Web开发中的“返回上一页”
Java搬砖组长
前端

      在JavaWeb应用程序中（如使用Servlet、JSP、Spring等框架），实现“返回上一页”通常是在前端通过JavaScript来完成的。例如，用户点击“返回”按钮时，浏览器会返回到上一个页面。在JSP页面中，可以使用以下代码实现“返回上一页”功能：返回上一页或者通过Servlet设置“Referer”来实现返回上一页：//获取上一个页面的URLStringreferer=request.g
      

      • 

    • 过滤器与拦截器的区别与应用
黄尚圈圈
javatomcatspringspringboot

      在JavaWeb开发中，过滤器（Filter）和拦截器（Interceptor）是两种常见的用于处理请求和响应的组件，它们在功能上有一定的重叠，但在使用场景、实现方式和作用范围上存在显著的差异。本文将深入探讨过滤器与拦截器的区别，以及它们在实际项目中的应用。1.定义与概念过滤器（Filter）过滤器是Servlet规范中的一部分，它允许你对请求（Request）和响应（Response）进行预处理
      

      • 

    • 文件上传和下载
提笔忘字_波

      一、概论在Web应用系统开发中，文件上传和下载功能是非常常用的功能，今天来讲一下JavaWeb中的文件上传和下载功能的实现。对于文件上传，浏览器在上传的过程中是将文件以流的形式提交到服务器端的，如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦，所以一般选择采用apache的开源工具common-fileupload这个文件上传组件。这个common-fileuplo
      

      • 

    • #Cookie、Session#JavaWeb学习笔记(2020/3/2)
RinP

      一、会话技术客户端之间的通话：Cookie技术服务器端会话技术：Session技术目的是在一次会话中共享数据。1、Cookie技术使用Cookie的步骤：1.一个Servlet中、创建一个Cookie对象,存入键值对信息Cookiecookie=newCookie("msg","こんにちは");2.使用response对象的voidaddCookie(Cookievar1);方法添加Cookie到
      

      • 

    • 基于JavaWeb开发的JavaSpringboot+Vue实现前后端分离房屋租赁系统
网顺技术团队
成品程序项目vue.js前端javascript课程设计前端框架javaspringboot

      基于JavaWeb开发的JavaSpringboot+Vue实现前后端分离房屋租赁系统作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录基于JavaW
      

      • 

    • tomcat基础与部署发布
暗黑小菠萝
Tomcat java web

      从51cto搬家了，以后会更新在这里方便自己查看。
做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。
Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。
一、Tomcat安装
    安装方式：①运行.exe安装包
     &n
      

      • 

    • 网站架构发展的过程
ayaoxinchao
数据库应用服务器网站架构

      1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上
2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器
3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构
4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
      

      • 

    • [信息与安全]数据库的备份问题
comsci
数据库

      
      如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题
 
如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?
   是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?
 &n
      

      • 

    • 使用maven tomcat plugin插件debug关联源代码
商人shang
mavendebug查看源码tomcat-plugin

      *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。
*配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
      

      • 

    • 大访问量高并发
oloz
大访问量高并发

      大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简
要列出几点解决方案：
01、优化你的代码和查询语句，合理使用索引
02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中
03、采用服务器集群、负载均衡分担大访问量高并发压力
04、数据读写分离
05、合理选用框架，合理架构(推荐分布式架构)。

      

      • 

    • cache 服务器
小猪猪08
cache

      Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。
　　1.Cache   是怎么样工作的?
　　Cache   是分配在服务器上
      

      • 

    • mysql存储过程
香水浓
mysql

      Description:插入大量测试数据
use xmpl;
drop procedure if exists mockup_test_data_sp;
create procedure mockup_test_data_sp(
in number_of_records int
)
begin
declare cnt int;
declare name varch
      

      • 

    • CSS的class、id、css文件名的常用命名规则
agevs
JavaScriptUI框架Ajaxcss

        CSS的class、id、css文件名的常用命名规则
    (一)常用的CSS命名规则
　　头：header
　　内容：content/container
　　尾：footer
　　导航：nav
　　侧栏：sidebar
　　栏目：column
　　页面外围控制整体布局宽度：wrapper
　　左右中：left right 
      

      • 

    • 全局数据源
AILIKES
javatomcatmysqljdbcJNDI

      实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。
1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
      

      • 

    • MYSQL的随机查询的实现方法
baalwolf
mysql

      MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
      

      • 

    • JAVA的getBytes()方法
bijian1013
javaeclipseunixOS

          在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！ 
    String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如：
byte[] b_gbk = "
      

      • 

    • AngularJS中操作Cookies
bijian1013
JavaScriptAngularJSCookies

              如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。
        幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
      

      • 

    • [Maven学习笔记五]Maven聚合和继承特性
bit1129
maven

      Maven聚合
 
在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块：
1. 模型和数据持久化层user-core,
2. 业务逻辑层user-service以
3. web展现层user-web，
user-service依赖于user-core
user-web依赖于user-core和use
      

      • 

    • 【JVM七】JVM知识点总结
bit1129
jvm

        1. JVM运行模式
1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化
1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler 
      

      • 

    • linux下查看nginx、apache、mysql、php的编译参数
ronin47

      在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。
1、nginx
[root@361way ~]# /App/nginx/sbin/nginx -V
nginx: nginx version: nginx/
      

      • 

    • unity中运用Resources.Load的方法？
brotherlamp
unity视频unity资料unity自学unityunity教程

      问：unity中运用Resources.Load的方法？
答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置
1、unity实时替换的物体即是依据环境条件
      

      • 

    • 线段树-入门
bylijinnan
java算法线段树

      
/**
* 线段树入门
* 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次
* 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i]
*
* 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18
* @author lijinna
      

      • 

    • 全选与反选
chicony
全选

       
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>全选与反选</title>

      

      • 

    • vim一些简单记录
chenchao051
vim

      mac在/usr/share/vim/vimrc linux在/etc/vimrc
 
1、问：后退键不能删除数据，不能往后退怎么办？
      答：在vimrc中加入set backspace=2
 
2、问：如何控制tab键的缩进？
      答：在vimrc中加入set tabstop=4 (任何
      

      • 

    • Sublime Text 快捷键
daizj
快捷键sublime

      [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
      

      • 

    • php 引用(&)详解
dcj3sjt126com
PHP

      在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下:
<? 
$a="ABC"; 
$b =&$a; 
echo
      

      • 

    • SVN中trunk,branches,tags用法详解
dcj3sjt126com
SVN

      Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
      

      • 

    • 对软件设计的思考
e200702084
设计模式数据结构算法ssh活动

      软件设计的宏观与微观
   软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
      

      • 

    • 同步、异步、阻塞、非阻塞
geeksun
非阻塞

      同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。
 
同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。
场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。
 
异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。
实现：
      

      • 

    • Reverse SSH Tunnel 反向打洞實錄
hongtoushizi
ssh

      實際的操作步驟：
# 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port
ssh -NfR 12345:localhost:22 [email protected]
# 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器
ssh localhost -p 1
      

      • 

    • Hibernate中的缓存
Josh_Persistence
一级缓存Hiberante缓存查询缓存二级缓存

      Hibernate中的缓存
 
一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。
Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
      

      • 

    • 对象关系行为模式之延迟加载
home198979
PHP架构延迟加载

      形象化设计模式实战     HELLO!架构
 
一、概念
Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。
延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。
 
 
二、实现延迟加载
实现Lazy Load主要有四种方法：延迟初始化、虚
      

      • 

    • xml 验证
pengfeicao521
xmlxml解析

      有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错
public static void testPattern() {
// 含有非法字符的串
String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
      

      • 

    • div设置半透明效果
spjich
css半透明

      为div设置如下样式：
 
div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
 
 
 
 说明：
1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
      

      • 

    • 你真的了解单例模式么？
w574240966
java单例设计模式jvm

          单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。
 
一，单例模式的5中写法。（回字的四种写法，哈哈。）
    1，懒汉式
          （1）线程不安全的懒汉式
public cla
      

      • 

    

    

    

    
  	
    
  		用户名:
  		 
  	
    
  	
    
  		密码
  		
  	
    
  	
    
  		邮箱
  		
  	
    
  	
    
  		简介