Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产jizz18高清视频,我想看一级毛片,国产亚洲精品自在线亚洲情侣 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML5練習(xí)，實現(xiàn)全選按鈕，及統(tǒng)計所選擇商品的總價并輸出
          
        
           
          
	
	
          
		
                        
          tml5實現(xiàn)全選按鈕，及統(tǒng)計所選擇商品的總價并輸出
          現(xiàn)有一個商品選擇列表（復(fù)選框），HTML代碼及效果如下：
          <html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>無標(biāo)題文檔</title>
</head>
 
<body>
    <div>商品列表</div>
    <input type="checkbox" name="item" value="3000" />筆記本電腦<br/>
    <input type="checkbox" name="item" value="3000" />筆記本電腦<br/>
    <input type="checkbox" name="item" value="3000" />筆記本電腦<br/>
    <input type="checkbox" name="all" οnclick="checkAll(this)" />全選<br/>
    <input type="button" value="總金額:" οnclick="getSum()" /><span id="sumid"></span>
</body>
</html>
          要求1：實現(xiàn)checkAll(this)函數(shù)。作用：通過選擇/取消選擇全選項目能夠?qū)崿F(xiàn)對所有項目的選擇/取消。
          提示：checked 屬性規(guī)定在頁面加載時應(yīng)該被預(yù)先選定的 input 元素。
          checked 屬性 與 <input type="checkbox"> 或 <input type="radio"> 配合使用。
          checked 屬性也可以在頁面加載后，通過 JavaScript 代碼進行設(shè)置。

          要求2：實現(xiàn)getSum()函數(shù)。作用：統(tǒng)計所選擇商品的總價并輸出在span區(qū)域。
          js簡單實現(xiàn)商品數(shù)量的選購、小計的計算以及總的價錢數(shù)、總的商品數(shù)量等一系列操作。代碼如下：
          題設(shè)的主體HTML代碼如下：（以作事例）

          2. <body>
          3. <ul id="list">
          4.  <li>櫻桃<br>
          5.  <input type="button" value="-" />
          6.  <strong>0</strong>
          7.  <input type="button" value="+" />
          8.  單價：<em>12.5元</em>
          9.  小計：<span>0元</span>
          10.  </li>
          11.  <li>香蕉<br>
          12.  <input type="button" value="-" />
          13.  <strong>0</strong>
          14.  <input type="button" value="+" />
          15.  單價：<em>2.5元</em>
          16.  小計：<span>0元</span>
          17.  </li>
          18.  <li>火龍果<br>
          19.  <input type="button" value="-" />
          20.  <strong>0</strong>
          21.  <input type="button" value="+" />
          22.  單價：<em>8.5元</em>
          23.  小計：<span>0元</span>
          24.  </li>
          25.  <li>榴蓮<br>
          26.  <input type="button" value="-" />
          27.  <strong>0</strong>
          28.  <input type="button" value="+" />
          29.  單價：<em>28元</em>
          30.  小計：<span>0元</span>
          31.  </li>
          32.  <li>車?yán)遄?lt;br>
          33.  <input type="button" value="-" />
          34.  <strong>0</strong>
          35.  <input type="button" value="+" />
          36.  單價：<em>14.5元</em>
          37.  小計：<span>0元</span>
          38.  </li>
          39.  <li>菠蘿<br>
          40.  <input type="button" value="-" />
          41.  <strong>0</strong>
          42.  <input type="button" value="+" />
          43.  單價：<em>7元</em>
          44.  小計：<span>0元</span>
          45.  </li>
          46. </ul>
          47. <p>
          48. 商品合計共：<em>0件</em>，共花費了：<em>0元</em><br />
          49. 其中最貴的商品單價是：<strong>0元</strong>
          50. </p>
          51. </body>
          • 《原生版》JavaScript代碼如下：

          2. <script>
          3. window.onload = function(){
          4. var oP = document.getElementsByTagName('p')[0];
          5. var aEm = oP.getElementsByTagName('em');
          6. var aStrong = oP.getElementsByTagName('strong')[0];
          8. var oUl = document.getElementById('list');
          9. var oLi = oUl.getElementsByTagName('li');
          10. var oStrong = oUl.getElementsByTagName('strong');
          11. var oSpan = oUl.getElementsByTagName('span');
          12. var oEm = oUl.getElementsByTagName('em');
          13.  
          14. var sum = 0;
          15. var emMax = 0;
          16. for(var i=0;i<oEm.length;i++){
          17. //最大的那個單價值
          18.  if(parseFloat(oEm[i].innerHTML)>emMax){
          19.  emMax=parseFloat(oEm[i].innerHTML);
          20.  }
          21.  aStrong.innerHTML=emMax+'元';
          22. }
          23.  //調(diào)用fn1（）函數(shù)實現(xiàn)商品數(shù)量的選取
          24. for(var i=0;i<oLi.length;i++){
          25.  fn1(oLi[i]);
          26. }
          27.  //添加點擊事件獲取總的商品數(shù)量
          28.  aEm[0].onclick = function(){
          29. for(var i=0;i<oStrong.length;i++){
          30. var a = Number(oStrong[i].innerHTML);
          31. sum+=a;
          32. aEm[0].innerHTML = sum+'件';
          33. }
          34. sum= 0;
          35. }
          36.  //添加點擊事件獲取總的價錢
          37.  aEm[1].onclick = function(){
          38. for(var i=0;i<oSpan.length;i++){
          39. var a = parseFloat(oSpan[i].innerHTML);
          40. sum+=a;
          41. aEm[1].innerHTML = sum+'元';
          42. }
          43. sum= 0;
          44. }
          47. function fn1(aLi){
          48. var oBtn = aLi.getElementsByTagName('input');
          49.  varoStrong = aLi.getElementsByTagName('strong')[0];
          50. varoEm = aLi.getElementsByTagName('em')[0];
          51. varoSpan = aLi.getElementsByTagName('span')[0];
          52. var n1 = Number(oStrong.innerHTML);
          53. var n2 = parseFloat(oEm.innerHTML);
          55.  
          56.  oBtn[0].onclick = function(){
          57. n1--;
          58. if(n1<0){
          59.  n1 = 0;
          60. }
          61. oStrong.innerHTML = n1;
          62. oSpan.innerHTML = n1*n2+'元';
          63. };
          64. oBtn[1].onclick = function(){
          65. n1++;
          66. oStrong.innerHTML = n1;
          67. oSpan.innerHTML = n1*n2+'元';
          68. };
          69. }
          70. }
          71. </script>
          反思：上述代碼添加點擊事件獲取商品的總價錢數(shù)以及總的商品數(shù)量，可能增加了用戶負(fù)擔(dān)。需要改進
          • 《改進版》JavaScript代碼如下：

          2. window.onload = function(){
          3. var oP = document.getElementsByTagName('p')[0];
          4. varaEm = oP.getElementsByTagName('em');
          5. varaStrong = oP.getElementsByTagName('strong')[0]；
          6. var oUl = document.getElementById('list');
          7. var oLi = oUl.getElementsByTagName('li');
          8. var oStrong = oUl.getElementsByTagName('strong');
          9. for(var i=0;i<oLi.length;i++){
          10.  fn1(oLi[i]);
          11. }
          12.  
          13. function fn1(aLi){
          14. var oBtn = aLi.getElementsByTagName('input');
          15.  varoStrong = aLi.getElementsByTagName('strong')[0];
          16. varoEm = aLi.getElementsByTagName('em')[0];
          17. varoSpan = aLi.getElementsByTagName('span')[0];
          18. var n1 = Number(oStrong.innerHTML);
          19. var n2 = parseFloat(oEm.innerHTML);
          20. //合計總價，必然要相加所有的小計
          21.  function fn2(){
          22.  var sum1=0;//定義一個臨時變量，用來儲存所加過的件數(shù)
          23.  var sum2=0;//定義一個臨時變量，用來儲存所加過的小計
          24.  var emMax=0;//定義一個臨時變量，用來比較單價的大小
          25.  for(var i=0;i<oLi.length;i++){
          26.  var strongs=oLi[i].getElementsByTagName("strong")[0];//獲取到所有l(wèi)i的數(shù)量
          27.  var spans=oLi[i].getElementsByTagName("span")[0];//獲取到所有l(wèi)i的小計
          28.  var em=oLi[i].getElementsByTagName("em")[0];//獲取到所有l(wèi)i的單價
          29.  sum1=sum1+Number(strongs.innerHTML);
          30.  sum2=sum2+parseFloat(spans.innerHTML);//合計即所有小計相加的結(jié)果，因為有小數(shù)所以要用parseFloat
          31.  if(parseFloat(em.innerHTML)>emMax){//最大的那個單價值
          32.  emMax=parseFloat(em.innerHTML);
          33.  }
          34.  }
          35. aEm[0].innerHTML=sum1+'件';
          36.  aEm[1].innerHTML=sum2+'元';
          37.  aStrong.innerHTML=emMax+'元';
          38.  }
          39.  fn2();
          40.  oBtn[0].onclick = function(){
          41. n1--;
          42. if(n1<0){
          43.  n1 = 0;
          44. }
          45. oStrong.innerHTML = n1;
          46. oSpan.innerHTML = n1*n2+'元';
          47. fn2();//調(diào)用合計之后的值
          48. };
          49.  oBtn[1].onclick = function(){
          50. n1++;
          51. oStrong.innerHTML = n1;
          52. oSpan.innerHTML = n1*n2+'元';
          53. fn2();
          54. };
          55. }
          56. }
          57. </script>
          此時總的商品件數(shù)和商品總計會隨用戶的商品選擇進行實時改變。
          ，走進報價系統(tǒng)的繽紛世界
          1，什么是報價系統(tǒng)
          在 “新零售”，“智能制造”，“大數(shù)據(jù)分析”等概念不斷的演進下，已經(jīng)廣泛的應(yīng)用于商業(yè)，制造等領(lǐng)域。本文提到的報價系統(tǒng)，就屬于“新零售”的一個重要組成部份。以前，很多傳統(tǒng)企業(yè)都是先做市場調(diào)研，然后量產(chǎn)一批商品進行售賣，由于市場調(diào)研的不準(zhǔn)備性，容易造成庫存積壓。針對這樣的問題，經(jīng)過市場的實踐，提出了一種按需生產(chǎn)的理論，即需要什么就生產(chǎn)什么。
          企業(yè)若要按需生產(chǎn)，就會面臨著更多的挑戰(zhàn)。
          例如：一個快銷品公司需要一批包裝盒，聯(lián)系幾家印刷包裝廠，提出了自己包裝盒的個性化需求，然要求印刷包裝廠商進行報價。而這些印刷包裝廠，報價時會面臨如下的問題：
          a，報價涉及到產(chǎn)品設(shè)計，采購物料，工序工藝等多個環(huán)節(jié)，等多個部門協(xié)調(diào)后再報出一個價格，時效性 跟不上。
          b，多家工廠在競爭這個訂單，價格因素 至關(guān)重要。
          c，報價前需弄清楚產(chǎn)品的設(shè)計，用料，工藝，結(jié)構(gòu)才能進行報價。對報價人員的專業(yè)知識要求高。
          d，報價會涉及到一個產(chǎn)品的方方面面，當(dāng)量為1個產(chǎn)品時誤差較小，當(dāng)量為10萬個產(chǎn)品，100萬個產(chǎn)品時，誤差就會被無限放大。
          e，報價人員很難跨行業(yè)，跨產(chǎn)品進行報價。
          面臨著如此多的風(fēng)險與問題，稍有不慎就很難有利潤和惹上法律風(fēng)險。
          2，報價系統(tǒng)適用于什么領(lǐng)域
          a，家具行業(yè)：業(yè)主訂制的家具大小，顏色，材質(zhì)，工藝都不一樣，銷售人員通過軟件報價是一件非常愉悅的事。
          b，按需生產(chǎn)的工廠：一個制衣廠接到某網(wǎng)店1萬件工服的訂單，制衣廠能在一分鐘內(nèi)報出價格，從時效性來講具有很大的競爭力。
          c，高端汽車訂制：如某個客戶訂制一臺房車，動力，內(nèi)飾等因素直接影響到房車的價格，如果有一款專業(yè)軟件為客戶報價，體現(xiàn)了汽車廠商的專業(yè)性。
          d，印刷包裝行業(yè)：印刷包裝行業(yè)覆蓋的知識面廣，專業(yè)性強，利用報價軟件可以降低專業(yè)技能門檻。
          如此多的領(lǐng)域，行業(yè)都需要一個報價軟件，我們是否可以用IT信息化來解決這一痛點呢？答案當(dāng)然是肯定的！
          二，分解一個產(chǎn)品BOM
          1，如何分解一個實體
          對一個產(chǎn)品進行報價，就不得不提產(chǎn)品BOM，產(chǎn)品BOM與生產(chǎn)BOM有相似性也有差異性。能否正解分解一個產(chǎn)品BOM，是報價的關(guān)鍵因素?，F(xiàn)在以一個盒子為例進行分解：
          我們可以看到這個盒子，是由5個部份組成，它們分別是 天盒，地盒，內(nèi)托1，內(nèi)托2，說明書組成。
          2， 把實體BOM轉(zhuǎn)換為產(chǎn)品BOM
          這個產(chǎn)品是由5個部份組成，每一個部份我都都稱之為部件，每個部件又可能由多個子部件組成。 本文以"天盒部件"為例進行說明。
          天盒：包括了天盒面紙，天盒灰板兩個子部件。天盒面紙，又需要不同的物料，不同的工序進行生產(chǎn)。就像一顆樹一樣，層次越深枝葉就越多。稱這種結(jié)構(gòu)叫BOM樹，詳見圖列：
          三，根據(jù)產(chǎn)品BOM進行計價
          1，產(chǎn)品的總價
          產(chǎn)品價格 = 天盒部件價格 + 地盒部件價格 + 內(nèi)托1價格 + 內(nèi)托2價格 + 說明書價格 + 裝配工序費 + 包裝費 + 運輸費。
          以這個盒子為例，這個盒子的價格，是由5個部件的價格相加成成，這兒不考慮裝配，包裝，運輸費用等因素。
          2，部件價格
          要計算產(chǎn)品的總價，就需要計算每個部件的價格。現(xiàn)在以天盒為例進行部件分解：
          天盒部件，包含天盒面板，天盒灰板兩個子部件，這兒就涉及到部件嵌套部件了，子部件還可以嵌套孫部件，以此類推，無限嵌套。
          3，部件物料（品牌規(guī)格）
          “巧婦難為無米之炊”，生產(chǎn)一個天盒需要原紙，油墨等物料（不考慮掛件的情況）。
          采購什么樣的原紙呢，“理文原紙”，“玖龍原紙”，在用戶沒有要求品牌的情況下，必須有一個品牌的選擇。原紙又采用什么克重，什么顏色的紙呢？又有一個紙張規(guī)格的選擇。
          油墨也是如此，品牌，規(guī)格不同，都直接決定了生產(chǎn)成本。
          4，部件工序（生產(chǎn)方式選擇）
          1，工廠能印刷這種天盒的機器有多種，比如：膠印，UV印刷，數(shù)碼印刷。選擇那種機器生產(chǎn)，僅憑經(jīng)驗來決定面臨著具大的風(fēng)險。選擇了生產(chǎn)機器，又對物料的上機規(guī)格有一定的約束。
          2，又比如燙金：選擇滿版燙金，還是選擇局部燙金（局部燙金的面積），那種更省錢？如此多的選擇，如此多的組合，確實讓報價員頭痛。
          從的情況來看， 生產(chǎn)天盒部件，不管是在物料上，還是在工序上都有相當(dāng)多的選擇。這些不同的選擇就開有成了不同的價格組合。
          理論上，只要找到最低的價格組合，報出來的價格就具有絕對的競爭優(yōu)勢。
          5，報價組合
          以一個產(chǎn)品為例：報一個“主盒”部件的價格，物料的選擇，印刷機的選擇，工序的選擇，形成了N種方案可以生產(chǎn)這個部件，每種方案就是一個組合，并且可以看到每個組合的明細(xì)信息。
          理論上只要選出最低報價組合，就是最優(yōu)方案。
          四，報價受外圍因素的影響
          1，物料拼版的影響
          在生產(chǎn)盒子，家具，或者衣服的時候，展開尺寸一般都是不規(guī)則圖形。在裁剪物料的時候，拼版算法的差異會直接影響到價格。如下圖，在相同的物料面積下，左邊的矩形拼版只能拼接9個產(chǎn)品，右邊的不規(guī)則圖形拼版，可以拼接12個產(chǎn)品。顯然右邊的拼版算法更省料更省錢。
          2，損耗影響
          生產(chǎn)一個產(chǎn)品，在工序上，物料上都會產(chǎn)生損耗，如何控制到最低損耗，也是降低成本的一個關(guān)鍵。
          3，階梯價
          因為現(xiàn)在都是工業(yè)化的量產(chǎn)，受到打模成本原因等影響，數(shù)量越大，折扣率會越高。
          4，包裝運輸?shù)挠绊?/span>
          對產(chǎn)品對行包裝運輸時，采用何種包裝方式，何種運輸方式可以節(jié)約成本，都是報價系統(tǒng)應(yīng)該考慮的問題。這兒不詳細(xì)展開描述，可以聯(lián)系作者進行私下交流。
          五，技術(shù)實現(xiàn)
          1，技術(shù)棧介紹
          在開發(fā)這個軟件前，我想了很久，是用.net技術(shù)棧來開發(fā)，還是用java技術(shù)棧來開發(fā)。考慮到這個.net版本更新大，開發(fā)社區(qū)不完善等問題。最后我選擇了java來進行開發(fā)。
          現(xiàn)在已經(jīng)過了炫技術(shù)的年齡了，我采用了比較簡單而穩(wěn)定的技術(shù)棧來進行，如下：
          數(shù)據(jù)庫：mysql
          服務(wù)端：spring boot + mybatis + alibabacloud + redis 技術(shù)棧
          客服端：html5 + css3 + vue.js + element ui 前端框架
          2，功能演示(產(chǎn)品BOM維護，計算公式設(shè)定)
          1，后端主要分為【物料管理】，【工序管理】，【產(chǎn)品分類】，【產(chǎn)品BOM】管理四個模塊
          產(chǎn)品BOM，是可以支持無限級配置：
          每種物料，工序計價公式的定義（公式的定義：支持Javascript語法公式）
          3，功能演示(報價前端)
          用戶只需要輸入產(chǎn)品的尺寸，工序，參數(shù)等相關(guān)屬性，報價系統(tǒng)即時計算出產(chǎn)品價格（計算時間控件在0.2秒左右）。
          具體的技術(shù)實現(xiàn)，另開博客分享。需了解技術(shù)實現(xiàn)的，可聯(lián)系作者（v信：xichji）
          六：對報價行業(yè)有需要深入了解的，可以私信。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲一区二区高清|
无遮挡免费一区二区三区|
精品黑人一区二区三区|
日本精品一区二区三本中文|
亚欧成人中文字幕一区|
国产在线一区二区杨幂|
国产一区二区三区韩国女主播|
a级午夜毛片免费一区二区|
午夜无码一区二区三区在线观看
|
国产激情一区二区三区成人91|
中文字幕av日韩精品一区二区
|
亚洲一区二区中文|
国产免费一区二区三区不卡|
国产精品99无码一区二区|
色视频综合无码一区二区三区|
天堂一区二区三区精品|
深田咏美AV一区二区三区|
亚洲丶国产丶欧美一区二区三区|
日韩精品一区二区三区色欲AV|
香蕉免费一区二区三区|
国产AV一区二区三区无码野战|
岛国无码av不卡一区二区|
日韩精品无码一区二区三区四区|
亚洲午夜精品第一区二区8050|
国产高清在线精品一区二区|
精品伦精品一区二区三区视频|
一区二区高清在线观看|
中文字幕不卡一区|
久久精品一区二区东京热|
午夜福利一区二区三区在线观看
|
精品人妻一区二区三区毛片|
国产在线精品一区二区夜色|
国产丝袜视频一区二区三区|
精品无码国产一区二区三区AV|
精品无码一区二区三区电影|
国产乱码精品一区二区三区四川人|
欧美成人aaa片一区国产精品
|
国产精品综合AV一区二区国产馆|
亚洲色精品VR一区区三区
|
色一情一乱一区二区三区啪啪高
|
精品久久久久中文字幕一区|