夜空划过的流星
夜空划过的流星

在表单提交前进行验证的几种方式


转载自：http://blog.csdn.net/qian_f/article/details/9631691

===============================================================


在Django中，为了减轻后台压力，可以利用JavaScript在表单提交前对表单数据进行验证。下面提供了有效的几种方式（每个.html文件为一种方式）。

formpage1.html

[html]  view plain  copy
  1. >  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>Example1title>  
  6. <script type="text/javascript" src="/Resource/jquery-1.4.1.js">script>  
  7.   
  8. <script type="text/javascript">  
  9. function jump()  
  10. {  
  11.     //清空表单所有数据  
  12.     document.getElementById("firstname").value=""  
  13.     document.getElementById("lastname").value=""  
  14.     $("#firstnameLabel").text("")  
  15.     $("#lastnameLabel").text("")  
  16. }  
  17.   
  18. $(document).ready(function(){  
  19.     $("#form1").bind("submit", function(){  
  20.         var txt_firstname = $.trim($("#firstname").attr("value"))  
  21.         var txt_lastname = $.trim($("#lastname").attr("value"))  
  22.           
  23.         $("#firstnameLabel").text("")  
  24.         $("#lastnameLabel").text("")  
  25.           
  26.         var isSuccess = 1;  
  27.         if(txt_firstname.length == 0)  
  28.         {  
  29.             $("#firstnameLabel").text("firstname不能为空！")  
  30.             $("#firstnameLabel").css({"color":"red"});  
  31.             isSuccess = 0;  
  32.         }  
  33.         if(txt_lastname.length == 0)  
  34.         {  
  35.             $("#lastnameLabel").text("lastname不能为空！")  
  36.             $("#lastnameLabel").css({"color":"red"});  
  37.             isSuccess = 0;  
  38.         }  
  39.         if(isSuccess == 0)  
  40.         {  
  41.             return false;  
  42.         }  
  43.         })  
  44.     })  
  45. script>  
  46. head>  
  47. <body>  
  48. 提交表单前进行验证(方法一)  
  49. <hr width="40%" align="left" />  
  50. <form id="form1" method="post" action="/DealWithForm1/">   
  51. <table>  
  52. <tr>  
  53. <td>first_name:td>  
  54. <td><input name="firstname" type="text" id="firstname" />td>  
  55. <td><label id="firstnameLabel">label>td>  
  56. tr>  
  57. <tr>  
  58. <td>last_name:td>  
  59. <td><input name="lastname" type="text" id="lastname" />td>  
  60. <td><label id="lastnameLabel">label>td>  
  61. tr>  
  62. table>  
  63. <hr width="40%" align="left" />  
  64. <button type="submit">提交button>  
  65. <button type="button" onclick="jump();">取消button>  
  66. form>  
  67. body>  
  68. html>  

formpage2.html

[html]  view plain  copy
  1. >  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>Example2title>  
  6. <script type="text/javascript" src="/Resource/jquery-1.4.1.js">script>  
  7.   
  8. <script type="text/javascript">  
  9. function jump()  
  10. {  
  11.     //清空表单所有数据  
  12.     document.getElementById("firstname").value=""  
  13.     document.getElementById("lastname").value=""  
  14.     $("#firstnameLabel").text("")  
  15.     $("#lastnameLabel").text("")  
  16. }  
  17.   
  18. function check(){  
  19.     var txt_firstname = $.trim($("#firstname").attr("value"))  
  20.     var txt_lastname = $.trim($("#lastname").attr("value"))  
  21.       
  22.     $("#firstnameLabel").text("")  
  23.     $("#lastnameLabel").text("")  
  24.       
  25.     var isSuccess = 1;  
  26.     if(txt_firstname.length == 0)  
  27.     {  
  28.         $("#firstnameLabel").text("firstname不能为空！")  
  29.         $("#firstnameLabel").css({"color":"red"});  
  30.         isSuccess = 0;  
  31.     }  
  32.     if(txt_lastname.length == 0)  
  33.     {  
  34.         $("#lastnameLabel").text("lastname不能为空！")  
  35.         $("#lastnameLabel").css({"color":"red"});  
  36.         isSuccess = 0;  
  37.     }  
  38.     if(isSuccess == 0)  
  39.     {  
  40.         return false;  
  41.     }  
  42.     return true;  
  43.     }  
  44. script>  
  45. head>  
  46. <body>  
  47. 提交表单前进行验证(方法二)  
  48. <hr width="40%" align="left" />  
  49. <form id="form1" method="post" action="/DealWithForm1/" onsubmit="return check()">   
  50. <table>  
  51. <tr>  
  52. <td>first_name:td>  
  53. <td><input name="firstname" type="text" id="firstname" />td>  
  54. <td><label id="firstnameLabel">label>td>  
  55. tr>  
  56. <tr>  
  57. <td>last_name:td>  
  58. <td><input name="lastname" type="text" id="lastname" />td>  
  59. <td><label id="lastnameLabel">label>td>  
  60. tr>  
  61. table>  
  62. <hr width="40%" align="left" />  
  63. <button type="submit">提交button>  
  64. <button type="button" onclick="jump();">取消button>  
  65. form>  
  66. body>  
  67. html>  

formpage3.html

[html]  view plain  copy
  1. >  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>Example3title>  
  6. <script type="text/javascript" src="/Resource/jquery-1.4.1.js">script>  
  7.   
  8. <script type="text/javascript">  
  9. function jump()  
  10. {  
  11.     //清空表单所有数据  
  12.     document.getElementById("firstname").value=""  
  13.     document.getElementById("lastname").value=""  
  14.     $("#firstnameLabel").text("")  
  15.     $("#lastnameLabel").text("")  
  16. }  
  17.   
  18. function checktosubmit(){  
  19.     var txt_firstname = $.trim($("#firstname").attr("value"))  
  20.     var txt_lastname = $.trim($("#lastname").attr("value"))  
  21.       
  22.     $("#firstnameLabel").text("")  
  23.     $("#lastnameLabel").text("")  
  24.       
  25.     var isSuccess = 1;  
  26.     if(txt_firstname.length == 0)  
  27.     {  
  28.         $("#firstnameLabel").text("firstname不能为空！")  
  29.         $("#firstnameLabel").css({"color":"red"});  
  30.         isSuccess = 0;  
  31.     }  
  32.     if(txt_lastname.length == 0)  
  33.     {  
  34.         $("#lastnameLabel").text("lastname不能为空！")  
  35.         $("#lastnameLabel").css({"color":"red"});  
  36.         isSuccess = 0;  
  37.     }  
  38.     if(isSuccess == 1)  
  39.     {  
  40.         form1.submit();  
  41.     }  
  42. }  
  43. script>  
  44. head>  
  45. <body>  
  46. 提交表单前进行验证(方法三)  
  47. <hr width="40%" align="left" />  
  48. <form id="form1" method="post" action="/DealWithForm1/">   
  49. <table>  
  50. <tr>  
  51. <td>first_name:td>  
  52. <td><input name="firstname" type="text" id="firstname" />td>  
  53. <td><label id="firstnameLabel">label>td>  
  54. tr>  
  55. <tr>  
  56. <td>last_name:td>  
  57. <td><input name="lastname" type="text" id="lastname" />td>  
  58. <td><label id="lastnameLabel">label>td>  
  59. tr>  
  60. table>  
  61. <hr width="40%" align="left" />  
  62. <button type="button" onclick="checktosubmit()">提交button>  
  63. <button type="button" onclick="jump();">取消button>  
  64. form>  
  65. body>  
  66. html>  


以下是视图函数、URL配置以及相关设置

views.py

[python]  view plain  copy
  1. #coding: utf-8  
  2.   
  3. from django.http import HttpResponse  
  4. from django.shortcuts import render_to_response  
  5.   
  6. def DealWithForm1(request):  
  7.     if request.method=="POST":  
  8.         FirstName=request.POST.get('firstname','')  
  9.         LastName=request.POST.get('lastname','')  
  10.         if FirstName and LastName:  
  11.             response=HttpResponse()  
  12.             response.write(""+FirstName+" "+LastName+u"！ 你提交了表单！")  
  13.             return response  
  14.           
  15.         else:  
  16.             response=HttpResponse()  
  17.             response.write('"text/javascript">alert("firstname或lastname不能为空！");\  
  18. window.location="/DealWithForm1"')  
  19.             return response  
  20.     else:  
  21.         return render_to_response('formpage1.html')  
  22.   
  23.   
  24. def DealWithForm2(request):  
  25.     if request.method=="POST":  
  26.         FirstName=request.POST.get('firstname','').encode("utf-8")  
  27.         LastName=request.POST.get('lastname','').encode("utf-8")  
  28.         if FirstName and LastName:  
  29.             html=""+FirstName+" "+LastName+"！ 你提交了表单！"+""  
  30.             return HttpResponse(html)  
  31.         else:  
  32.             response=HttpResponse()  
  33.             response.write('"text/javascript">alert("firstname或lastname不能为空！");\  
  34. window.location="/DealWithForm2"')  
  35.             return response  
  36.     else:  
  37.         return render_to_response('formpage2.html')  
  38.   
  39.   
  40. def DealWithForm3(request):  
  41.     if request.method=="POST":  
  42.         FirstName=request.POST.get('firstname','')  
  43.         LastName=request.POST.get('lastname','')  
  44.         if FirstName and LastName:  
  45.             response=HttpResponse()  
  46.             response.write(''+FirstName+LastName+u'！ 你提交了表单！')  
  47.             return response  
  48.           
  49.         else:  
  50.             response=HttpResponse()  
  51.             response.write('"text/javascript">alert("firstname或lastname不能为空！");\  
  52. window.location="/DealWithForm3"')  
  53.             return response  
  54.     else:  
  55.         return render_to_response('formpage3.html')  


urls.py

[python]  view plain  copy
  1. from django.conf.urls.defaults import patterns, include, url  
  2. import views  
  3. from django.conf import settings  
  4.   
  5. urlpatterns = patterns('',  
  6.     url(r'^Resource/(?P.*)$','django.views.static.serve',{'document_root':settings.STATIC_RESOURCE}),  
  7.       
  8.     url(r'^DealWithForm1','views.DealWithForm1'),  
  9.     url(r'^DealWithForm2','views.DealWithForm2'),  
  10.     url(r'^DealWithForm3','views.DealWithForm3'),  
  11. )  

settings.py

[python]  view plain  copy
  1. # Django settings for CheckFormBeforeSubmit project.  
  2.   
  3. import os  
  4. HERE = os.path.abspath(os.path.dirname(__file__))  
  5.   
  6. DEBUG = True  
  7. TEMPLATE_DEBUG = DEBUG  
  8. ...  
  9. STATIC_RESOURCE=os.path.join(HERE, "resource")  
  10. ...  
  11. MIDDLEWARE_CLASSES = (  
  12.     'django.middleware.common.CommonMiddleware',  
  13.     'django.contrib.sessions.middleware.SessionMiddleware',  
  14.     'django.middleware.csrf.CsrfViewMiddleware',  
  15.     'django.contrib.auth.middleware.AuthenticationMiddleware',  
  16.     'django.contrib.messages.middleware.MessageMiddleware',  
  17.     'django.middleware.csrf.CsrfResponseMiddleware',  
  18. )  
  19.   
  20. ROOT_URLCONF = 'CheckFormBeforeSubmit.urls'  
  21.   
  22. TEMPLATE_DIRS = (  
  23.     os.path.join(HERE,'template'),  
  24.     # Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".  
  25.     # Always use forward slashes, even on Windows.  
  26.     # Don't forget to use absolute paths, not relative paths.  
  27. )  
  28. ...  


你可能感兴趣的:(Web开发技术)

  • Web 开发都需要学什么？ Duiz33237 前端html5css3web
    Web开发是指开发和构建用于互联网的网站和应用程序的过程。它涉及使用各种编程语言、框架和技术来创建功能丰富、用户友好的网站和应用程序。常见的web开发技术包括HTML、CSS和JavaScript。HTML用于创建网页的结构，CSS用于样式和布局，而JavaScript用于实现交互和动态效果。此外，还有许多其他的编程语言和框架，如Python、PHP、Ruby、React、Angular等，用于开
  • web开发技术栈个人总结 蓝砖科技HR_金庆硕 前端
    编程：Spring是一个非常强大的Java框架，被设计为帮助开发者更快速、容易地创建复杂的应用程序。Spring框架的核心是控制反转（IoC）和依赖注入（DI），它们提供了一种方法，允许开发者定义对象的依赖关系，而不是硬编码这些关系。这增加了可维护性和可测试性Spring框架有很多模块和子项目，这些可以根据应用程序的需求进行选择。下面是一些主要的Spring项目及其用途：SpringFramewo
  • 我与DeepSeek读《大型网站技术架构》- 大型网站架构技术一览与Web开发技术发展历程 诺亚凹凸曼 架构
    文章目录大型网站架构技术一览1.前端架构2.应用层架构3.服务层架构4.存储层架构5.后台架构6.数据采集与监控7.安全架构8.数据中心机房架构Web开发技术发展历程一、静态HTML阶段二、CGI脚本模式阶段三、服务器页面模式阶段大型网站架构技术一览1.前端架构浏览器访问优化：压缩静态资源、减少HTTP请求。CDN加速：将静态资源分发至边缘节点，降低网络延迟。反向代理：缓存热点内容，提供负载均衡与
  • 极速上手 VUE 3——teleport传送门组件(1)，web开发技术 2401_84092398 程序员前端vue.jsjavascript
    //标签名。上述实例就是加入body元素内，使用的是标签名。//类名。如：to=“.className”//id名1.1、多个teleport使用多个teleport传送门组件可以将内容都挂载到一个目标上，多个teleport组件内容就是兄弟节点，先挂载的在前面，后挂载的在后面。使用如下：第一个挂载元素第二个挂载元素运行结果如图：上边的实例等价于：第一个挂载元素第二个挂载元素二、为什么使用tele
  • Python开发 yzx991013 开发语言深度学习人工智能python
    Python开发工程师-职责：设计、开发与维护高效、稳定、安全的Python应用程序及服务；与跨职能团队合作，理解业务需求并转化为技术方案；编写高质量、可重用、易维护的代码，包含单元测试与文档；解决系统和应用程序的技术问题，进行故障排除与优化。-要求：熟练掌握Python编程语言，有丰富开发经验；熟悉常用Python开发框架与库；熟悉Web开发技术和数据库设计优化；掌握版本控制系统，有团队协作经验
  • 使用python开发flsak_FlaskWeb开发:基于Python的Web应用开发实战 RoseofVersailles 使用python开发flsak
    本书不仅适合初级Web开发人员学习阅读，更是Python程序员用来学习高级Web开发技术的优秀参考书。•学习Flask应用的基本结构，编写示例应用；•使用必备的组件，包括模板、数据库、Web表单和电子邮件支持；•使用包和模块构建可伸缩的大型应用；•实现用户认证、角色和个人资料；•在博客网站中重用模板、分页显示列表以及使用富文本；•使用基于Flask的REST式API，在智能手机、平板电脑和其他第三
  • 2019 - Web开发技术指南和趋势 编程鸭 互联网JavaScript编程语言前端前端IT编程程序员
    这是一个2019年你成为前端，后端或全栈开发者的进阶指南:你不需要学习所有的技术成为一个web开发者这个指南只是通过简单分类列出了技术选项我将从我的经验和参考中给出建议首选我们会介绍通用的知识,最后介绍2019年的Web的一些趋势1.基础前端开发者1.1HTML&CSSHTML&CSS最基础的知识:语义化的HTML元素基础的CSS语法Flexbox&GridCSS变量浏览器开发者工具1.2响应式布
  • Eclipse JSP/Servlet 深入解析 lly202406 开发语言
    EclipseJSP/Servlet深入解析引言随着互联网的快速发展，JavaWeb开发技术逐渐成为企业级应用开发的主流。在JavaWeb开发中，JSP（JavaServerPages）和Servlet是两个核心组件，它们共同构成了JavaWeb应用程序的基础。本文将深入解析Eclipse平台下的JSP/Servlet技术，帮助读者全面了解和掌握这一领域。JSP/Servlet简介JSPJSP（J
  • Lua语言的Web开发 梁雨珈 包罗万象golang开发语言后端
    Lua语言的Web开发引言随着互联网的快速发展，Web开发技术也在不断演进。许多开发者都在寻找一种轻量级且高效的编程语言来进行Web开发。Lua语言作为一种简洁、高效的脚本语言，近年来逐渐为开发者所关注。在本篇文章中，我们将深入探讨Lua语言在Web开发中的应用，分析其优缺点，并介绍一些常用的框架和库。Lua语言概述Lua是一种轻量级的、高级的、多范式的编程语言，设计初衷是为了嵌入其他应用程序中。
  • 标准化可观察量：Web标准新成员及其与RxJS的差异 exploration-earth 前端javascript开发语言
    当前，可观察对象（乃至信号）正逐步成为Web标准体系不可或缺的一部分，这一趋势不仅预示着Web开发技术的进一步成熟与规范化，也为开发者们提供了更加统一、高效的编程接口。相较于RxJS这一流行的响应式编程库中的Observables，标准化的可观察量在设计理念与实现细节上均展现出若干显著的不同点，这些差异旨在更好地适应Web环境的特殊需求，提升开发效率与代码的可维护性。具体而言，标准化后的可观察量可
  • CSS的:placeholder-shown伪类：精确控制输入框占位符样式 2402_85758349 css前端
    CSS（层叠样式表）是控制网页元素样式的强大工具。随着Web开发技术的进步，CSS不断引入新的选择器和伪类，以增强开发者对页面元素的控制能力。:placeholder-shown伪类是CSS中一个相对较新的特性，它允许开发者针对输入字段中显示占位符文本的元素应用特定的样式。本文将深入探讨:placeholder-shown伪类的使用，以及如何通过它来提升表单输入框的用户体验。:placeholde
  • C#使用ASP.NET Core Razor Pages构建网站（二） 林祖师 C#c#asp.net开发语言
    上一篇文章讲了HTTP协议的基本概念、客户端Web开发技术以及ASP.NETCore框架的关键特点和创建项目方法链接：C#使用ASP.NETCoreRazorPages构建网站（一）接下来继续了解ASP.NETCoreRazorPages构建网站的后续内容了解RazorPagesRazorPages允许开发人员轻松地将HTML标记和C#代码混合在一起，这是使用.cshtml扩展名的原因。默认情况下
  • （免费领源码）基于Android系统的外卖APP的设计与实现04871-计算机毕业设计项目选题推荐 2301_3224142804 javamysqlspringbootpython小程序phpc#
    摘要立足于当下餐饮行业现有的点餐模式，分析传统APP点餐的运作流程，结合Android系统的特点设计新型的外卖APP。近几年，人们生活水平日益提升，但工作强度和压力不断增强，尤其是对于上班族而言，到餐厅吃饭费时费力，而传统的APP点餐难以适应针对性。基于此，借助Web开发技术以及后台数据库，设计了以Android为平台的外卖APP系统，实现了用户登录、美食资讯、小吃商城、在线点餐、订单信息管理等功
  • SAP UI5 应用开发教程之五十 - 如何使用 Cordova 将 SAP UI5 应用生成一个能在 Android 手机上安装的混合应用试读版 JerryWang_汪子熙
    本教程之前四十九个步骤，介绍的都是在PC桌面端进行SAPUI5应用开发的技巧。本文介绍如何将这些原本只能运行在浏览器端的SAPUI5应用，使用Cordova进行构建，打包，然后安装到移动设备上的步骤。本步骤选择Android手机作为移动设备来讲解。Cordova是一个开源的移动开发框架，通过Cordova，开发人员可以用HTML5和JavaScript等通用的Web开发技术(当然包括SAPUI5)
  • 框架学习Maven 买个等离子电视 框架学习学习
    声明：本文来源于黑马程序员PDF讲义做为一名Java开发工程师，后端Web开发技术是我们学习的重点，后端Web开发技术的学习，我们会先学习Java项目的构建工具：Maven初识MavenMaven是Apache旗下的一个开源项目，是一款用于管理和构建java项目的工具。使用Maven能够做什么呢？1.依赖管理2.统一项目结构3.项目构建当使用maven进行项目依赖(jar包)管理，则很方便的可以解
  • Maven安装，学习笔记，详细整理maven的一些配置 YCY^v^ maven配置Javamaven学习笔记
    Maven1.初识Maven2.Maven概述Maven模型介绍Maven仓库介绍Maven安装与配置3.IDEA集成Maven4.依赖管理01.Maven课程介绍1.1课程安排学习完前端Web开发技术后，我们即将开始学习后端Web开发技术。做为一名Java开发工程师，后端Web开发技术是我们学习的重点。后端Web开发技术的学习，我们会先学习Java项目的构建工具：Maven1.2初识Maven1
  • w3c标准 ·H·976 htmlcssjavascriptW3C标准
    w3c（万维网联盟）：是一个公益基金组织，由互联网之父（博纳斯·李）牵头组织起来的，用于专门维护互联网相关技术的发展和规范。w3c标准，不是一个标准，而是一系列标准的集合，表示实现互联网网页制作的三大标准：结构标准、外观标准、行为标准web开发技术栈一共分为3门语言：HTML：超文本标记语言，负责通过标签来表达网页的页面结构。开发者要遵循结构标准，就需要使用HTML来开发页面的内容与结构CSS：层
  • 基于springboot宠物领养系统 程序员学姐 Java项目springboot宠物javavue.js后端spring
    摘要  随着社会的不断发展和人们生活水平的提高，宠物在家庭中的地位逐渐上升，宠物领养成为一种流行的社会现象。为了更好地管理和促进宠物领养的过程，本文基于SpringBoot框架设计和实现了一套宠物领养系统。该系统以用户友好的界面为特点，采用了现代化的Web开发技术，通过SpringBoot框架提供强大的后端支持。系统具有用户注册、登录、宠物浏览、领养申请、领养审核等功能模块，旨在提供一个便捷而高效
  • 第十章认识Ajax(一) 无限好运101 ajax
    认识Ajax概述：Ajax是（AsynchronousJavaScriptandXML）异步JavaScript和XML的缩写，它是一种基于浏览器与服务器交互的Web开发技术。Ajax通过使用JavaScript、XMLHttpRequest和DOM实现了在不刷新整个页面的情况下更新部分页面的能力。Ajax让网页能够达到更高的交互性和更好的用户体验。特点：异步传输：Ajax能够使用XMLHttpR
  • 基于Android系统的外卖APP ， 毕业设计-附源码04871 yuyuxun1 android课程设计springbootjavadjangopython
    摘要立足于当下餐饮行业现有的点餐模式，分析传统APP点餐的运作流程，结合Android系统的特点设计新型的外卖APP。近几年，人们生活水平日益提升，但工作强度和压力不断增强，尤其是对于上班族而言，到餐厅吃饭费时费力，而传统的APP点餐难以适应针对性。基于此，借助Web开发技术以及后台数据库，设计了以Android为平台的外卖APP系统，实现了用户登录、美食资讯、小吃商城、在线点餐、订单信息管理等功
  • 6年Java开发经验的工程师需要掌握的技能 多云&秋雨 java开发语言
    6年Java开发经验的工程师需要具备以下技能和知识：熟练掌握Java编程语言：具备扎实的Java编程基础，包括语法、数据类型、控制语句、面向对象编程等。熟悉JavaEE技术体系：掌握JavaEE的核心技术，包括Servlet、JSP、JavaBean、EJB等，了解各种技术的适用场景和优缺点。掌握Web开发技术：熟悉HTML、CSS、JavaScript等前端技术，以及常用的前端框架和库，如jQu
  • JavaScript中的复杂功能实现：一个交互式日历的构建 刻刻帝的海角 javascript开发语言ecmascript
    引言随着Web开发技术的不断发展，JavaScript已经成为了前端开发中不可或缺的一部分。它不仅能实现基本的交互功能，还能构建复杂的用户界面和数据处理逻辑。在这篇文章中，我们将一起构建一个交互式的日历功能，通过这个例子来深入了解JavaScript的强大功能和复杂性。HTML部分首先，我们需要创建一个基本的HTML结构来承载我们的日历。以下是一个简单的HTML代码片段，其中包含一个用于显示日历的
  • 前端请求数据方法 —— Ajax、Fetch、Axios、Get、Post 爱吃果蔬的猫 javascriptjqueryajax
    一、AjaxAjax:（“AsynchronousJavaScriptandXML”(异步JavaScript和XML)的缩写）是一组Web开发技术，Ajax不是一种技术，而是一个编程概念。AJAX这个词就成为JavaScript脚本发起HTTP通信的代名词，也就是说，只要用脚本发起通信，就可以叫做AJAX通信。技术实现用于演示的HTML（或XHTML）和CSS文档对象模型（DOM），用于动态显示
  • 基于springboot+vue心理测试管理系统 程序员学姐 Java项目springbootvue.js后端mysqljavaspring
    摘要  基于SpringBoot和Vue的心理测试管理系统是一个综合利用现代Web开发技术的应用程序。系统采用了SpringBoot作为后端框架，通过其简化的配置和强大的功能提供了稳健的服务器端支持。前端则使用Vue.js，一个灵活、高效的JavaScript框架，以实现用户友好的界面和流畅的交互体验。该系统的主要功能包括心理测试的创建、管理和执行。管理员可以通过系统创建各种心理测试，并设置相关参
  • 第三十三章 使用 CSP 进行基于标签的开发 - 使用Hyperevents #server和#call调用服务器端方法 Cache技术分享
    第三十三章使用CSP进行基于标签的开发-使用Hyperevents#server和#call调用服务器端方法使用Hyperevents#server和#call调用服务器端方法hyperevent是我们对web浏览器事件的CSP扩展，是一种用于创建交互式web动作的web开发技术。使用hyperevents，可以在Caché服务器上运行类的方法来响应客户端web浏览器中的事件，而无需在客户端重新加
  • 提升开发效率：npm包管理器的使用技巧 程序边界 npm前端node.js
    文章目录一、npm简介二、npm的基本操作1.安装Node.js和npm2.创建和管理项目3.安装依赖4.卸载依赖5.更新依赖三、npm的高级特性1.使用不同版本的依赖项2.查看已安装的依赖项和它们的版本信息3.运行脚本命令《Node.js从入门到精通（软件开发视频大讲堂）》编辑推荐内容简介作者简介目录随着Web开发技术的不断发展，前端工程化已经成为了一个不可忽视的趋势。在这其中，Node.js作
  • 【资源】在线工具大全：NiceTool+ iLester
    最近几年，随着Web开发技术的发展，越来越多的工作可以用浏览器在网页中完成了。NiceTool+是一个国内的网站，基本上属于用了就立马收藏的那种，原因是因为这个网站提供的在线工具太丰富了，目前已经有538个，并且已经有了30万+的使用量。当然这个站点也说了，它其实也不生产工具，主要是收集互联网上的各种实用小工具。来感受一下它的工具集吧？生活常用类image.png教育学习类办公辅助类image.p
  • SAP Spartacus使用到的技术栈 JerryWang_汪子熙
    前面说到，Spartacus是基于现代Web开发技术打造而成的一个Storefront开发框架，因此涉及到的技术栈都是目前前端开发普遍使用的一些比较成熟的技术。Angular：由Google维护的一款web前端开发框架，采用了大量有十几二十年历史的成熟技术，比如依赖注入、接口、注解等等，同时也是一款与时俱进的框架，比如对TypeScript的支持，跟RxJS的深度整合，对PWA第一时间的支持等等。
  • 通俗易懂，什么是.NET?什么是.NET Framework？什么是.NET Core? .Net Web开发技术栈... WWWWWWWWolf c#操作系统json
    通俗易懂，什么是.NET?什么是.NETFramework？什么是.NETCore?什么是.NET？什么是.NETFramework?本文将从上往下，循序渐进的介绍一系列相关.NET的概念，先从类型系统开始讲起，我将通过跨语言操作这个例子来逐渐引入一系列.NET的相关概念，这主要包括：CLS、CTS(CLI)、FCL、Windows下CLR的相关核心组成、Windows下托管程序运行概念、什么是.
  • 小程序网页代码与手机站网页代码的具体区别有哪些 elirlove1 小程序
    小程序网页代码与手机站网页代码的具体区别如下：开发技术：小程序网页代码通常使用小程序开发框架，如微信小程序、支付宝小程序等，它们提供了丰富的组件和API来支持各种功能。而手机站网页代码通常使用HTML、CSS和JavaScript等Web开发技术，通过浏览器解析和渲染网页。运行环境：小程序网页代码运行在特定的应用程序框架内，需要先安装对应的小程序或应用。而手机站网页代码则通过浏览器访问，无需安装额
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 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
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他