南北极之间
南北极之间

Vue.js + Element UI 实战：手把手教你实现评论关键词过滤功能，新手必学！》 《前端开发必备技能：Vue 2 + Element UI 实现评论敏感词过滤，完整代码分享》 《新手友

效果图

Vue.js + Element UI 实战：手把手教你实现评论关键词过滤功能，新手必学！》 《前端开发必备技能：Vue 2 + Element UI 实现评论敏感词过滤，完整代码分享》 《新手友_第1张图片

【定制化开发服务，让您的项目领先一步】

如有需求，直接私信留下您的联系方式。谢谢。
我的邮箱：[email protected]

以下是基于 Vue 2 和 Element UI 的评论关键词过滤功能实现，使用 CDN 引入 Vue 和 Element UI，方便在浏览器中直接预览。

在线预览：Vue 2 + Element UI 实现评论关键词过滤功能

目录
  1. 需求场景
  2. 技术选型
  3. 实现步骤
    • 引入 Vue 2 和 Element UI
    • 创建评论界面
    • 实现关键词过滤
    • 发布评论
  4. 完整代码示例
  5. 常见问题与解决方案
  6. 总结

需求场景

在网站或应用中，用户评论功能是常见的交互模块。为了防止用户发布不当内容，我们需要对评论内容进行关键词过滤，确保只有符合要求的评论才能发布成功。

技术选型

  • Vue 2：用于构建评论界面。
  • Element UI：提供美观的 UI 组件。
  • JavaScript：实现关键词过滤逻辑。

实现步骤

1. 引入 Vue 2 和 Element UI

通过 CDN 引入 Vue 2 和 Element UI 的库文件。


<script src="https://cdn.jsdelivr.net/npm/vue@2">script>

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js">script>
2. 创建评论界面

使用 Element UI 的组件构建评论界面，包括输入框、提交按钮和评论列表。

3. 实现关键词过滤

定义一个敏感词列表，并在用户提交评论时检查内容是否包含敏感词。如果包含敏感词，则阻止发布并提示用户。

4. 发布评论

如果评论内容通过关键词过滤，则将其添加到评论列表中。

完整代码示例

DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>评论关键词过滤功能title>
  
  <script src="https://cdn.jsdelivr.net/npm/vue@2">script>
  
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <script src="https://unpkg.com/element-ui/lib/index.js">script>
  <style>
    .comment-section {
      max-width: 600px;
      margin: 0 auto;
      padding: 20px;
      font-family: Arial, sans-serif;
    }
    .error-message {
      color: red;
      margin: 10px 0;
    }
  style>
head>
<body>
  <div id="app">
    <div class="comment-section">
      <h2>发表评论h2>
      <el-input
        type="textarea"
        v-model="newComment"
        placeholder="请输入您的评论..."
        :rows="4"
      >el-input>
      <el-button type="primary" @click="submitComment" style="margin-top: 10px;">提交评论el-button>

      <div v-if="errorMessage" class="error-message">
        {{ errorMessage }}
      div>

      <h3>评论列表h3>
      <ul>
        <li v-for="(comment, index) in comments" :key="index">
          {{ comment }}
        li>
      ul>
    div>
  div>

  <script>
    new Vue({
      el: "#app",
      data() {
        return {
          newComment: "", // 用户输入的评论内容
          comments: [], // 已发布的评论列表
          errorMessage: "", // 错误提示信息
          sensitiveWords: ["敏感词1", "敏感词2", "不良词"], // 敏感词列表
        };
      },
      methods: {
        // 检查评论内容是否包含敏感词
        containsSensitiveWords(content) {
          return this.sensitiveWords.some((word) => content.includes(word));
        },
        // 提交评论
        submitComment() {
          // 清空错误提示
          this.errorMessage = "";

          // 检查评论内容是否为空
          if (!this.newComment.trim()) {
            this.errorMessage = "评论内容不能为空！";
            return;
          }

          // 检查评论内容是否包含敏感词
          if (this.containsSensitiveWords(this.newComment)) {
            this.errorMessage = "评论内容包含敏感词，请修改后重新提交！";
            return;
          }

          // 通过检查，发布评论
          this.comments.push(this.newComment);
          this.newComment = ""; // 清空输入框
        },
      },
    });
  script>
body>
html>

功能详解

1. 评论界面
  • 使用 Element UI 的 el-input 组件作为评论输入框，通过 v-model 绑定到 newComment。
  • 使用 el-button 组件触发 submitComment 方法，提交评论。
  • 使用 ul 和 li 展示已发布的评论。
2. 关键词过滤
  • 在 data 中定义 sensitiveWords 数组，存储敏感词列表。
  • 在 containsSensitiveWords 方法中，使用 Array.prototype.some 检查评论内容是否包含敏感词。
3. 发布评论
  • 在 submitComment 方法中，依次检查评论内容是否为空、是否包含敏感词。
  • 如果通过检查，则将评论内容添加到 comments 数组中，并清空输入框。

常见问题与解决方案

  1. 敏感词列表如何动态更新？

    • 可以将敏感词列表存储在服务器，通过 API 动态获取。
    • 示例：
      async fetchSensitiveWords() {
  const response = await fetch("/api/sensitive-words");
  this.sensitiveWords = await response.json();
}

  2. 如何实现更复杂的过滤规则？

    • 可以使用正则表达式匹配敏感词。
    • 示例：
      const regex = new RegExp(this.sensitiveWords.join("|"), "gi");
return regex.test(content);

  3. 如何优化性能？

    • 对于大量敏感词，可以使用 Trie 树 数据结构进行高效匹配。

总结

通过本教程，你已经学会了如何使用 Vue 2 和 Element UI 实现一个带有关键词过滤功能的评论界面。这个功能可以有效防止用户发布不当内容，提升网站的安全性。希望这篇教程对你的开发工作有所帮助！

如果有其他问题，欢迎在评论区留言讨论！

你可能感兴趣的:(vue.js,ui,前端,敏感词,关键词,敏感词过滤)

  • 打造一个可维护、可复用的前端权限控制方案（含完整Demo） web
    摘要在现代Web应用中，权限控制已经不再是“后端的事”。随着前后端分离、单页应用（SPA）流行，前端权限控制逐渐成为用户体验和系统安全的双重关键。如果只靠后端控制，前端体验太差；如果只靠前端控制，那就等于裸奔。怎么权衡？怎么落地？这就是本文要探讨的重点。引言你是否遇到过：不同用户登录后看到的菜单不同、某些按钮灰了点不了、访问一些页面会自动跳转403页面？这都来自于“前端权限控制”的精细化设计。现在
  • cocos2d pod_Cocos2D-X权威指南(第2版)[按需印刷] weixin_39685697 cocos2dpod
    第一部分基础篇本部分内容第1章认识Cocos2D-X第2章搭建跨平台的开发环境第3章Cocos2D-X中的核心类第4章Cocos2D-X中的图片渲染类第5章Cocos2D-X中的动作、特效与动画第6章Cocos2D-X中的菜单项和文本渲染系统第7章Cocos2D-X中的事件处理机制和UI控件第8章Cocos2D-X中的瓦片地图集第9章Cocos2D-X中的声音、存储和网络第10章Cocos2D-X
  • AI+大数据：社交网络分析在金融风控中的完整流程 AI智能应用 AI大模型应用入门实战与进阶人工智能大数据ai
    AI+大数据：社交网络分析在金融风控中的完整流程关键词：AI、大数据、社交网络分析、金融风控、完整流程摘要：本文详细讲述了在金融风控领域运用AI和大数据进行社交网络分析的完整流程。通过通俗易懂的语言，从背景知识入手，解释核心概念，阐述算法原理，分享项目实战经验，探讨实际应用场景，推荐相关工具资源，展望未来发展趋势与挑战，旨在让读者全面了解这一复杂技术在金融风控中的应用。背景介绍目的和范围我们的目的
  • Flutter基础（ListView.builder）
    ListView.builder最基本的形式需要两个参数：itemCount：列表项的总数。itemBuilder：一个回调函数，用于构建每个列表项。ListView.builder(itemCount:10,//列表项总数（这里是10个）itemBuilder:(context,index){//返回一个Widget作为列表项returnListTile(title:Text('项目$index
  • 基于SpringBoot和Leaflet的区域冲突可视化系统（2025企业级实战方案） 知识产权13937636601 计算机springboot后端java
    摘要在全球地缘冲突与应急事件频发的2025年，区域态势可视化系统成为政府及企业的决策刚需。本文提出基于SpringBoot3.2后端与Leaflet1.9.5前端的冲突可视化解决方案，融合多源异构数据（卫星影像、舆情热力、设施状态）构建动态冲突图谱。关键技术突破包括：矢量切片实时聚合（支持100万+目标呈现）、多维度冲突因子权重模型、态势推演沙盘，并在某跨国能源集团实测中实现风险识别效率提升8倍，
  • 解密GPT工作原理：Transformer架构详解与自注意力机制剖析 AI智能应用 gpttransformer架构ai
    解密GPT工作原理：Transformer架构详解与自注意力机制剖析关键词：GPT、Transformer、自注意力机制、神经网络、语言模型、深度学习、人工智能摘要：本文将深入浅出地解析GPT模型的核心架构——Transformer，重点剖析其革命性的自注意力机制。我们将从基本概念出发，通过生活化的比喻解释复杂的技术原理，并用Python代码示例展示实现细节，最后探讨这一技术的应用场景和未来发展方
  • 基于Vue.js的图书管理系统前端界面设计的javascript逻辑部分
    前文，我们实现了一个使用Vue3构建的图书管理系统的html部分，接下来我们看一下JavaScript逻辑部分。html部分以及整个系统的完整代码可以查看我的文章：基于Vue.js的图书管理系统前端界面设计-CSDN博客一、Vue3简介Vue3是渐进式JavaScript框架Vue.js的第三个主要版本，它延续了Vue易于上手、灵活性高和高效的特点，并在性能、可维护性和开发体验上进行了显著提升。（
  • GtkSharp跨平台WinForm实现
    文章目录跨平台架构设计跨平台项目配置GtkSharp串口通讯实现跨平台部署配置Linux系统配置macOS系统配置相关学习资源GTK#跨平台开发跨平台.NET开发Linux开发环境macOS开发环境跨平台UI框架对比容器化部署开源项目参考性能优化与调试跨平台架构设计基于GTKSystem.Windows.Forms框架，我们可以实现真正的跨平台WinForm串口通讯应用：共享代码层macOS环境L
  • 前端领域的前端可视化设计案例解析 前端视界 前端艺匠馆前端ai
    前端可视化设计案例解析：从技术实现到用户体验的全链路剖析关键词：前端可视化、数据可视化、设计案例、D3.js、ECharts、可视化框架、用户体验摘要：本文通过深度解析多个典型前端可视化案例，系统阐述数据可视化的核心技术原理、设计方法论及工程实践经验。从基础概念到复杂场景应用，结合D3.js、ECharts、AntV等主流框架的实战案例，详细讲解数据映射、视觉编码、交互设计的实现细节，分析不同业务
  • 深度剖析 LNK 参数隐藏攻击 (ZDI-CAN-25373)
    1、漏洞描述ZDI-CAN-25373是一个Windows快捷方式文件（.LNK）漏洞，它允许攻击者通过精心制作的恶意快捷方式文件来执行隐藏的恶意命令。攻击者通过在.LNK文件的COMMAND_LINE_ARGUMENTS结构中填充大量空白字符（如空格、水平制表符、换行符等）来隐藏恶意命令。这些填充字符使得恶意负载在WindowsUI中不可见，从而规避了检测。2.LNK文件格式结构详解Window
  • .NET MAUI跨平台串口通讯方案 冰茶_ C#通讯编程#串口通讯.netIOTMAUI串口通讯
    文章目录MAUI项目架构设计平台特定实现接口定义Windows平台实现Android平台实现MAUI主界面实现依赖注入配置相关学习资源.NETMAUI开发移动端开发平台特定实现依赖注入与架构移动应用发布跨平台开发最佳实践性能优化测试与调试开源项目参考MAUI项目架构设计MAUIApp共享业务逻辑串口服务接口Windows实现Android实现iOS实现macOS实现System.IO.PortsA
  • 阿里云一句话语音识别
    前端：阿里云语音识别应用（一句话语音识别）{{isRecording?'停止录音':'开始录音'}}识别结果:{{recognitionResult}}WebSocket状态:{{websocketStatus}}使用的音频格式:{{usedMimeType}}import{ref,onMounted,onUnmounted}from'vue'//状态管理constisRecording=ref(
  • 基于Rust编写数独、deepseek调用、Mis系统 KENYCHEN奉孝 Rustrust开发语言后端
    Rust是开发人员最流行的语言之一，因为它具有开源、快速、可靠和高性能的特点。在Rust中构建新的API时，重要的是要考虑Web框架对前端和后端开发的优缺点。在本文中，我们将讨论什么是Web框架，并探索Rust生态系统中用于前端和后端开发的各种Web框架，排名不分先后。让我们开始吧。Rust编写Web版本得数独游戏开发环境配置确保安装Rust工具链和Cargo包管理器，推荐使用rustup安装最新
  • 【算法系列】买卖股票的最佳时机【JS代码】 DTcode7 算法系列#前端基础入门三大核心之JS算法javascript最佳时机
    【算法系列】买卖股票的最佳时机【JS代码】问题描述基本概念和作用说明解决方案暴力解法一次遍历法代码示例总结与讨论在前端开发中，虽然我们主要关注的是构建用户界面和交互逻辑，但掌握一些基本的算法和数据结构知识也是非常有用的。今天，我们就来探讨一个经典的问题：“买卖股票的最佳时机”。这个问题看似与前端开发无关，但实际上，它背后的算法思想对于优化我们的程序和解决问题有着极大的帮助。问题描述假设你有一个数组
  • ESP32S3接入讯飞在线语音识别教程及配套源代码 2401_88800025 高级技术笔记高级笔记语音识别人工智能音视频嵌入式硬件单片机
    1.准备工作1.1硬件准备ESP32-S3开发板（推荐ESP32-S3-WROOM-1）麦克风模块（如SPH0645LM4H或WM8978）MicroSD卡模块（可选，用于存储语音文件）扬声器模块（可选，用于播放识别结果）1.2软件准备安装ArduinoIDE（推荐2.0版本以上）安装ESP32-S3开发支持注册讯飞开放平台账号并创建应用获取讯飞语音识别API的AppID、APIKey和APISe
  • Springboot实现后台图片上传
    文章目录整体流程概览后端实现细节1.文件上传控制器(`UploadController.java`)2.静态资源服务控制器(`StaticResourceController.java`)演示总结本文将深入探讨一个标准的Web应用后台管理系统中，图片上传功能的完整实现流程。我们将从前端用户交互开始，一直到后端的文件处理、存储和最终的URL返回。整体流程概览图片上传功能的核心流程可以分为以下几个步骤
  • UI TARS 和 Magentic-UI的区别和差异 frank0060071 ui运维
    UI-TARS和Magentic-UI都是当前前沿的AI驱动自动化工具，但它们在设计理念技术架构和应用场景上存在显著差异。以下是两者的核心区别和对比分析：1.开发背景与目标定位UI-TARS由字节跳动开发，专注于跨平台GUI自动化，强调通过自然语言指令实现端到端的任务执行（如打开应用填写表单等），目标是成为通用型视觉语言模型代理，减少人工干预核心定位：多模态感知与自动化执行，适用于需要高精度界面操
  • C实现RGBA转NV12 静止了 所有的花开 c语言算法rgbanv12yuv
    staticinlineuint8_tclip(intv){returnv255?255:v;}//计算alpha混合后的rgbstaticinlinevoidget_rgba_blend(constuint8_t*rgba,intidx,uint8_tbg_r,uint8_tbg_g,uint8_tbg_b,intsrc_w,intsrc_h,inti,intj,uint8_t*r,uint8_
  • android15 锁屏灭屏 去掉指纹解锁动画效果 鹏程万里_user Androidandroid
    锁屏灭屏状态下，指纹解锁时，去掉指纹解锁动画效果(这个动画效果是android原生设计)frameworks/base/packages/SystemUI/src/com/android/systemui/biometrics/AuthRippleController.ktprivatefunshowUnlockRippleInternal(biometricSourceType:Biometri
  • 完美的Docker界面！优雅而不简单，那就是Arcane ❀͜͡傀儡师 docker容器
    要说DockerUI项目，知名的其实就那么几个，目前感觉备用的比较多的还是老牌的portainer，不过portainer从早几个版本就已经没有中文更新了，加上国产NAS目前大都自带非常好用的管理界面，所以很多时候自带的Docker就能做到绝大部分操作。但在对容器的更新以及存储卷上，各家NAS都还没有做到很好的适配，而很多时候部分容器不是新版本功能差距很大，这时候就需要第三方协助了。Github地
  • Vue3 首款 3D 数字孪生编辑器 ❀͜͡傀儡师 3d编辑器
    对于多数前端开发者而言，用ThreeJS打造炫酷的数字孪生场景并不容易，需掌握大量专业知识。现在这个基于Vue3、ThreeJS和NaiveUI的数字孪生开发框架——Astral3DEditor正式开源，为Web3D开发带来新转机。Astral3DEditor的在这里插入图片描述1.优势功能丰富：支持多种3D模型格式，可导入导出多类型模型，方便资源整合。它还提供插件系统，可扩展更多功能。同时，支持
  • Augment code + axure 一键生成前端代码 人工智能前端
    上一篇文章我们讲了怎么通过Augmentcode+FigmaMCP生成前端代码，同时我也用了cursor，做了简单对比，结果如下：cursor+FigmaMCP速度快。可以导出Figma文件中的图标到项目中。整体还原度不咋地。对话式，会不断询问。Augmentcode+FigmaMCP速度慢。还原度高。基本不需要手动干预。访问项目整体性好，能检测到项目是否已经配置依赖等等。今天我们同样使用Augm
  • JavaScript性能优化实战：表格控件高效开发指南 javascript
    引言在现代Web应用开发中，电子表格功能已成为数据分析、报表展示等场景的核心需求。SpreadJS作为一款高性能的纯前端电子表格控件，能够完美兼容Excel文件格式，支持百万级数据量和复杂公式计算。然而随着数据规模的增长和业务逻辑的复杂化，性能优化成为开发者必须面对的挑战。本文将深入剖析几种SpreadJS性能优化技巧，通过实际案例和代码演示，帮助开发者构建响应迅速、用户体验优异的电子表格应用。正
  • 前端--深入理解HTTP协议 菜鸡想成为大佬 前端前端http网络协议
    HTTP协议简介HTTP（HyperTextTransferProtocol，超文本传输协议）是一个应用层协议，用于在客户端（通常是浏览器）和服务器之间传输超文本数据（如HTML、CSS、JavaScript等）。它是万维网（WorldWideWeb）的核心协议，通过HTTP，用户能够在浏览器中访问网站。HTTP的特点无状态：HTTP协议是无状态协议，即服务器不会自动保存每次请求之间的上下文信息。
  • LoRA微调详解：如何为AIGC模型节省90%显存 SuperAGI2025 AI大模型应用开发宝典AIGCai
    LoRA微调详解：如何为AIGC模型节省90%显存关键词：LoRA、低秩适应、AIGC模型、参数高效微调、显存优化摘要：在AIGC（人工智能生成内容）领域，大模型（如GPT-3、LLaMA、StableDiffusion）的微调需要消耗海量显存，普通用户或企业难以负担。本文将深入解析LoRA（Low-RankAdaptation，低秩适应）这一参数高效微调技术，通过生活类比、数学原理、代码实战和应
  • CppCon 2018 学习:A Little Order! Delving into the STL sorting algorithms 虾球xz CppCon学习c++排序算法
    记录一下一个编译器加密的算法#include#include#include#include#include#include#includenamespacedetail{//编译期伪随机key：每个字符对应不同keytemplateconstexprstd::uint8_tkey8(){returnstatic_cast((N*31+57)^0xAA);}}//namespacedetail//
  • Vue 图片加载失败显示默认图片 数字浪儿 vuevue.js前端javascript
    方法一：通过onerror属性加载默认图片exportdefault{data(){return{img:'',//访问图片的ip地址defaultImg:`this.src='${require('@/assets/images/right/default-person.png')}'`,};},}方法二：通过@error方法加载默认图片exportdefault{data(){return{i
  • Added non-passive event listener to a scroll-blocking ‘touchmove‘ event解决方案 じòぴé南冸じょうげん vue问题集合vue.js前端javascript
    打开pc浏览器的控制台，发现了如下的警告：解释警告信息：上面警告的大概意思是：增加non-passive（非被动）来监听这个滚动块“触摸移动事件”，考虑将事件处理变成passive（被动），使页面更加具有响应性。那肯定在这个触摸事件（touchmove）中存在passive或者non-passive这个属性，需要让事件改为被动的。产生的原因：我们使用的是"饿了吗"，在ElementUI表单校验的过
  • 基于MCP架构的ChatBI：破解数据分析难题，让智能对话赋能商业决策 码力金矿 MCP人工智能python架构数据分析数据挖掘数据库sqloceanbase人工智能
    在数据驱动的时代，传统BI工具操作复杂、效率低下，而ChatBI（对话式商业智能）的兴起为企业带来了新希望。本文将深入探讨一种基于MCP（ModelContextProtocol，模型上下文协议）架构的ChatBI解决方案，通过创新设计解决数据准确性、多指标查询及自动化分析等核心痛点。文章以技术拆解+实战案例的形式呈现，帮助您快速理解其原理与价值，助力企业高效实现智能数据分析。关键词：MCP、Ch
  • 数据库领域数据仓库的星型模型与雪花模型对比 数据库管理艺术 数据库专家之路大数据AI人工智能MCP&AgentSQL实战数据库数据仓库ai
    数据库领域数据仓库的星型模型与雪花模型对比关键词：数据仓库、星型模型、雪花模型、数据建模、对比分析摘要：本文深入探讨了数据库领域数据仓库中的星型模型与雪花模型。首先介绍了数据仓库建模的背景知识，包括目的、预期读者和文档结构等。接着详细阐述了星型模型和雪花模型的核心概念、联系以及各自的架构特点，并通过Mermaid流程图进行直观展示。然后对两种模型的核心算法原理展开分析，结合Python源代码进行说
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他