Jason-xs

一个 Vue 的简单实例


<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.w3.org/1999/xhtml"
>
<head>
    <meta charset="UTF-8">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="../static/css/bootstrap.css">
    
    <link rel="stylesheet" href="../static/css/font-awesome.css">
    
    <link rel="stylesheet" href="../static/css/ionicons.css">
    
    <link rel="stylesheet" href="../static/css/AdminLTE.css">
    
    <link rel="stylesheet" href="../static/css/skins/skin-blue.min.css">
    <link rel="stylesheet" href="../static/css/bootstrap-table.css">
    <link rel="stylesheet" href="../static/css/jquery.treegrid.css">
    <link rel="stylesheet" href="../static/css/myCommon.css">
    <link rel="stylesheet" href="../static/css/bootstrap-tab.css">
    
    <script src="../static/js/jquery-3.3.1.min.js">script>

    <script src="../js/vue.min.js">script>
    <script src="../js/axios.min.js">script>
    <script src="../js/moment.js">script>

    
    <script src="../static/js/bootstrap.js">script>
    
    <script src="../static/js/adminlte.js">script>

    <script src="../static/js/bootstrap-table.js">script>
    <script src="../static/js/bootstrap-table-zh-CN.js">script>
    <script src="../static/js/bootstrap-table-treegrid.js">script>
    <script src="../static/js/jquery.treegrid.min.js">script>
    <script src="../static/js/bootstrap-tab.js">script>
    
    <script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js">script>

    <title>用户管理title>
    <style>
        .bgColor{
            background-color:rgba(243,66,111,0.15)
        }
        .divBorder{
            border: solid 1px rgba(12,24,255,0.15);
            padding-top: 15px;
            padding-bottom: 15px;
            margin-top: 5px;
            border-radius: 5px;
        }
        .divBorder2{
            border: solid 1px rgba(12,24,255,0.15);
            padding-top: 5px;
            padding-bottom: 5px;
            margin-top: 3px;
            border-radius: 5px;
        }
        .h4font{
            margin-top: 0px;
            font-family: 微软雅黑;
            font-weight: 600;
        }
        .left20{
            margin-left: 15px;
        }
    style>
head>
<body class="content container-fluid" style="width:100%;height:100%; ">
<div id="app" class="container-fluid" style="width:100%;height:100%; ">

    
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×
                    button>
                    <h4 class="modal-title" id="myModalLabel">
                      	 数据的修改
                    h4>
                div>
                <div class="modal-body">
                    <div class="form-group">
                        <label class="col-sm-2 control-label"><span style="color: red;font-weight: bold">＊span>账号label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" name="username" placeholder="账号"
                             v-model="entityMod.account">
                        div>
                        <label class="control-label">（输入类型是
                            字母、数字、下划线或它们的组合，最长16位）label>
                    div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label"><span style="color: red;font-weight: bold">＊span>姓名label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" name="userName" placeholder="姓名"
                            v-model="entityMod.name">
                        div>
                        <label class="control-label">（输入类型是汉字、字母、数字、下划线或它们的组合，最长16位）label>
                    div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label"><span style="color: red;font-weight: bold">＊span>电话label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" name="email" placeholder="电话"
                            v-model="entityMod.telNo">
                        div>
                        <label class="control-label">（输入类型是汉字、字母、数字、下划线或它们的组合，最长16位）label>
                    div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label"><span style="color: red;font-weight: bold">＊span>邮箱label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" name="email" placeholder="邮箱"
                            v-model="entityMod.email">
                        div>
                        <label class="control-label">（输入类型是汉字、字母、数字、下划线或它们的组合，最长16位）label>
                    div>
                 
					<div class="form-group">
                        <label class="col-sm-2 control-label"><span style="color: red;font-weight: bold">＊span>爱好label>
                        <div class="col-sm-4">
                        	<template v-for="habby in habbyList">
								   {{habby.name}}<input type="checkbox"  v-model="habby.checked" /> 
							template>
                        div>
                        <label class="control-label">label>
                    div>
                    
                    <div class="form-group">
                        <label class="col-sm-2 control-label"><span style="color: red;font-weight: bold">＊span>地区label>
                        <div class="col-sm-4">
						      <div class="select">
								　　<select class="choice" v-on:change="indexSelect(1)" v-model="entityMod.shengId">
								　　　　<option v-for="item in shengList" v-bind:value="item.id" >{{item.name}}option>
								　　select>
								div>
								
								<div class="select">
								　　<select class="choice" v-on:change="indexSelect(2)" v-model="entityMod.shiId">
								　　　　<option v-for="item in shiList" v-bind:value="item.id" >{{item.name}}option>
								　　select>
								div>
								
								<div class="select">
								　　<select class="choice"  v-model="entityMod.xianId">
								　	 
								　　　　<option v-for="item in xianList" v-bind:value="item.id" >{{item.name}}option>
								　　select>
								div>
                        div>
                        <label class="control-label">label>
                    div>
                div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    button>
                    <button type="button" class="btn btn-primary" v-on:click="save()">
                       	 提交更改
                    button>
                div>
            div>
        div>
    div>


    <div class="divBorder" style="width:100%;height:100%; ">
        <form class="form-inline">
            <div class="form-group">
                <label class="left20">用户名label>
                <input type="text" class="form-control" name="userName" placeholder="用户名"  >
                <label class="left20">姓名label>
                <input type="text" class="form-control" name="name" placeholder="姓名"  >
                <input type="button" style="margin-left: 20px" class="btn btn-default btn-primary" value="查 询" >
            div>
        form>
    div>

    <div class="divBorder2">
        <div class="form-inline">
            <div class="input-group">
                <a href="#" class="btn   left20" role="button" v-on:click="toadd()">
                    <span class=" glyphicon glyphicon-plus" aria-hidden="true" style="margin-right: 5px">span>添 加a>
                <a href="#" class="btn   left20" role="button" >
                    <span class=" glyphicon glyphicon-edit" aria-hidden="true" style="margin-right: 5px">span>修 改a>
                <a href="#" class="btn   left20" role="button" v-on:click="delBatch()">
                    <span class="glyphicon glyphicon-minus" aria-hidden="true" style="margin-right: 5px">span>删 除a>
                <a href="#" class="btn   left20" role="button">
                    <span class=" glyphicon glyphicon-new-window" aria-hidden="true" style="margin-right: 5px">span>详 情a>
            div>
        div>

        <div>
            <table class="table table-hover table-striped table-bordered text-center">
                <thead>
                <tr class="info">
                    <th>全选<input type="checkbox" v-on:click="checkAll" 
                    				:checked="dataList.length==dataList.filter(item=>item.checked).length && dataList.length > 0">
                    	th>
                    <th>序号th>
                    <th>账号th>
                    <th>姓名th>
                    <th>电话th>
                    <th>邮箱th>
                    <th>创建时间th>
                    <th>爱好th>
                    <th>状态th>
                    <th>地区th>
                    <th>操作th>
                tr>
                thead>
                <tbody>
             
                <tr v-for="aData in dataList "  >
                    <td class="text-center" >
                        <input type="checkbox" v-model="aData.checked">
                    td>
                    <td th:text="{{aData.id}}">{{aData.id}}td>
                    <td><a href="#" v-on:click="tomodify(aData)">{{aData.account}}a>td>
                    <td th:text="{{aData.name}}">{{aData.name}}td>
                    <td th:text="{{aData.telNo}}">{{aData.telNo}}td>
                    <td th:text="{{aData.email}}">{{aData.email}}td>
                    <td th:text="{{aData.createDate}}">{{moment(aData.createDate).format('YYYY-MM-DD')}}td>
                    <td th:text="{{aData.habbyNames}}">{{aData.habbyNames}}td>
                    <td th:text="{{aData.status}}">{{aData.status}}td>
                    <td th:text="{{aData.shengName}}{{aData.shiName}}{{aData.xianName}}">{{aData.shengName}}{{aData.shiName}}{{aData.xianName}}td>
                    <td><a href="#" v-on:click="del(aData.id)">删除a>td>
                tr>
                <tr>
                	<td colspan="10">
                		{{currentPage}}/{{totalPages}} 
                		<button type='button' class='btn btn-default' v-on:click='getlist(1)'>首页button>
	                    <button type='button' class='btn btn-default' v-on:click='getlist(currentPage-1)'>上一页button>
	                    <button type='button' class='btn btn-default' v-on:click='getlist(currentPage+1)'>下一页button>
	                    <button type='button' class='btn btn-default' v-on:click='getlist(totalPages)'>尾页button>
                	td>
                tr>
                tbody>
            table>
        div>
    div>

div>


<script>
    var dataModel={
    	dataList:[],//列表数据
    	where:{account:"",name:""},//查询条件
    	entityMod:{},//用于修改和新增的数据模型
    	pageInfo:{},//用于分页数据模型
    	currentPage:1,//  分页数据模型  可以都用 pageinfo内容效果更好
    	totalPages:1,//  分页数据模型  可以都用 pageinfo内容效果更好
    	habbyList:[],
    	shengList:[],
		shiList:[],
		xianList:[]
  	}
    var vue = new Vue(
        	{
        		el:"#app",  //绑定页面的app
        		data:dataModel,
        		mounted:function(){  // 启动的时候加载
        			console.log("vue 加载了")
        			this.getlist(1);
        			//favlist
        			axios.get("../person/habbyList").then(function(response){
        				vue.habbyList = response.data.object;
        				console.log(" 爱好是 " + vue.habbyList)
        			})
        			//省份
        			axios.get("../person/areaList?parentId=0").then(function(response){
    					vue.shengList = response.data.object;
    					console.log(" 省是 " + vue.shengList)
        			})
        			
        		},
        		methods:{
        			// 获取列表数据 page 页码
        			getlist:function(page){
        				// 发送get 请求   then 回调函数
        				axios.get("../person/list?currentPage="+page+"&pageSize=5").then(function(response){
       						// 从服务得到数据 赋值给模型层
        					dataModel.dataList = response.data.object.dataList;
        					dataModel.currentPage = response.data.object.currentPage;
        					dataModel.totalPages = response.data.object.pages;
        					
        				})
        			},
        			toadd:function(){
        				// 弹出 模态框
        				$("#myModal").modal("show");
        				// 初始化将要添加的数据
        				this.entityMod={id:0};
        			},
        			tomodify:function(thedata){
        				$("#myModal").modal("show");
        				// 修改的数据
        				this.entityMod=thedata;
        				console.log(this.entityMod);
        				if(this.entityMod.habbyIds != null){
	        				console.log(this.entityMod.habbyIds.split(","))
		        			this.habbyList.forEach(item=>{item.checked=thedata.habbyIds.split(",").indexOf(item.id+"")>=0; })
            			}else{
            				this.habbyList.forEach(item=>{item.checked=false; })
                		}
        				this.showSelect (1);
        				this.showSelect (2);
        				this.showSelect (2);
        			},
        			del:function(id){
        				
        				axios.get("../person/removePerson?id=" + id).
        				then(function(respone){
        					vue.getlist(1);
        				})
        				;
        				
        			},
        			delBatch:function(){
        				 var selecedIds = this.dataList.filter(item=>item.checked).map(myitem=>myitem.id);
        				  alert(selecedIds);
        				 if(selecedIds.length<0){
        					  alert("请选择")
        					  return false;
        				  }
        				  
        				  var param={ids:selecedIds}
        				  
        				  $.ajax({
                             cache: false,
                             type: "POST",
                             url: "../person/removePersonBatch",
                             dataType: "json",
                             data: param,
                             async: false,
                             success: function (data) {
                            	vue.getlist(1);
                             }
                         })
        			},
        			checkAll(e){
        				//全选
        				this.dataList.forEach(function(item){item.checked=e.target.checked}) 
        				console.log(this.dataList.filter(item=>{return item.checked}).map(item=>item.id))
        				
        			},
        			// 反选
        			/* reverseSel:function(){
        				this.dataList.forEach(function(item){item.checked=!item.checked});	
        			}, */
        			//修改地区
        			indexSelect (flag) {
  			    	  if(flag==1){// 修改省
  			    		 if(vue.entityMod.shengId<1){
  			    			return;
  			    		 }
  			    		if(vue.entityMod.shengId == null){
  			    			return;
  	  			    	}
  			    		axios.get("../person/areaList?parentId="+vue.entityMod.shengId).then(function(response){
  		    				vue.shiList = response.data.object;
  		    				vue.xianList=[];
  		    				vue.entityMod.shiId=0;
  		    				vue.entityMod.xianId=0;
  		    				console.log(" 市是 " + vue.shiList);
  		    			})
  			    	  }else if(flag==2){
  			    		  //修改市
   			    		if(vue.entityMod.shiId<1){
  			    			return;
  			    		}
   			    		if(vue.entityMod.shiId == null){
  			    			return;
  	  			    	}
  			    		axios.get("../person/areaList?parentId="+vue.entityMod.shiId).then(function(response){
  		    				vue.xianList = response.data.object;
  		    				vue.entityMod.xianId=0;
  		    				console.log(" 县是 " + vue.xianList)
  		    			})
   			    	  }
  			    },//修改回显地区
    			showSelect (flag) {
			    	  if(flag==1){// 修改省
			    		 if(vue.entityMod.shengId<1){
			    			return;
			    		 }
			    		if(vue.entityMod.shengId == null){
			    			return;
	  			    	}
			    		axios.get("../person/areaList?parentId="+vue.entityMod.shengId).then(function(response){
		    				vue.shiList = response.data.object;
		    			})
			    	  }else if(flag==2){
			    		  //修改市
 			    		if(vue.entityMod.shiId<1){
			    			return;
			    		}
 			    		if(vue.entityMod.shiId == null){
			    			return;
	  			    	}
			    		axios.get("../person/areaList?parentId="+vue.entityMod.shiId).then(function(response){
		    				vue.xianList = response.data.object;
		    				console.log(" 县是 " + vue.xianList)
		    			})
 			    	  }
			    },
        			save:function(){
        				var selHabbys =  this.habbyList.filter(item=>item.checked).map(item=>item.id);
        				console.log(" 选中的 " + selHabbys);
        				this.entityMod.habbyId=selHabbys;
        				var url="../person/addPerson";
        				if(this.entityMod.id>0){
        					url="../person/changePerson";
        				}
        				axios.post(url,
        					this.entityMod).then(function(response){
	        					if(response.data.errorCode==0){
	        						alert(" 操作成功");
	        						$("#myModal").modal("hide");
	        						vue.getlist(1);
	        					}else{
	        						alert("插入失败");
	        					}
        				})
        			}
        		}
        	}		
        );
script>
body>
html>

随笔 | 仙一般的灵气海思沧海
仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，
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 开发语言 sdl2 linux
需求：操作系统为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前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
node.js学习小猿L node.js node.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 Java java
Java是一门跨平台的编程语言，它的成功离不开背后强大的运行环境与开发工具的支持。在Java的生态中，JVM（Java虚拟机）、JRE（Java运行时环境）和JDK（Java开发工具包）是三个至关重要的核心组件。本文将探讨JVM、JDK和JRE的区别，帮助你更好地理解Java的运行机制。1.JVM：Java虚拟机（JavaVirtualMachine）什么是JVM？JVM，即Java虚拟机，是Ja
Java面试题精选：消息队列(二) 芒果不是芒 Java面试题精选 java kafka
一、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 python python 三目运算符
在java中，有三目运算符，如：intc=(a>b)?a:b表示c取两者中的较大值。但是在python，不能直接这样使用，估计是因为冒号在python有分行的关键作用。那么在python中，如何实现类似功能呢？可以使用ifelse语句，也是一行可以完成，格式为：aifbelsec表示如果b为True，则表达式等于a，否则等于c。如：c=(aif(a>b)elseb)同样是完成了取最大值的功能。
ArrayList 源码解析程序猿进阶 Java基础 ArrayList List java 面试性能优化架构设计 idea
ArrayList是Java集合框架中的一个动态数组实现，提供了可变大小的数组功能。它继承自AbstractList并实现了List接口，是顺序容器，即元素存放的数据与放进去的顺序相同，允许放入null元素，底层通过数组实现。除该类未实现同步外，其余跟Vector大致相同。每个ArrayList都有一个容量capacity，表示底层数组的实际大小，容器内存储元素的个数不能多于当前容量。当向容器中添
Java爬虫框架（一）--架构设计狼图腾-狼之传说 java 框架 java 任务 html解析器存储电子商务
一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
Java：爬虫框架 dingcho Java java 爬虫
一、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）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
樵夫随笔 NO.1146吓了公交司机一大跳痴信不改一书生
傍晚，我把公交司机吓了一大跳！下班回家路上，先在公交车上读了会儿书，又写了篇文章，还有大约10分钟才到站，于是，靠在座椅上小眯一会儿。这一眯不要紧，直接眯到了终点站！而且，除我以外的所有人都下车后，司机直接关掉车厢内的灯，紧接着下车，关门儿，准备去厕所。这时，我被惊醒，拍打着玻璃，大喊“师傅……师傅……”司机师傅打开车门后的第一句话就是：“你可把我吓得够呛！”说说当时的情景：终点站设在一破旧的小院
JAVA·一个简单的登录窗口 MortalTom java 开发语言学习
文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计
WebMagic：强大的Java爬虫框架解析与实战 Aaron_945 Java java 爬虫开发语言
文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的
随笔（探悟）杰语唱响
亲兄弟姐妹之间不来往，其实不就是吃亏的人不想吃亏了，或者是占便宜的人占不到便宜了，从此就断绝了来往，互不搭理了。那些极度自私的人，是最不讲道理的，无论他们遇到什么事，都要让他占到便宜。顺着他的心情才行。否则那就是别人的不对。有这种想法的人，一看就是个穷命，那些个处处想着占便宜的人，老是想多要点，原因就是我没有吗，什么都没有，德行也没有，财富也没有，你说他的命怎么可能会好。家庭不和，兄弟姐妹断绝来往
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：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）有一只柴犬爬虫系列爬虫 java python
目录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
jQuery 键盘事件keydown ,keypress ,keyup介绍 107x js jquery keydown keypress keyup
本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍，有需要了解的朋友可参考。一、首先需要知道的是： 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() 代码如下复制代码 $('input').keyup(funciton(){
AngularJS中的Promise bijian1013 JavaScript AngularJS Promise
一.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 JavaScript ext
第一种 <!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 java spring AOP
本例使用的是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 java netty
Netty是采用了Reactor模式的多线程版本，建议先看下面这篇文章了解一下Reactor模式： http://bylijinnan.iteye.com/blog/1992325 Netty的启动及事件处理的流程，基本上是按照上面这篇文章来走的文章里面提到的操作，每一步都能在Netty里面找到对应的代码其中Reactor里面的Acceptor就对应Netty的ServerBo
servelt filter listener 的生命周期 cngolon filter listener servelt 生命周期
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 linux linux 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 .net C#asp.net hovertree webform
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发布消息

一个 Vue 的简单实例

你可能感兴趣的:(随笔,Java)