其他

添加商品部分原理和添加商品類別是一樣的，參考文章：添加和更新商品類別，不過要比商品類別複雜，因為商品的屬性有很多，對應的資料庫中的欄位也就多了，添加商品還有個選項是上傳圖片，這一小塊內容會在下一篇文章中單獨說明，因為這涉及到一個知識點，就是Struts2實現檔案上傳功能。其他廢話不多說了，現在開始完善添加商品部分的代碼：1. 添加商品1.1 添加商品的UI實現首先完成query.jsp中添加商品部分的代碼：接下來我們看save.jsp中的具體實現：<%@ page

這個功能很重要，未來將成為jQuery的核心方法，它徹底改變了如何在jQuery中使用ajax。為了實現它，jQuery的全部ajax代碼都被改寫了。但是，它比較抽象，初學者很難掌握，網上的教程也不多。所以，我把自己的學習筆記整理出來了，希望對大家有用。本文不是初級教程，針對的讀者是那些已經具備jQuery使用經驗的開發人員。如果你想瞭解jQuery的基本用法，請閱讀我編寫的《jQuery設計思想》和《jQuery最佳實務》。一、什麼是deferred對象？   

jqPlot是一個非常強大的圖表工具，曲線，柱狀，餅圖，應該有盡有，更要命的是，調用方便~~ 官網：http://www.jqplot.com/ 這裡貢獻上中文教程，基本上所有的api都很齊全，供有需要的童鞋們瞧瞧，更重要的是作為自己滴收藏~~哦耶耶~ jqPlot整的來說有三個地方需要配置。格式如： $.jqplot(‘target', data, options);target：要顯示的位置。data：顯示的資料。options：其它配置 seriesColors: [ "#4bb2c5",

在下面我們將設計一個情境，表格grid需要在每行實現滑鼠右鍵，增加，刪除，儲存操作。grid我就用gridview了，隨便用微軟提供的樣式，測試案例不用搞的多好看嘛，我也不是做美工了，哈哈，偷偷懶。 先上效果圖，是有些同志說的有圖才有真相嘛： ui代碼： 複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

欄位對於使用者的輸入則為欄位，欄位涉及到使用者的輸入，必定是控制項。由於有以前項目word模板轉化為線上展示輸入經驗（這裡不僅僅是將word轉化為html，還需要提取word書籤作為關鍵字段，關鍵字段作為使用者的輸入，根據使用者配置轉化為文字框，下拉框，數字，貨幣框，時間等等可擴充控制項）。我在本次的模板設計中不再考慮伺服器控制項，因為伺服器控制項將產生一大堆難以控制的html標記。所以徹底瘋狂了一把，採用完全html+jQuery實現（驗證用的也是jQuery

這裡我使用Jquery庫，這個就不用過多介紹了，有幾個知識點： 　　- 選取器tr:eq(index)，表示選擇指定index索引的tr元素，index索引從0開始 　　- tempRow.parent()，表示返回tempRow對象的父節點對象 　　- $("<td/>").prependTo()，表示將一個td元素添加到指定元素的內容標題部 執行個體代碼 index.html 複製代碼 代碼如下: <html

當我多年前初次接觸jQuery時我感覺我來到了程式員的天堂。它極大簡化了DOM操作。函數式編程變得如此容易，儘管更多適合RIA開發的架構近年來在浮現，但是我仍舊無法想象一個沒有jQuery的程式人生是多麼的罪惡，相信你也有同感~ 而來到CoffeeScript的世界，同樣的美妙故事再次上演。在寫了幾行代碼後我相信你將不會再想念原生的Javascript了。CoffeeScript包含了許多新特性，當將它與jQuery結合時，你會發現一片新天地。

複製代碼 代碼如下: //顯示遮罩 $.blockUI({ message: $('#divlogin'), css:{width:"400px", height:"255px", top: ($(window).height() - 400) /2 + 'px', left: ($(window).width() - 400) /2 + 'px'} }); //取消遮罩 $("#cancel").click(function() { $.unblockUI(); }); 取消遮罩是，js

CSS: 複製代碼 代碼如下: <style type="text/css"> body { line-height: 1.5; font: 14px/1.5 arial,serif; color: #AAA; } .notification { border: 3px solid #D55B5B; background-color: #FFCDCD; padding: 5px; } .tip { color: #00A8C6; padding-left:2px; }

複製代碼 代碼如下: <!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/xhtml"> <head> <title>可配置橫欄滾動Demo</title>

效果如下所示： 解決這個問題的辦法是將錯誤資訊指定到一個特定的位置，validate()方法的參數中可以進行自訂，範例程式碼如下:複製代碼 代碼如下: <script type="text/javascript"> jQuery.validator.addMethod("regex", //addMethod第1個參數:方法名稱 function(value, element, params) { //addMethod第2個參數:驗證方法， 　　　　　　　　　　　　　　　　　　　　

對自己定義的類正常化一下，事件和圖形化組件分離出來定義一個類FrameDemo定義成員屬性Frame

         上一節我們做好了支付頁面的顯示，從上一節支付頁面顯示的jsp代碼中可以看出，當使用者點擊確認支付時，會跳到${shop}/pay_goBank.action的action，也就是說，提交後我們得在payAction中的goBank方法中處理一些邏輯（即21節demo中的那個流程圖的邏輯），即獲得明文，將明文加密成簽名（密文）然後再去訪問易寶伺服器，易寶串連銀行，完成支付。

從上一節的小demo中我們搞清楚了如何跟易寶對接以及易寶的支付流程。這一節我們來做一下支付頁面以及在頁面中匯入銀行表徵圖。1. 儲存銀行表徵圖　　銀行表徵圖一般不會總是去載入，因為這些東西是死的，沒必要每次進入支付頁面就去載入銀行表徵圖，這樣效能會受到一定的影響。這讓我們聯想到了之前的載入首頁資料了，其實跟那個道理是一樣的，我們可以在項目啟動的時候就將銀行表徵圖資源載入到application中，後面用到了就直接在application域中取就行了。所以跟原來一樣，我們在監聽器中載入銀行表徵圖。

本文執行個體講述了jQuery實現簡單的DIV拖動效果。分享給大家供大家參考，具體如下：建立一個HTML檔案，複製以下代碼進去，修改jquery檔案（沒有的到網上去下一個，我使用的是jquery-1.8.2），即可以運行了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

基於jQuery實現仿搜狐辯論投票動畫代碼 ，一款個性的卡通小人正方反方辯論投票特效代碼。移動動畫效果平滑自然。具有非常好的使用者體驗。該源碼相容目前最新的各類主流瀏覽器。效果示範     源碼下載html代碼：<script type="text/javascript">$(document).ready(function () {var a = 500;var b = 130;$("#white").animate({ width: 0,

上一節我們將商品的詳細頁面做完了，並使用了Hibernate的二級緩衝載入詳細頁面來提高系統的效能，點擊文章查看：。這節我們開始做購物車部分。1. 添加新的表首先我們向資料庫中添加幾張表：使用者表、訂單狀態表、訂單表（購物車表）以及購物項表。使用者表中存有使用者的基本資料，訂單狀態表中主要儲存訂單的狀態，比如已發貨這種，訂單表主要儲存使用者的資訊和訂單的狀態，所以跟使用者表和訂單狀態表關聯，購物項表格儲存體某個商品以及所屬的訂單，所以跟商品表和訂單表相關聯。具體的表資訊見下面的sql語句：/*=

代碼如下： 複製代碼 代碼如下: <script type="text/javascript"> $(function() { $("#signupForm").validate( //在上例中新增的部分 { rules: { txtPassword1: "required", //密碼1必填 txtPassword2: { //密碼2的描述多於1項使用物件類型 required: true, //必填，這裡可以是一個匿名方法 equalTo: "#txtPassword1", //

上一節我們做完了添加和更新商品的功能，這兩個部分裡有涉及到商品圖片的上傳，並沒有詳細解說。為此，這篇文章詳細介紹一下Struts2實現檔案上傳的功能。1. 封裝檔案資訊我們首先得有一個Model來封裝檔案的資訊，這個Model裡需要有三個屬性：檔案、檔案類型和檔案名稱。針對我們要傳的圖片，我們建立一個Model如下：public class FileImage { private File file; private String contentType; private String

一般人驗證估計都是想到這種方法： 複製代碼 代碼如下: function chk() //是否被選中驗證有選中的return true,否return false { var falg = 0; $("input[name=cbname]:checkbox").each(function(){ if($(this).attr("checked")) // 這裡可以用 if($("#cr").is(":checked")) { falg +=1; // 這裡可以加上 return false