敢敢130
敢敢130

layUI之入门

目录

一、layui简介

 1.什么是layui

2.layui、easyui与bootstrap的对比

 2.1 layui和bootstrap对比（这两个都属于UI渲染框架）

2.2 layui和easyui对比 

3.layui入门 

3.1路径问题 

 入门案例：点击弹出框 ​编辑

②接着我们新建一个jsp页面叫demo1 

二、自定义模块 

1.如何扩展一个layui(自定义模块)    参考 模块规范

  1）第一步:确认模块名，假设为：test.js文件放入项目任意目录下（注意：不用放入layui目录）

静态资源：css、html、js、image 

  2）编写test.js

  3）设定扩展模块所在的目录，然后就可以在别的JS文件中使用

三、json回顾 

结论：

 1.json对象字符串来源有两个，1.map 2.对象，如User 2.json数组字符串来源有两个，1.list2.list<对象>,如List

四、layui登录基本功能 

1.建一个login.jsp然后我们一般在企业里面不是每一个页码都会去导入layui

五、优化UserAction

六、主页搭建

一、layui简介

 1.什么是layui

 layui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于    MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

   官方网站：https://www.layui.com/（已下线）
   参考地址：http://layui.org.cn/demo/index.html（已下线，非官网）

我们赋值上面那个非官网去地址栏里就会出现如下图所示：

layUI之入门_第1张图片

 接着下一步：

layUI之入门_第2张图片

往下滑找到如下图所示： layUI之入门_第3张图片

 点击码云然后入下图所示：

layUI之入门_第4张图片

接着双击点进去如图所示： 

layUI之入门_第5张图片

我们下载好了之后就是一个压缩包如下图所示：

layUI之入门_第6张图片

 当然除了使用码云下载，我们也可以用另外一个，它是属于外国的开源平台。

两者做对比的话，我们国内的响应速度相对较快。

 由国人开发（作者贤心），16年出厂的框架，其主要提供了很多好看、方便的样式，并且基本拿来即用，和Bootstrap有些相似，但该框架有个极大的好处就是定义了很多前后端交互的样式接口，如分页表格，只需在前端配置好接口，后端则按照定义好的接口规则返回数据，即可完成页面的展示，极大减少了后端人员的开发成本。

2.layui、easyui与bootstrap的对比

有趣的对比方式，嘿嘿嘿....
  easyui=jquery+html4（用来做后台的管理界面） 半老徐娘
  bootstrap=jquery+html5 美女 拜金
  layui 清纯少女

 2.1 layui和bootstrap对比（这两个都属于UI渲染框架）

   1.layui是国人开发的一套框架，2016年出来的，现在已更新到2.X版本了。比较新，轻量级，样式简单好看（目前官网已下架，开源了）
          2.bootstrap 相对来说是比较成熟的一个框架，现在已经更新到4.X版本。是一个很成熟的框架，这个大部分人一般都用过

  1）适用范围不一样

 1.layui 其实更偏向与后端开发人员使用，在服务端页面上有非常好的效果。
      
            2.适合做后台框架

            3.layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删改查都需要查询DOM元素。所以在不需要交互的时候，用layui还是不错的（说这句话的人，只能说明你对layui不了解）
             
            4.bootstrap 在前端响应式方面做得很好，PC端和移动端表现都不错。
      
            5.适合做网站
             
            6.如果是类似官网，且需要同时满足PC端和移动端效果，bootstrap 表现很好，但是如果是要交互的网站，比如商城之类，layui显然更好，前后端分离
 

  2）大小不一样

         1.layui 轻量级
             2.bootsrap 因为成熟，所以使用方便，但是同时也是因为成熟，就显得有些冗余

2.2 layui和easyui对比 

         1.easyui 是非开源的，有需要解决的问题的话，就只能等官方更新了
          2.layui是开源的，社区比较活跃，解决问题还是比较快的
          3.easyui诞生的早些，所以功能相对完善一些，很多功能都能是比较健全的
          4.layui就相对来说少一些了，不过，功能都是像官网说的，精雕细琢
          5.layui更符合现在的审美

3.layui入门 

 将layui下载到了本地，那么可将其完整地放置到你的项目目录（或静态资源服务器），并在页面中分别引入：
   
   
   
    

3.1路径问题 

  1） 相对路径/绝对路径
       2） base标签

 入门案例：点击弹出框 layUI之入门_第7张图片

①先把我们的框架导入进去，接着在建一个文件取名为static，在建一个文件名为js，在把我们解压好的安装包里面的layui里面的layui全部赋值上去及其他的有如下图所示：

                ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​layUI之入门_第8张图片 

 然后我们在运行一下：注意两个点：第一个的话就是注意改数据库连接，确保数据库里面有张表，第二个的话就是只要电脑上安装了禅道的话，就把禅道对应的mysql这个服务给关掉

layUI之入门_第9张图片

这样就说明没有问题如下图所示： 

layUI之入门_第10张图片

②接着我们新建一个jsp页面叫demo1 

然后我们在去sayui官网上去引入：  layUI之入门_第11张图片

 接着要把导入进去的路径改为你现在里面存放的路径，而不是网络上的路径

layUI之入门_第12张图片

 在回到官网上去：

layUI之入门_第13张图片

运行结果如图所示： layUI之入门_第14张图片

 现在目前弹出来的数据是定死的吧，我们进一步优化：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here




 





请输入：

 运行结果为：就是我们文本框里输入的什么它就弹什么

layUI之入门_第15张图片

二、自定义模块 

1.如何扩展一个layui(自定义模块)    参考 模块规范

  1）第一步:确认模块名，假设为：test.js文件放入项目任意目录下（注意：不用放入layui目录）

静态资源：css、html、js、image 

 我们先在静态文件中的js里面的layui里建一个文件名叫mymodule

layUI之入门_第16张图片

  2）编写test.js

  layui.define(function(exports){ //提示：模块也可以依赖其它模块，如：layui.define('layer', callback);
      var obj = {
         hello: function(str){
            alert('Hello '+ (str||'test'));
         }
      };
 
      //输出test接口
      exports('test', obj);
   });   

 接着在里面建一个文件叫js然后里面在创建file取名mymode.js，然后我们在回到官网上，找到模块规范：

layUI之入门_第17张图片

接着我们在mymod.js里面又赋值一个看代码块吧：

layui.define(function(exports){ //提示：模块也可以依赖其它模块，如：layui.define('mod1', callback);
  var obj = {
    hello: function(str){
      alert('Hello '+ (str||'mymod'));
    }, say: function(str){
      alert('say '+ (str||'mymod'));
    }
    
  };
  
  //输出 mymod 接口
  exports('mymod', obj);
});

  3）设定扩展模块所在的目录，然后就可以在别的JS文件中使用

 layui.config({
      base: '/res/js/' //假设这是test.js所在的目录
   }).extend({ //设定模块别名
      test: 'test' //如果test.js是在根目录，也可以不用设定别名
   });
 
   //使用test
   layui.use('test', function(){
      var test = layui.test;
 
      test.hello('World!'); //弹出Hello World!
   });

 案例：
   1）弹出hello方法
   2）日期格式转换

 接着下一步我们就在复制一份demo1的代码块取名为demo2，接着步骤跟着官方一步一步操作即可，看代码块：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here




 










请输入：



请输入相关文字：

 运行效果如图所示：

layUI之入门_第18张图片

layUI之入门_第19张图片

三、json回顾 

这两个怎么实现？

 {
   name:zhangsan
  ,age:19
}

[
 {
    name:zhangsan
    ,age:19
 },
 {
    name:lisi
    ,age:20
 },
]

代码块：

package com.jiangwenjuan.demo;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;

public class Demo1 {
	public static void main(String[] args) throws Exception {
		ArrayList list1 = new ArrayList<>();
		ArrayList list2 = new ArrayList<>();
		
		
		
		Map map1 = new HashMap();
		map1.put("name", "zhangsan");
		map1.put("age", 18);
		
		Map map2 = new HashMap();
		map2.put("name", "lisi");
		map2.put("age", 20);
		
		list1.add(map1);
		list1.add(map2);
	
		
		
		ObjectMapper om = new ObjectMapper();
//		writeValueAsString 将对象/数组转成json字符串
		System.out.println(om.writeValueAsString(map1));
		
		User user = new User("zhangsan", 19);
		User user2 = new User("lisi", 20);
		list2.add(user);
		list2.add(user2);
		System.out.println(om.writeValueAsString(user));
		
		System.out.println(om.writeValueAsString(list1));
		System.out.println(om.writeValueAsString(list2));

	}

}

class User{
	private String name;
	private int age;
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	public User() {
		// TODO Auto-generated constructor stub
	}
	public User(String name, int age) {
		super();
		this.name = name;
		this.age = age;
	}
	
}

 运行结果为：




// map集合、对象
 //{
 //    name:zhangsan
 //    ,age:19
 //}
 //{"name":"zhangsan","age":18}


//{"name":"zhangsan","age":18}
 //{"name":"zhangsan","age":19}



 //两种方式 定义一个数组或者集合
 //[
 // {
 //    name:zhangsan
 //    ,age:19
 // },
 // {
 //    name:lisi
 //    ,age:20
 // },
 //]


//{"name":"zhangsan","age":18}
 //{"name":"zhangsan","age":19}
 //[{"name":"zhangsan","age":18},{"name":"lisi","age":20}]
 //[{"name":"zhangsan","age":19},{"name":"lisi","age":20}]




结论：




 1.json对象字符串来源有两个，1.map 2.对象，如User
  2.json数组字符串来源有两个，1.list 2.list<对象>,如List




四、layui登录基本功能 


1.建一个login.jsp然后我们一般在企业里面不是每一个页码都会去导入layui


我们去WebContent里建一个文件叫common在这里面建一个header.jsp如图所示：


layUI之入门_第20张图片


header.jsp代码块：往后要添加公共的配置只需要在这个jsp里面添加就可以了


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>





 







 接着我们就要在login.jsp里面去导入上面的文件



    <%@include file="common/header.jsp" %>


接着我们回到官网上去，找到表单  layUI之入门_第21张图片


看一下login.jsp代码块：我们从body开始复制


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
    <%@include file="common/header.jsp" %>






Insert title here

 


          


  鉴于小伙伴的普遍反馈，先温馨提醒两个常见“问题”：1. 为什么select/checkbox/radio没显示？ 2. 动态添加的表单元素如何更新？


              


  表单集合演示


 


  

    
    

      
    

  

  

    
    

      
    

  

  
  

    

      
      

        
      

    

    

      
      

        
      

    

  

  
  

    

      
      

        
      

    

    

      
      

        
      

    

    

      
      

        
      

    

  

  
  

    
    

      
    

  

  

    
    

      
    

    
请填写6到12位密码

  

  
  

    

      
      

        
      

      
-

      

        
      

    

  

  
  

    
    

      
    

  

  
  
  

    

      
      

        
      

    

    

      
      

        
      

    

  

  
  

    
    

      
    

    

      
    

    

      
    

    
此处只是演示联动排版，并未做联动交互

  

  
  

    
    

      
      
      
    

  

  
  

    
    

      
      
      
    

  

  
  

    
    

      
    

  

  

    
    

      
    

  

  

    
    

      
      
      
    

  

  

    
    

      
    

  

  
  

    

      
      
    

  



 


  


  赋值和取值


 


  

    
    

      
    

  

  

    
    

      
    

  

  
  

    
    

      
    

  

  
  

    
    

      
      
      
    

  

  
  

    
    

      
    

  

  
  

    
    

      
      
    

  

  

    
    

      
    

  

 
  

    

      
      
      
    

  





  方框风格的表单集合




  

    
    

      
    

  

  

    
    

      
    

  

  
  

    

      
      

        
      

    

    

      
      

        
      

    

  

  

    
    

      
    

    
请务必填写用户名

  

  
  

    

      
      

        
      

      
-

      

        
      

    

  

  
  

    
    

      
    

  

  
  

    
    

      
    

    

      
    

    

      
    

  

  

    
    

      
    

  

  

    
    

      
      
      
    

  

  

    
    

      
    

  

  

    
  



          








 运行结果如图所示：


layUI之入门_第22张图片


由于我们不需要这么多所以我们改变一个login.jsp的代码块：注意图片还有样式也要导入进去css和images是属于静态的所以我们要复制到static里面如下图所示：


layUI之入门_第23张图片


 layUI之入门_第24张图片


注意里面样式和图片路径


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
    <%@include file="common/header.jsp" %>






Insert title here

 


     


 运行结果如图所示：


layUI之入门_第25张图片


 接收参数：我们要向后台发送请求


测试一下有没有绑定事件，同时我们也测试一下jquery有没有加载进去



 运行结果如图所示：


layUI之入门_第26张图片


 发表请求：




处理请求：我们在web建一个class叫UserAction接着在entity里建一个User，这里面就要跟上面写的username和password保持一致.


layUI之入门_第27张图片


 User.java代码块：


package com.zking.entity;

public class User {
	private String username;
	private String password;
	public String getUsername() {
		return username;
	}
	public void setUsername(String username) {
		this.username = username;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	
	public User() {
		// TODO Auto-generated constructor stub
	}
	public User(String username, String password) {
		super();
		this.username = username;
		this.password = password;
	}
	@Override
	public String toString() {
		return "User [username=" + username + ", password=" + password + "]";
	}
}



UserAction.java代码块：


package com.zking.web;

import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.zking.entity.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.R;
import com.zking.util.ResponseUtil;

public class UserAction extends ActionSupport implements ModelDriver{

	private User user = new User();
	
	写一个方法处理前台的请求
	public String login(HttpServletRequest req, HttpServletResponse resp) {
		Map map = new HashMap();
		if("zhangsan".equals(user.getUsername())&&"123456".equals(user.getPassword())) {
//			登录成功
			map.put("code", 200);
			map.put("msg", "登录成功");
		}
		else {
//			登录失败
			map.put("code", 0);
			map.put("msg", "账户密码有误");
		}
		try {
			ResponseUtil.writeJson(resp, map);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return null;
	}


ResponseUtil：响应工具类  代码块：


package com.zking.util;

import java.io.PrintWriter;

import javax.servlet.http.HttpServletResponse;

import com.fasterxml.jackson.databind.ObjectMapper;

public class ResponseUtil {

	public static void write(HttpServletResponse response,Object o)throws Exception{
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out=response.getWriter();
		out.println(o.toString());
		out.flush();
		out.close();
	}
	
	public static void writeJson(HttpServletResponse response,Object o)throws Exception{
		ObjectMapper om = new ObjectMapper();
//		om.writeValueAsString(o)浠ｈ〃浜唈son涓�
		write(response, om.writeValueAsString(o));
	}
}



在去前台接收请求：




在去配置文件里配置user     mvc.xml代码块：




	
		
		
		
	

	
	




运行一下如图所示：


layUI之入门_第28张图片


layUI之入门_第29张图片


  接着我们登陆成功是不是就有一个笑脸我们来实操一下：回到官网找到弹出层，引以为傲的弹出层


layUI之入门_第30张图片


 然后我们继续完成前台的操作：


 


运行结果如图所示：


layUI之入门_第31张图片


注意这个错误不是错误：


layUI之入门_第32张图片


五、优化UserAction


在UserAction.java，在map里面我每一个请求，要不就是要建一个map集合和list集合，建这个的目的我们是不是要向前台展示数据展示字符串吧，能不能简化一点：有一个工具类我们来看一下


R.java代码块：


package com.zking.util;

import java.util.HashMap;

public class R extends HashMap{
	public R data(String key, Object value) {
		this.put(key, value);
		return this;
	}
}



UserAction.java简化完是这样的


package com.zking.web;

import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.zking.entity.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.R;
import com.zking.util.ResponseUtil;

public class UserAction extends ActionSupport implements ModelDriver{

	private User user = new User();
	
	
	public String login(HttpServletRequest req, HttpServletResponse resp) {
		try {
			if("zhangsan".equals(user.getUsername())&&"123456".equals(user.getPassword())) {
				ResponseUtil.writeJson(resp, new R()
						.data("code",200)
						.data("msg","登录成功"));
			}
			else {
				ResponseUtil.writeJson(resp, new R()
						.data("code",0)
						.data("msg","账户密码有误"));
			}
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return null;
	}
	
	@Override
	public User getModel() {
		// TODO Auto-generated method stub
		return user;
	}

}



六、主页搭建




 参考地址：http://layui.org.cn/demo/admin.html 




一行代码：就是我们登陆成功然后就跳转页面：


最终的login.jsp点代码块：


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
    <%@include file="common/header.jsp" %>






Insert title here

 


     
    
    
         
         
 



 在建一个main.jsp：


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here



主界面搭建




运行结果为：


layUI之入门_第33张图片


layUI之入门_第34张图片

























你可能感兴趣的:(layui,java,前端框架)






    

  • Long类型前后端数据不一致
igotyback
前端

    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
    

    • 

  • LocalDateTime 转 String
igotyback
java开发语言

    importjava.time.LocalDateTime;importjava.time.format.DateTimeFormatter;publicclassMain{publicstaticvoidmain(String[]args){//获取当前时间LocalDateTimenow=LocalDateTime.now();//定义日期格式化器DateTimeFormatterformat
    

    • 

  • Linux下QT开发的动态库界面弹出操作（SDL2）
13jjyao
QT类qt开发语言sdl2linux

    需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
    

    • 

  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业

    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
    

    • 

  • 【华为OD机试真题2023B卷 JAVA&JS】We Are A Team
若博豆
java算法华为javascript

    华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
    

    • 

  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
二挡起步
web前端期末大作业javascripthtmlcss旅游风景

    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
    

    • 

  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端

    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
    

    • 

  • node.js学习
小猿L
node.jsnode.js学习vim

    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
    

    • 

  • Java 重写(Override)与重载(Overload)
叨唧唧的

    Java重写(Override)与重载(Overload)重写(Override)重写是子类对父类的允许访问的方法的实现过程进行重新编写,返回值和形参都不能改变。即外壳不变，核心重写！重写的好处在于子类可以根据需要，定义特定于自己的行为。也就是说子类能够根据需要实现父类的方法。重写方法不能抛出新的检查异常或者比被重写方法申明更加宽泛的异常。例如：父类的一个方法申明了一个检查异常IOExceptio
    

    • 

  • 简单了解 JVM
记得开心一点啊
jvm

    目录♫什么是JVM♫JVM的运行流程♫JVM运行时数据区♪虚拟机栈♪本地方法栈♪堆♪程序计数器♪方法区/元数据区♫类加载的过程♫双亲委派模型♫垃圾回收机制♫什么是JVMJVM是JavaVirtualMachine的简称，意为Java虚拟机。虚拟机是指通过软件模拟的具有完整硬件功能的、运行在一个完全隔离的环境中的完整计算机系统（如：JVM、VMwave、VirtualBox）。JVM和其他两个虚拟机
    

    • 

  • 1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven
Energet!c
开发语言

    1分钟解决-bash:mvn:commandnotfound，在Centos7中安装Maven检查Java环境1下载Maven2解压Maven3配置环境变量4验证安装5常见问题与注意事项6总结检查Java环境Maven依赖Java环境，请确保系统已经安装了Java并配置了环境变量。可以通过以下命令检查：java-version如果未安装，请先安装Java。1下载Maven从官网下载：前往Apach
    

    • 

  • Java企业面试题3
马龙强_
java

    1.break和continue的作用(智*图)break：用于完全退出一个循环（如for,while）或一个switch语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在for循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。2.if分支语句和switch分
    

    • 

  • JVM、JRE和 JDK：理解Java开发的三大核心组件
Y雨何时停T
Javajava

    Java是一门跨平台的编程语言，它的成功离不开背后强大的运行环境与开发工具的支持。在Java的生态中，JVM（Java虚拟机）、JRE（Java运行时环境）和JDK（Java开发工具包）是三个至关重要的核心组件。本文将探讨JVM、JDK和JRE的区别，帮助你更好地理解Java的运行机制。1.JVM：Java虚拟机（JavaVirtualMachine）什么是JVM？JVM，即Java虚拟机，是Ja
    

    • 

  • Java面试题精选：消息队列(二)
芒果不是芒
Java面试题精选javakafka

    一、Kafka的特性1.消息持久化：消息存储在磁盘，所以消息不会丢失2.高吞吐量：可以轻松实现单机百万级别的并发3.扩展性：扩展性强，还是动态扩展4.多客户端支持：支持多种语言（Java、C、C++、GO、）5.KafkaStreams（一个天生的流处理）:在双十一或者销售大屏就会用到这种流处理。使用KafkaStreams可以快速的把销售额统计出来6.安全机制：Kafka进行生产或者消费的时候会
    

    • 

  • 白骑士的Java教学基础篇 2.5 控制流语句
白骑士所长
Java教学java开发语言

    欢迎继续学习Java编程的基础篇！在前面的章节中，我们了解了Java的变量、数据类型和运算符。接下来，我们将探讨Java中的控制流语句。控制流语句用于控制程序的执行顺序，使我们能够根据特定条件执行不同的代码块，或重复执行某段代码。这是编写复杂程序的基础。通过学习这一节内容，你将掌握如何使用条件语句和循环语句来编写更加灵活和高效的代码。条件语句条件语句用于根据条件的真假来执行不同的代码块。if语句‘
    

    • 

  • python语法——三目运算符
HappyRocking
pythonpython三目运算符

    在java中，有三目运算符，如：intc=(a>b)?a:b表示c取两者中的较大值。但是在python，不能直接这样使用，估计是因为冒号在python有分行的关键作用。那么在python中，如何实现类似功能呢？可以使用ifelse语句，也是一行可以完成，格式为：aifbelsec表示如果b为True，则表达式等于a，否则等于c。如：c=(aif(a>b)elseb)同样是完成了取最大值的功能。
    

    • 

  • ArrayList 源码解析
程序猿进阶
Java基础ArrayListListjava面试性能优化架构设计idea

    ArrayList是Java集合框架中的一个动态数组实现，提供了可变大小的数组功能。它继承自AbstractList并实现了List接口，是顺序容器，即元素存放的数据与放进去的顺序相同，允许放入null元素，底层通过数组实现。除该类未实现同步外，其余跟Vector大致相同。每个ArrayList都有一个容量capacity，表示底层数组的实际大小，容器内存储元素的个数不能多于当前容量。当向容器中添
    

    • 

  • Java爬虫框架（一）--架构设计
狼图腾-狼之传说
java框架java任务html解析器存储电子商务

    一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
    

    • 

  • Java：爬虫框架
dingcho
Javajava爬虫

    一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
    

    • 

  • python怎么将png转为tif_png转tif
weixin_39977276

    发国外的文章要求图片是tif，cmyk色彩空间的。大小尺寸还有要求。比如网上大神多，找到了一段代码，感谢！https://www.jianshu.com/p/ec2af4311f56https://github.com/KevinZc007/image2Tifimportjava.awt.image.BufferedImage;importjava.io.File;importjava.io.Fi
    

    • 

  • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）
跳房子的前端
前端面试javascript开发语言ecmascript

    在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
    

    • 

  • JAVA·一个简单的登录窗口
MortalTom
java开发语言学习

    文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计
    

    • 

  • WebMagic：强大的Java爬虫框架解析与实战
Aaron_945
Javajava爬虫开发语言

    文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的
    

    • 

  • 博客网站制作教程
2401_85194651
javamaven

    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
    

    • 

  • 00. 这里整理了最全的爬虫框架（Java + Python）
有一只柴犬
爬虫系列爬虫javapython

    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
    

    • 

  • JAVA学习笔记之23种设计模式学习
victorfreedom
Java技术设计模式androidjava常用设计模式

    博主最近买了《设计模式》这本书来学习，无奈这本书是以C++语言为基础进行说明，整个学习流程下来效率不是很高，虽然有的设计模式通俗易懂，但感觉还是没有充分的掌握了所有的设计模式。于是博主百度了一番，发现有大神写过了这方面的问题，于是博主迅速拿来学习。一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器
    

    • 

  • JavaScript `Map` 和 `WeakMap`详细解释
跳房子的前端
JavaScript原生方法javascript前端开发语言

    在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
    

    • 

  • 切换淘宝最新npm镜像源是
hai40587
npm前端node.js

    切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
    

    • 

  • 【Java】已解决：java.util.concurrent.CompletionException
屿小夏
java开发语言

    文章目录一、分析问题背景出现问题的场景代码片段二、可能出错的原因三、错误代码示例四、正确代码示例五、注意事项已解决：java.util.concurrent.CompletionException一、分析问题背景在Java并发编程中，java.util.concurrent.CompletionException是一种常见的运行时异常，通常在使用CompletableFuture进行异步计算时出现
    

    • 

  • 设计模式之建造者模式(通俗易懂--代码辅助理解【Java版】）
ok!ko
设计模式设计模式建造者模式java

    文章目录设计模式概述1、建造者模式2、建造者模式使用场景3、优点4、缺点5、主要角色6、代码示例：1）实现要求2）UML图3)实现步骤：1）创建一个表示食物条目和食物包装的接口2）创建实现Packing接口的实体类3）创建实现Item接口的抽象类，该类提供了默认的功能4）创建扩展了Burger和ColdDrink的实体类5）创建一个Meal类，带有上面定义的Item对象6）创建一个MealBuil
    

    • 

  • [星球大战]阿纳金的背叛
comsci

    
      本来杰迪圣殿的长老是不同意让阿纳金接受训练的.........
    但是由于政治原因,长老会妥协了...这给邪恶的力量带来了机会
    所以......现代的地球联邦接受了这个教训...绝对不让某些年轻人进入学院
   
    

    • 

  • 看懂它，你就可以任性的玩耍了！
aijuans
JavaScript

              javascript作为前端开发的标配技能，如果不掌握好它的三大特点：1.原型 2.作用域 3. 闭包 ,又怎么可以说你学好了这门语言呢？如果标配的技能都没有撑握好，怎么可以任性的玩耍呢？怎么验证自己学好了以上三个基本点呢，我找到一段不错的代码，稍加改动，如果能够读懂它，那么你就可以任性了。
function jClass(b
    

    • 

  • Java常用工具包 Jodd
Kai_Ge
javajodd

    Jodd 是一个开源的 Java 工具集， 包含一些实用的工具类和小型框架。简单，却很强大！ 写道 Jodd = Tools + IoC + MVC + DB + AOP + TX + JSON + HTML < 1.5 Mb
Jodd 被分成众多模块，按需选择，其中
工具类模块有：
jodd-core    &nb
    

    • 

  • SpringMvc下载
120153216
springMVC

    @RequestMapping(value = WebUrlConstant.DOWNLOAD)
public void download(HttpServletRequest request,HttpServletResponse response,String fileName) {
OutputStream os = null;
InputStream is = null; 
    

    • 

  • Python 标准异常总结
2002wmj
python

    Python标准异常总结
AssertionError 断言语句（assert）失败 AttributeError 尝试访问未知的对象属性 EOFError 用户输入文件末尾标志EOF（Ctrl+d） FloatingPointError 浮点计算错误 GeneratorExit generator.close()方法被调用的时候 ImportError 导入模块失
    

    • 

  • SQL函数返回临时表结构的数据用于查询
357029540
SQL Server

    这两天在做一个查询的SQL，这个SQL的一个条件是通过游标实现另外两张表查询出一个多条数据，这些数据都是INT类型，然后用IN条件进行查询，并且查询这两张表需要通过外部传入参数才能查询出所需数据，于是想到了用SQL函数返回值，并且也这样做了，由于是返回多条数据，所以把查询出来的INT类型值都拼接为了字符串，这时就遇到问题了，在查询SQL中因为条件是INT值，SQL函数的CAST和CONVERST都
    

    • 

  • java 时间格式化 | 比较大小| 时区 个人笔记
7454103
javaeclipsetomcatcMyEclipse

    个人总结！ 不当之处多多包含！
引用 1.0 如何设置 tomcat 的时区：
         位置：(catalina.bat---JAVA_OPTS  下面加上)
         set JAVA_OPT
    

    • 

  • 时间获取Clander的用法
adminjun
Clander时间

    /**
   * 得到几天前的时间
   * @param d
   * @param day
   * @return
   */
  public static Date getDateBefore(Date d,int day){
   Calend
    

    • 

  • JVM初探与设置
aijuans
java

    JVM是Java Virtual Machine（Java虚拟机）的缩写，JVM是一种用于计算设备的规范，它是一个虚构出来的计算机，是通过在实际的计算机上仿真模拟各种计算机功能来实现的。Java虚拟机包括一套字节码指令集、一组寄存器、一个栈、一个垃圾回收堆和一个存储方法域。 JVM屏蔽了与具体操作系统平台相关的信息，使Java程序只需生成在Java虚拟机上运行的目标代码（字节码）,就可以在多种平台
    

    • 

  • SQL中ON和WHERE的区别
avords

    SQL中ON和WHERE的区别  
数据库在通过连接两张或多张表来返回记录时，都会生成一张中间的临时表，然后再将这张临时表返回给用户。   www.2cto.com   在使用left jion时，on和where条件的区别如下：  1、 on条件是在生成临时表时使用的条件，它不管on中的条件是否为真，都会返回左边表中的记录。  
    

    • 

  • 说说自信
houxinyou
工作生活

    自信的来源分为两种,一种是源于实力,一种源于头脑.实力是一个综合的评定,有自身的能力,能利用的资源等.比如我想去月亮上,要身体素质过硬,还要有飞船等等一系列的东西.这些都属于实力的一部分.而头脑不同,只要你头脑够简单就可以了!同样要上月亮上,你想,我一跳,1米,我多跳几下,跳个几年,应该就到了!什么?你说我会往下掉?你笨呀你!找个东西踩一下不就行了吗?
 
 
无论工作还
    

    • 

  • WEBLOGIC事务超时设置
bijian1013
weblogicjta事务超时

            系统中统计数据，由于调用统计过程，执行时间超过了weblogic设置的时间，提示如下错误：
统计数据出错!
原因：The transaction is no longer active - status: 'Rolling Back. [Reason=weblogic.transaction.internal
    

    • 

  • 两年已过去，再看该如何快速融入新团队
bingyingao
java互联网融入架构新团队

    偶得的空闲，翻到了两年前的帖子
该如何快速融入一个新团队，有所感触，就记下来，为下一个两年后的今天做参考。
    时隔两年半之后的今天，再来看当初的这个博客，别有一番滋味。而我已经于今年三月份离开了当初所在的团队，加入另外的一个项目组，2011年的这篇博客之后的时光，我很好的融入了那个团队，而直到现在和同事们关系都特别好。大家在短短一年半的时间离一起经历了一
    

    • 

  • 【Spark七十七】Spark分析Nginx和Apache的access.log
bit1129
apache

    Spark分析Nginx和Apache的access.log，第一个问题是要对Nginx和Apache的access.log文件进行按行解析，按行解析就的方法是正则表达式：
 
Nginx的access.log解析正则表达式
 
val PATTERN = """([^ ]*) ([^ ]*) ([^ ]*) (\\[.*\\]) (\&q
    

    • 

  • Erlang patch
bookjovi
erlang

    Totally five patchs committed to erlang otp, just small patchs.
IMO, erlang really is a interesting programming language, I really like its concurrency feature.
but the functional programming style 
    

    • 

  • log4j日志路径中加入日期
bro_feng
javalog4j

    要用log4j使用记录日志，日志路径有每日的日期，文件大小5M新增文件。
实现方式
log4j:
<appender name="serviceLog"
class="org.apache.log4j.RollingFileAppender">
<param name="Encoding" v
    

    • 

  • 读《研磨设计模式》-代码笔记-桥接模式
bylijinnan
java设计模式

    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/**
* 个人觉得关于桥接模式的例子，蜡笔和毛笔这个例子是最贴切的：http://www.cnblogs.com/zhenyulu/articles/67016.html
* 笔和颜色是可分离的，蜡笔把两者耦合在一起了：一支蜡笔只有一种
    

    • 

  • windows7下SVN和Eclipse插件安装
chenyu19891124
eclipse插件

    今天花了一天时间弄SVN和Eclipse插件的安装，今天弄好了。svn插件和Eclipse整合有两种方式，一种是直接下载插件包，二种是通过Eclipse在线更新。由于之前Eclipse版本和svn插件版本有差别，始终是没装上。最后在网上找到了适合的版本。所用的环境系统：windows7JDK：1.7svn插件包版本：1.8.16Eclipse：3.7.2工具下载地址：Eclipse下在地址：htt
    

    • 

  • [转帖]工作流引擎设计思路
comsci
设计模式工作应用服务器workflow企业应用

     作为国内的同行，我非常希望在流程设计方面和大家交流，刚发现篇好文(那么好的文章，现在才发现，可惜)，关于流程设计的一些原理，个人觉得本文站得高，看得远，比俺的文章有深度，转载如下
=================================================================================
自开博以来不断有朋友来探讨工作流引擎该如何
    

    • 

  • Linux 查看内存，CPU及硬盘大小的方法
daizj
linuxcpu内存硬盘大小

    一、查看CPU信息的命令
[root@R4 ~]# cat /proc/cpuinfo |grep "model name" && cat /proc/cpuinfo |grep "physical id"
model name : Intel(R) Xeon(R) CPU X5450 @ 3.00GHz
model name : 
    

    • 

  • linux 踢出在线用户
dongwei_6688
linux

    两个步骤：
1.用w命令找到要踢出的用户，比如下面：
 
[root@localhost ~]# w
18:16:55 up 39 days, 8:27, 3 users, load average: 0.03, 0.03, 0.00
USER TTY FROM LOGIN@ IDLE JCPU PCPU WHAT
    

    • 

  • 放手吧,就像不曾拥有过一样
dcj3sjt126com

    内容提要：
静悠悠编著的《放手吧就像不曾拥有过一样》集结“全球华语世界最舒缓心灵”的精华故事，触碰生命最深层次的感动，献给全世界亿万读者。《放手吧就像不曾拥有过一样》的作者衷心地祝愿每一位读者都给自己一个重新出发的理由，将那些令你痛苦的、扛起的、背负的，一并都放下吧！把憔悴的面容换做一种清淡的微笑，把沉重的步伐调节成春天五线谱上的音符，让自己踏着轻快的节奏，在人生的海面上悠然漂荡，享受宁静与
    

    • 

  • php二进制安全的含义
dcj3sjt126com
PHP

    PHP里，有string的概念。
string里，每个字符的大小为byte（与PHP相比，Java的每个字符为Character，是UTF8字符，C语言的每个字符可以在编译时选择）。
byte里，有ASCII代码的字符，例如ABC，123，abc，也有一些特殊字符，例如回车，退格之类的。
特殊字符很多是不能显示的。或者说，他们的显示方式没有标准，例如编码65到哪儿都是字母A，编码97到哪儿都是字符
    

    • 

  • Linux下禁用T440s，X240的一体化触摸板(touchpad)
gashero
linuxThinkPad触摸板

    自打1月买了Thinkpad T440s就一直很火大，其中最让人恼火的莫过于触摸板。
 
Thinkpad的经典就包括用了小红点(TrackPoint)。但是小红点只能定位，还是需要鼠标的左右键的。但是自打T440s等开始启用了一体化触摸板，不再有实体的按键了。问题是要是好用也行。
 
实际使用中，触摸板一堆问题，比如定位有抖动，以及按键时会有飘逸。这就导致了单击经常就
    

    • 

  • graph_dfs
hcx2013
Graph

    package edu.xidian.graph;
class MyStack {
private final int SIZE = 20;
private int[] st;
private int top;
public MyStack() {
st = new int[SIZE];
top = -1;
}
public void push(i
    

    • 

  • Spring4.1新特性——Spring核心部分及其他
jinnianshilongnian
spring 4.1

    目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
    

    • 

  • 配置HiveServer2的安全策略之自定义用户名密码验证
liyonghui160com

     
 
具体从网上看
 
http://doc.mapr.com/display/MapR/Using+HiveServer2#UsingHiveServer2-ConfiguringCustomAuthentication
 
LDAP Authentication using OpenLDAP
Setting 
    

    • 

  • 一位30多的程序员生涯经验总结
pda158
编程工作生活咨询

    1.客户在接触到产品之后，才会真正明白自己的需求。
　　这是我在我的第一份工作上面学来的。只有当我们给客户展示产品的时候，他们才会意识到哪些是必须的。给出一个功能性原型设计远远比一张长长的文字表格要好。 2.只要有充足的时间，所有安全防御系统都将失败。
　　安全防御现如今是全世界都在关注的大课题、大挑战。我们必须时时刻刻积极完善它，因为黑客只要有一次成功，就可以彻底打败你。   3.
    

    • 

  • 分布式web服务架构的演变
自由的奴隶
linuxWeb应用服务器互联网

    最开始，由于某些想法，于是在互联网上搭建了一个网站，这个时候甚至有可能主机都是租借的，但由于这篇文章我们只关注架构的演变历程，因此就假设这个时候已经是托管了一台主机，并且有一定的带宽了，这个时候由于网站具备了一定的特色，吸引了部分人访问，逐渐你发现系统的压力越来越高，响应速度越来越慢，而这个时候比较明显的是数据库和应用互相影响，应用出问题了，数据库也很容易出现问题，而数据库出问题的时候，应用也容易
    

    • 

  • 初探Druid连接池之二——慢SQL日志记录
xingsan_zhang
日志连接池druid慢SQL

    由于工作原因，这里先不说连接数据库部分的配置，后面会补上，直接进入慢SQL日志记录。
 
1.applicationContext.xml中增加如下配置：
<bean abstract="true" id="mysql_database" class="com.alibaba.druid.pool.DruidDataSourc
    

    •