weixin_30646505
weixin_30646505

js + bootstrap 实现基本的增删改查功能 -- 兰

描述：利用原生js + bootstrap 实现基本的增删改查功能:
包含两个文件（index.jsp  和  index.js）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link href="resource/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="resource/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" media="screen">
<title>JS框架学习title>

head>
<body onload="loadUserDatas()">
<div class="container">
<table class="table" id="table">
   <caption><h2>迈睿练习一h2>caption>
   <caption>
           <button type="button" class="btn btn-info" id="user_add" data-toggle="modal" 
   data-target="#myModal" onclick="optionUserData(this);">新增button>
           <button type="button" class="btn btn-info" id="user_delete" onclick="optionUserData(this);">删除button>
           <button type="button" class="btn btn-info" id="user_edit"  data-toggle="modal" 
   data-target="#myModal"  onclick="optionUserData(this);">编辑button>
           <button type="button" class="btn btn-info" id="user_find" onclick="optionUserData(this);">查询button>
           <input type="text" id="s_code" placeholder="按工号查询" style="width: 80px;">
           <input type="text" id="s_userName" placeholder="按姓名查询" style="width: 80px;">
           <input type="text" id="s_all" placeholder="全文搜索" style="width: 80px;">
   caption>
   <thead>
      <tr>
           <th>序号th>
         <th>工号th>
         <th>姓名th>
         <th>性别th>
         <th>密码th>
         <th>年龄th>
         <th>出生日期th>
      tr>
   thead>
   <tbody id="tbody">
   tbody>
table>


<div class="modal hide" id="myModal"  role="dialog" >
   <div class="modal-dialog">
      <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" id="modal-body">
            <label for="name">工号:label>
              <input type="text" class="form-control" id="m_code" placeholder="请输入工号">
              <label for="name">姓名:label>
              <input type="text" class="form-control" id="m_userName" placeholder="请输入姓名">
              <label for="name">性别:label>
              <input type="text" class="form-control" id="m_sex" placeholder="请输入性别">
              <label for="name">密码:label>
              <input type="text" class="form-control" id="m_passWord" placeholder="请输入密码">
             <label for="name">年龄:label>
              <input type="text" class="form-control" id="m_age" placeholder="请输入年龄">
              <label for="name">出生日期:label>
              <input type="text" class="form-control" id="m_birthday" placeholder="请输入出生日期">
         div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" 
               data-dismiss="modal">保存
            button>
            <button type="button" class="btn btn-primary">提交更改button>
         div>
      div>
div>
div>

<script type="text/javascript" src="resource/jquery/jquery.js">script>
<script type="text/javascript" src="resource/bootstrap/js/bootstrap.min.js">script>
<script type="text/javascript" src="index.js">script>
body>
html>
//存放所有用户
var users = users || {};
//操作类型
var operateType = "";
//存放搜索对象
var searchUsers = searchUsers || {};
//用户构造方法
var User = {
        Create:function(code,userName,sex,passWord,age,birthday){
            this.code = code;
            this.userName = userName;
            this.sex = sex;
            this.passWord = passWord;
            this.age = age;
            this.birthday = birthday;
        },
        //添加用户
        addUserData:function(){
            if(this.code != ""){
                users[this.code] = this;
            }
        },
        //删除用户
        deleteUserData:function (){
            for(var i in users){
                if(this.code == users[i].code){
                    delete users[i];
                }
            }
        },
        //编辑用户
        editUserData:function(){
            for(var i in users){
                if(this.code == users[i].code){
                    users[i].userName = this.userName;
                    users[i].sex = this.sex;
                    users[i].passWord = this.passWord;
                    users[i].birthday = this.birthday;
                    users[i].age = this.age;
                }
            }
        },
        //查找用户
        findUserData:function(data){
            
            for(var i in users){
                if(data.code.indexOf(users[i].code) >= 0 || 
                        data.userName.indexOf(users[i].userName) >= 0){
                    searchUsers[users[i].code] = users[i];
                    refreshDatas(searchUsers);
                }
            }
        }
};

function New(aClass,aParams){
    function new_(){
        aClass.Create.apply(this,aParams);
    }
    new_.prototype = aClass;
    return new new_();
}

//bootstrap模态框事件
$('#myModal').on('hide.bs.modal', function () {
    // 执行一些动作...
    var inputElements = this.getElementsByTagName("input");
    var userArr = [];
    for(var i=0;i){
        userArr[i] = inputElements[i].value;
    }
    var user = New(User,userArr);
    //添加操作
    if(operateType == "add"){
        user.addUserData();
        refreshDatas(users);
    //编辑操作
    }else if(operateType == "edit"){
        user.editUserData();
        refreshDatas(users);
    }
});

/**
 * 首次加载页面执行方法
 */
function loadUserDatas(){
    var userArray = initUserDatas();
    addRowData(userArray);
    refreshDatas(users);
    
}
/**
 * 初始化用户数据
 */
function initUserDatas(){
    var initUser1 = New(User,["1001","小兰","女","1234","13","1991-1-1"]);
    var initUser2 = New(User,["1002","小毅","男","1234","13","1991-1-1"]);
    var initUser3 = New(User,["1003","兰花","女","1234","13","1991-1-1"]);
    var initUser4 = New(User,["1004","兰儿","女","1234","13","1991-1-1"]);
    users[initUser1.code] = initUser1;
    users[initUser2.code] = initUser2;
    users[initUser3.code] = initUser3;
    users[initUser4.code] = initUser4;
    return users;
}

/**
 * 往表格添加一行html数据
 */
function addRowData(datas){
    var tbodyElement = document.getElementById("tbody");
    var html = "";
    var color = "warning";
    var flag = true;
    for(var i in datas){
        if(flag){
            color = "info";
        }else{
            color = "warning";
        }
        html = html +  ""
                + datas[i].code +""
                + datas[i].userName +""
                + datas[i].sex +""
                + datas[i].passWord +""
                + datas[i].age +""
                + datas[i].birthday +"" 
                +"";
                
        flag = !flag;//颜色转换
    }
    tbodyElement.innerHTML = html;
}
/**
 * 刷新用户数据
 */
function refreshDatas(datas){
    addRowData(datas);
};

/**
 * 收集一行数据
 */
function collectionRowData(param){
    var tdElement = param.getElementsByTagName("td");
    var userArr = [];
    for(var i=1;i){
        var temp =  tdElement[i].textContent;
        userArr[i-1] = temp;
    }
    var user = New(User,userArr);
    return user;
}
/**
 * 用户操作方法
 */
function optionUserData(param){
    //获得操作类别
    var optionType = param.getAttribute("id");
    if(optionType == "user_add"){
        operateType = "add";
    }else if(optionType == "user_delete"){
        var checkRowData = isCheckedData();
        var user = collectionRowData(checkRowData);
        user.deleteUserData();
        refreshDatas(users);
    }else if(optionType == "user_edit"){
        operateType = "edit";
        var checkRowData = isCheckedData();
        var user = collectionRowData(checkRowData);
        var modal_body = document.getElementById("modal-body");
        var inputElements=  modal_body.getElementsByTagName("input");
        for(var i=0;i){
            var temp = inputElements[i].id.substring(2,inputElements[i].id.length)
            inputElements[i].value = user[temp];
        }
    }else if(optionType == "user_find"){
        var s_code =  document.getElementById("s_code").value;
        var s_userName =  document.getElementById("s_userName").value;
        var s_all=  document.getElementById("s_all").value;
        //搜索数据
        var s_data = s_data || {};
        s_data.code = s_code;
        s_data.userName = s_userName;
        s_data.all = s_all;
        var user = New(User,[]);
        user.findUserData(s_data);
    }else{
        
    }
}

/**
 * 是否选中数据,返回选中数据的行
 */
function isCheckedData(){
    var tbodyElement =document.getElementById("tbody");
    var trElements = tbodyElement.getElementsByTagName("tr");
    var flag = false;
    for(var i=0;i){
        var inputElement = trElements[i].getElementsByTagName("input")[0];
        if(inputElement.checked){
            flag = true;
            return trElements[i];
        }
    }
    if(!flag){
        alert("请选择一条记录！");
        $('#myModal').unbind("on");
    }
}

js + bootstrap 实现基本的增删改查功能 -- 兰_第1张图片

转载于:https://www.cnblogs.com/huangwenyi/p/4484128.html

你可能感兴趣的:(js + bootstrap 实现基本的增删改查功能 -- 兰)

  • html 大概的知识点 clock的时钟 前端html前端
    html01-标签的用法文字内容换行水平线02-html基本骨架   Document  03-标签的关系         嵌套，并列04-注释添加或者删除都是ctrl+/05-标题标签   标题标签一共6个级别06-换行和水平线标签强制换行的标签是什么？水平线标签是有了这个，会出现一条水平线09-格式化标签文本格式化标签加粗加粗倾斜倾斜下划线下划线删除线删除线10-图像化标签//alt表示替换文
  • 系统相关类——java.lang.Runtime 类（二） 励志去大厂的菜鸟 Java思想和方法白话拆解JavaJava学习java开发语言白话拆解Java深度学习
    前言：小编打算近期更俩三期类的专栏，一些常用的专集类，给大家分好类别总结和详细的代码举例解释。今天是第二个java.lang.Runtime类我们一直都是以这样的形式，让新手小白轻松理解复杂晦涩的概念，把Java代码拆解的清清楚楚，每一步都知道他是怎么来的，为什么用这串代码关键字，对比同类型的代码，让大家真正看完以后融会贯通，举一反三，实践应用！！！！①官方定义和大白话拆解对比②举生活中常见贴合例
  • android数据存储实验报告，2024年来看看Android的发展 2401_84408418 程序员android
    应届坎坷求职路一个广州非985/211普通本科生，计算机科学与技术专业。以前老是梦想能考一个厉害一点的学府，学习物理专业（因为初中和高中对物理比较有兴趣），无奈高考考得不尽人意。来到了计算机专业，才知道有C语言这玩意。2013年大一，专业C语言成绩太差，被分配到B班学习。临近学校工作室（有真实项目锻炼）招新，那时候基础太差，又不愿意做一个loser。正巧同乡会有一位学长进了该工作室，我向他了解了该
  • Mysql外键约束与关联表操作 likepandas 数据库mysql
    一、外键约束MySQL的外键约束是一种用于维护数据完整性和参照完整性的机制。它通过在一个表中定义一个或多个字段，引用另一个表的主键，确保数据之间的关系是有效的。外键约束可以防止插入无效的数据，并在数据表之间建立联系。以下是关于MySQL外键约束的详细信息：外键的作用确保数据完整性：外键约束确保引用的记录在主表中存在，防止孤立记录的产生。维护参照完整性：通过外键，数据库可以自动管理表之间的关系，确保
  • Azure面试 山猪打不过家猪 DEazuremicrosoft
    文章目录项目地址一、AzureStorage1.WhatarethebenefitsofAzureStorage？二、汇总项目地址教程作者：教程地址：代码仓库地址：所用到的框架和插件：dbtairflow一、AzureStorage1.WhatarethebenefitsofAzureStorage？Durableandhighlyavailbedisasterrecovery:whenyouso
  • CRUD 操作解析科普（SQL、ORM、FastAPI三种方式） 入职啦 python面试题sqlfastapi数据库ormCRUD操作系统
    大家在日常的编程学习与开发交流中，常常会听到CRUD这个术语，可它究竟是什么呢？或许你知道它和数据操作有关，却又不能详细地说明。今天，就带大家深入学习，探究CRUD操作到底代表什么？简而言之：CRUD代表Create、Read、Update和DeleteCRUD是计算机科学中用于描述数据库或类似存储系统中基本操作的缩写。Create（创建）用于添加新数据Read（读取）用于获取数据Update（更
  • Azure学生订阅上手实操：快速搭建Docker+WordPress环境 shelby_loo azuredockermicrosoft
    引言本文将详细指导您如何在Azure100学生订阅中，创建一台Ubuntu虚拟机，并利用Docker快速部署一个WordPress站点。这对于初学者和想要搭建个人博客或小型网站的用户来说，是一个非常实用的教程。Docker和WordPress简介Docker是一个开源的应用容器引擎，它可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的Linux机器上，甚至是云平
  • OpenCV相机标定与3D重建(63)校正图像的畸变函数undistort()的使用 jndingxin OpenCVopencv3d
    操作系统：ubuntu22.04OpenCV版本：OpenCV4.9IDE:VisualStudioCode编程语言：C++11算法描述转换图像以补偿镜头畸变。该函数通过变换图像来补偿径向和切向镜头畸变。此函数仅仅是initUndistortRectifyMap（使用单位矩阵R）和remap（使用双线性插值）的组合。有关执行的具体变换详情，请参阅前者函数。对于在源图像中没有对应像素的目的图像中的像
  • 软件测试丨Redis 的数据同步策略以及数据一致性保证 霍格沃兹测试开发学社测试人社区 redis数据库缓存软件测试测试开发
    Redis以其键值存储的方式，为开发者提供了数据快速存取的能力。它不仅支持丰富的数据结构，如字符串、哈希、列表、集合等，而且提供了高效的数据同步与一致性保障机制。正因为如此，Redis被广泛应用于缓存、消息队列、实时数据分析等场景。接下来，我们将详细分析Redis的数据同步策略以及如何确保数据一致性。数据同步策略在理解Redis的数据同步策略之前，我们需要先了解Redis的基本架构。Redis是一
  • 用ODOO11后，Odoo12令人期待的新特性 zzlyx99 Odoo12Odoo12
    Odoo12版本有许多令人期待的改进，必将成为一个重要改进版本，以下是odoo12主要改进：1)物联网盒子(IoTBox)-IoTBox(IoT物联网)是一个数据收集网关,可以部署在生产环境中(例如,工艺路线某个节点上)收集数据并更新Odoo工单或者进行其他类似操作。2)报表设计器(OdooStudio内置)-有odoo实施经验的小伙伴都知道,odoo的基于XML的报表设计效率较低,需要很长时间开
  • 鸿蒙版微信正式上架，国产化软件抱团进化多样化生态圈 zzlyx99 harmonyos华为
    微信鸿蒙版已经在2024年10月12日正式上架鸿蒙应用市场，并且开始公测。根据报道，上架后鸿蒙版微信的公测名额在很短的时间内就被抢光，显示出用户对于这款应用的极大热情。腾讯高管张军宣布，自10月12日起，每晚在鸿蒙应用市场的“尝鲜专区”发放鸿蒙版微信的测试名额，以保障更多用户的使用需求。一、华为手机鸿蒙系统如何更新微信鸿蒙版要更新华为手机上的鸿蒙系统至微信鸿蒙版，您可以按照以下步骤操作：确保您的设
  • 论面向服务的架构与其应用 zju3080103798 软考bigdata人工智能运维
    论面向服务的架构与其应用摘要：2020年4月，本人所在的某市金融投资集团启动了集团综合管理系统建设，该项目实现基金、融资租赁、资金管理、转贷、融资担保、保理等金融业务信息化及人力资源、智能办公、法务管理等内部管理功能，在此项目中，我担任了架构师，负责项目总体架构设计工作。本文以该综合管理系统为例，主要论述了面向服务的架构在该系统中的应用。提供数据联邦、数据复制转换、工作流集成等控制服务实现新老系统
  • Flutter项目和鸿蒙平台的通信 GY-93 HarmonyOSFlutterflutterharmonyos
    Flutter项目和鸿蒙平台的通信前言Flutter和Harmonyos通信MethodChannelBasicMessageChannelEventChannel前言大家在使用Flutter开发项目的时候，Flutter提供了PlatfromChannelAPI来和个个平台进行交互。Flutter官方目前提供了一下三种方式来和个个平台交互：BasicMessageChannel：用于传递字符串和
  • React的类组件和函数组件 读心悦 深入浅出reactreact.jsjavascript前端
    文章目录类组件函数组件函数组件核心的API类组件类组件就是基于ES6Class的语法，通过继承React.Component得到的React组件，React类组件是有自己的生命周期的，在不同的生命周期里执行不同的逻辑。比如：importReactfrom"react";classCommextendsReact.Component{constructor(prop
  • 最多获得的短信条数_云短信平台优惠活动_200分_A卷_动态规划 bug小王爷 华为OD机试真题(JavaA卷+B卷)动态规划华为od华为java
    最多获得的短信条数_云短信平台优惠活动题目描述：某云短信厂商，为庆祝国庆，推出充值优惠活动。现在给出客户预算，和优惠售价序列，求最多可获得的短信总条数。输入输出描述：输入描述：  第一行客户预算M，其中0≤M≤10^6  第二行给出售价表，P1,P2,…Pn,其中1≤n≤100,  Pi为充值i元获得的短信条数。  1≤Pi≤1000,1≤n≤100输出描述：  最多获得的短信条数示例1：输入：6
  • 如何防止DDOS攻击与CC攻击？？? 来杯咖啡 Linuxddos安全服务器linux
    防止DDOS（分布式拒绝服务）和CC（网络层阻断）攻击需要综合采取多种措施，包括以下几个方面：1.增加带宽和资源：通过增加网络带宽和服务器资源，可以扩大系统的吞吐能力，从而能够承受更大规模的攻击流量。2.使用防火墙和入侵检测系统（IDS）：配置防火墙来过滤和限制恶意流量的访问，同时使用IDS来检测并阻止潜在的攻击行为。3.负载均衡和流量分流：使用负载均衡器将流量分散到多个服务器上，分担压力并防止单
  • 【React Hooks】=＞ useId() 九层嵌套 for 循环 react.js前端javascript
    相比较使用全局变量++作为唯一ID和直接使用useId是有区别的。官方解释如下：如果是将useId作为id的情况下，是如下的形式也就是说你使用了useId作为唯一ID那么在你删除数组某个元素之后不会导致某个ID被重复使用，如果使用的全局变量是会导致这个问题的。并且这个useId会跟着你组件的渲染进行，在你的HTML生成之后会自动匹配在之上。时小记，终有成。
  • JS面试题总结2 逝者如斯夫。 JSjavascript前端开发语言
    目录封装自己的map方法封装自己的filter方法（超级高频面试题）封装自己的reduce方法用三种方法实现数组去重请统计数组中每个字母出现的次数。基本类型值和引用类型值面试题：基本类型值和引用类型值的区别是什么？面试题：如何判断数组为空？？面试题：深克隆和浅克隆（超高频率面试题）浅克隆深克隆面试题：ES6中有哪些新增内容？字符串的padStart方法用Promise实现两秒后输出AArray.p
  • 【软考高级架构设计师】论面向服务架构(SOA)设计及其应用 是l峰ye 架构系统架构
    2021年6月，在我任职的公司期间，我参与了某军方哨兵站点项目的建设，并担任其软件架构师一职，负责系统的架构设计工作。该系统主要由安全监控、预警上报、异常处理和调度中心等多个服务组成，能实时监控周边环境，并提供监控、警示、报警和通讯等功能。本文将结合作者时间，以哨兵站点系统为例，论述面向服务的架构的应用。首先介绍面向服务（SOA）架构设计和实现，并详细阐述每种技术和标准的具体内容，之后结合项目实践
  • 2025届-2026届计算机专业毕业设计选题指南推荐—解答选题困惑以及三大选题方向 IT跃迁谷毕设展 Python实战项目专栏Java实战项目专栏大数据实战项目专栏计算机毕业设计课程设计毕设毕业设计javapython大数据
    作者：IT跃迁谷毕设展个人简介：曾长期从事计算机专业培训教学，本人也热爱上课教学，语言擅长Java、微信小程序、Python、Golang、安卓Android等。平常会做一些项目定制化开发、代码讲解、答辩教学、文档编写、也懂一些降重方面的技巧。平常喜欢分享一些自己开发中遇到的问题的解决办法，也喜欢交流技术，大家有技术代码这一块的问题可以问我！想说的话：感谢大家的关注与支持！Java实战项目集微信小
  • 【HarmonyOS NEXT 】应用开发：ArkTS工程目录结构（Stage模型） 纳米小川 HarmonyOSharmonyos华为
    【HarmonyOSNEXT】应用开发：ArkTS工程目录结构（Stage模型）一、目录结构二、部分目录及文件介绍SDK：5.0.0DevEcoStudio：5.0.3Node.js：18.20.1一、目录结构├─AppScope├─app.json5//应用的全局配置信息├─entry//应用/服务模块，编译构建生成一个HAP。├─src├─main├─ets//用于存放ArkTS源码├─ent
  • #HarmonyOS篇：build-profile.json5里面配置products&&oh-package.json5里面dependencies依赖引入 程序员xiaolibao HarmonyOS篇harmonyos
    oh-package.json5用于描述包名、版本、入口文件和依赖项等信息。{"license":"","devDependencies":{},"author":"","name":"entry","description":"Pleasedescribethebasicinformation.","main":"","version":"1.0.0","dependencies":{"@hw-
  • #HarmonyOS篇:状态管理 程序员xiaolibao HarmonyOS篇harmonyos
    状态管理概要状态变量：被状态装饰器装饰的变量，状态变量值的改变会引起UI的渲染更新。常规变量：没有被状态装饰器装饰的变量，通常应用于辅助计算。数据源/同步源：状态变量的原始来源，可以同步给不同的状态数据。命名参数机制：父组件通过指定参数传递给子组件的状态变量，为父子传递同步参数的主要手段。从父组件初始化：父组件使用命名参数机制，将指定参数传递给子组件。组件拥有的状态装饰器@State：@State
  • Linux系统总结 小马不敲代码 后端linux服务器
    Linux基础操作系统操作系统OperatingSystem简称OS，是软件的一部分，它是硬件基础上的第一层软件，是硬件和其它软件沟通的桥梁。操作系统会控制其他程序运行，管理系统资源，提供最基本的计算功能，如管理及配置内存、决定系统资源供需的优先次序等，同时还提供一些基本的服务程序。什么是LinuxLinux系统内核与Linux发行套件的区别Linux系统内核指的是由LinusTorvalds负责
  • 浅谈数据结构顺序表的实现（超详细，附代码） 阿超没有蛀牙 数据结构数据结构c++
    文章目录一、线性表介绍二、顺序表基本介绍2.1概念2.2分类2.3分类示例2.4应用范围三、顺序表的实现3.1Common.h3.2seqlist.h3.3test.cpp四、顺序表使用这篇博客我们来谈数据结构顺序表的实现操作。谈数据结构的顺序表，我们要从线性表开始说起。注：本顺序表的实现基于编译器：VS2015语言：C/C++头文件：2个源文件：1个一、线性表介绍线性表（linearlist）是
  • 初学python爬虫，爬取“豆瓣电影 Top 250”相关信息，并下载电影封面 ~柠月如风~ Python爬虫python爬虫正则表达式
    文章目录注：一、爬取“豆瓣电影Top250”相关信息：1、准备工作2、获取数据补充：urllib3、标签解析补充：BeautifulSoup4和re4、保存数据补充：xlwt附：爬取“豆瓣电影Top250”相关信息的完整代码：二、爬取/下载top250电影对应的封面效果展示附：下载电影封面的完整代码：注：所学的视频教程：B站Python爬虫基础5天速成（2021全新合集）Python入门+数据可视
  • 数据结构与算法（六）——循环队列的顺序存储结构（超详解，附动图+代码） fs站在远方看童年 数据结构与算法队列指针算法数据结构
    上一篇最后我们分析了队列的利弊，故我们这里对队列进行优化。就有了这一篇，循环队列。队列的问题主要便是入队的时间复杂度O(1).出队的时间复杂度0(n)。还有就是当进行插入和删除操作后，线性表的开始空间可能会被空出来，会浪费且占用空间。所以我们这里让队列首位相连变成了一个环，但是如何相连，相连之后入队和出队又是如何操作呢，相连以后会不会出现问题呢，出现问题又该如何解决呢，大家跟我一起往下看吧。优化（
  • 【Elasticsearch】RestClient操作文档 乙卯年QAQ elasticsearchjenkins大数据java
    RestClient操作文档新增文档实体类API语法查询文档删除文档修改文档批量导入文档小结新增文档将数据库中的信息导入elasticsearch中以商品数据为例实体类定义一个索引库结构对应的实体。@Data@ApiModel(description="索引库实体")publicclassItemDoc{@ApiModelProperty("商品id")privateStringid;@ApiMo
  • python-with...as--管理上下文环境的语法结构 赵钱孙李的赵 python
    在Python中，with…as语句是一种用于管理上下文环境的语法结构，常用于处理资源的获取和释放，如文件操作、网络连接、锁定互斥等。它通过上下文管理协议（contextmanagementprotocol）来确保资源的正确使用和释放，即使在处理过程中出现了异常。在Python中，任何实现了上下文管理协议的对象都可以用作with…as语句中的上下文管理器。上下文管理协议要求对象实现两个特殊方法：e
  • python--对象存储服务器 赵钱孙李的赵 python学习记录者python服务器开发语言
    目录对象存储服务器定义概念普及对象（Object）桶（Bucket）终端节点（Endpoint）访问域名知名的对象存储服务器提供商微软云Azure：MicrosoftAzureBlobStorage华为云OBS:阿里云OSS:腾讯云COSMinIO:AmazonS3(SimpleStorageService)GoogleCloudStorageIBMCloudObjectStorage具体代码使用
  • java工厂模式 3213213333332132 java抽象工厂
    工厂模式有 1、工厂方法 2、抽象工厂方法。 下面我的实现是抽象工厂方法, 给所有具体的产品类定一个通用的接口。 package 工厂模式; /** * 航天飞行接口 * * @Description * @author FuJianyong * 2015-7-14下午02:42:05 */ public interface SpaceF
  • nginx频率限制+python测试 ronin47 nginx 频率 python
           部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：
  • java线程和线程池的使用 dyy_gusi ThreadPoolthreadRunnabletimer
    java线程和线程池 一、创建多线程的方式     java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 1、通过实现Runnable接口方式 1 2
  • Linux 171815164 linux
    ubuntu kernel http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 安卓sdk代理 mirrors.neusoft.edu.cn        80 输入法和jdk sudo apt-get install fcitx su
  • Tomcat JDBC Connection Pool g21121 Connection
           Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。        Tomcat Jdbc P
  • 敲代码的一点想法 永夜-极光 java随笔感想
                  入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然
  • jvm指令集 程序员是怎么炼成的 jvm 指令集
    转自：http://blog.csdn.net/hudashi/article/details/7062675#comments       将值推送至栈顶时 const ldc  push   load指令 const系列 该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 0x02 &nbs
  • Oracle字符集的查看查询和Oracle字符集的设置修改 aijuans oracle
    本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 一、什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货
  • png在Ie6下透明度处理方法 antonyup_2006 css浏览器FirebugIE
    由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 我们知道PNG是图像文件存储格式，查询资
  • 表查询常用命令高级查询方法(二) 百合不是茶 oracle分页查询分组查询联合查询
    ----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资
  • uploadify3.1版本参数使用详解 bijian1013 JavaScriptuploadify3.1
    使用：     绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 设置的属性： id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://ww
  • 精通Oracle10编程SQL(17)使用ORACLE系统包 bijian1013 oracle数据库plsql
    /* *使用ORACLE系统包 */ --1.DBMS_OUTPUT --ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用 --语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000); --DISABLE:用于禁止对过程PUT,PUT_LINE,NEW
  • 【JVM一】JVM垃圾回收日志 bit1129 垃圾回收
    将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+PrintGCDateStamps -Xloggc -XX:+PrintGC 通
  • Toast使用 白糖_ toast
    Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。     创建Toast 两个方法创建Toast makeText(Context context, int resId, int duration)     参数：context是toast显示在
  • angular.identity boyitech AngularJSAngularJS API
    angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value * to be returned. 返回值: 传入的value 实例代码: <!DOCTYPE HTML>
  • java-两整数相除，求循环节 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class CircleDigitsInDivision { /** * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j)
  • Java 日期 周 年 Chen.H javaC++cC#
    /** * java日期操作(月末、周末等的日期操作) * * @author * */ public class DateUtil { /** */ /** * 取得某天相加(减)後的那一天 * * @param date * @param num *
  • [高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业 comsci 计算机
          不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....      以后
  • 分层查询（Hierarchical Queries） daizj oracle递归查询层次查询
    Hierarchical Queries If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: hierarchical_query_clause::= start with condi
  • 数据迁移 daysinsun 数据迁移
    最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 2、在数据插入的时候有些字段特别长
  • C语言学习二进制的表示示例 dcj3sjt126com cbasic
    进制的表示示例 # include <stdio.h> int main(void) { int i = 0x32C; printf("i = %d\n", i); /* printf的用法 %d表示以十进制输出 %x或%X表示以十六进制的输出 %o表示以八进制输出 */ return 0; }
  • NsTimer 和 UITableViewCell 之间的控制 dcj3sjt126com ios
    情况是这样的: 一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.   解决办法: 在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画   查找cell结束显示的代理
  • MySql中case when then 的使用 fanxiaolong casewhenthenend
    select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人" union (select pp.id as "主键", pp.project_number as &
  • Ehcache（01）——简介、基本操作 234390216 cacheehcache简介CacheManagercrud
    Ehcache简介 目录 1       CacheManager 1.1      构造方法构建 1.2      静态方法构建 2       Cache 2.1&
  • 最容易懂的javascript闭包学习入门 jackyrong JavaScript
    http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊
  • 提升网站转化率的四步优化方案 php教程分享 数据结构PHP数据挖掘Google活动
    网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分
  • web开发里什么是HTML5的WebSocket？ naruto1990 Webhtml5浏览器socket
    当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服
  • Socket初步编程——简单实现群聊 Everyday都不同 socket网络编程初步认识
    初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧：   服务端：（接收客户端消息并把它们打印出来）   public class SocketServer { private List<Socket> socketList = new ArrayList<Socket>(); public s
  • 面试：Hashtable与HashMap的区别（结合线程） toknowme
    昨天去了某钱公司面试，面试过程中被问道 Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。   今天就动手写了一个例子，直接看代码吧 package com.learn.lesson001; import java
  • MVC设计模式的总结 xp9802 设计模式mvc框架IOC
    随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 其中‘层’是逻辑上的划分。 三层体系结构是将整个系统划分为如图2.1所示的结构[3] （1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 该层用于向客户端用户提供GUI交互，它允许用户
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他