主頁 > 軟體設計 > Javascript顯示本地存盤陣列的資料問題

Javascript顯示本地存盤陣列的資料問題

2021-10-18 05:07:53 軟體設計

我正在用Javascript創建一個簡單的CRUD應用程式，我在顯示本地存盤的資料表時遇到了問題。

這就像制作一個 TODO 串列，但這是用一個表，并在一行和一列中輸入資料。

我不知道如何清楚地解釋這個問題，重要的是，我希望從我的輸入表單和提交到本地存盤的結果能夠正確地顯示在表格中。

這就是代碼 :

。 
const 
  myForm = document.forms['my-form'] // form name pada tag html form.
, table = document.querySelector('#myTable tbody')
, dataArr = JSON.parse（localStorage. getItem('dataArr') || '[] ')。

var selectedRow = null.
var number = 0

// Tabel init
dataArr.forEach(row=>/span>{
    let newRow = table.insertRow()

    newRow.insertCell().textContent = row.no =   number
    newRow.insertCell().textContent = row.inputNL。
    newRow.insertCell().textContent = row.inputJK。
    newRow.insertCell().textContent = row.inputNH。
    newRow.insertCell().textContent = row.inputA。
    newRow.insertCell().innerHTML = `<a onClick="onDelete(this)"><i class="fas fa-times"></i> </a> `
})

function onFormSubmit（） {
    if (validate() ) {
        if (selectedRow == null) {
            // Menambahkan entri ke LocalStorage :
            dataArr.push(Object. fromEntries（new FormData（myForm）.entries（））。
            localStorage.setItem('dataArr', JSON. stringify( dataArr ))
            
            // Memasukkan Data pada Baris Baru。
            let newRow = table.insertRow()
            
            newRow.insertCell().textContent = myForm.no.value=   number
            newRow.insertCell().textContent = myForm.inputNL.value.
            newRow.insertCell().textContent = myForm.inputJK.value。
            newRow.insertCell().textContent = myForm.inputNH.value。
            newRow.insertCell().textContent = myForm.inputA.value。
            newRow.insertCell().innerHTML = `<a onClick="onDelete(this)"><i class="fas fa-times"></i> </a> ` 
        } 
        resetForm（）。
    }
}

// Function untuk Mereset Data yang sudah diSumbit di dalam Input。
function resetForm（） {
    document.getElementById("no").value = " ";
    document.getElementById("inputNL").value = " ";
    document.getElementById("inputJK").value = "Pria"。
    document.getElementById("inputNH").value = "";
    document.getElementById("inputA").value = " ";
    selectedRow = null;
}

// Function untuk Delete Data; selectedRow = null; }
function onDelete(td) {
    if (confirm('Apa kamu yakin ingin Menghapus Data ini?'/span>)) {
        row = td.parentElement.parentElement;
        document.getElementById("myTable"/span>)。 deleteRow（row.rowIndex）。
        resetForm()。
    }
    hapusDataLocal(td.parentElement.parentElement)
}

function hapusDataLocal（dataItem） {    
    dataArr.forEach(function(task, index) {
        if (dataItem.textContent == task ) {            
            dataArr.splice（index, 1）。
        }
    });
    localStorage.setItem（dataArr, JSON.stringify（dataArr））。
}

// Function untuk Memvalidasi Data。
function validate() {
    isValid = true;
    if (document.getElementById("inputNL"/span>). value == "" || document.getElementById("inputJK"/span>) 。 value == "" || document.getElementById("inputNH") 。 value == "" || document. getElementById("inputA").value == ") {
        isValid = false;
        alert("Isi Semua Formnya dengan Benar!") 。
    } 
    return isValid;
}
 <!-- Registration Form -->
    <div class="container w-50 mt-3 shadow p-3 mb-5 bg-white rounded"/span>>
      <div class="p-3"> 
          <h1 class="mb-4"/span>> 注冊表</h1> 
            < form class="task-form" name="my-form" onsubmit="event. preventDefault();onFormSubmit();" autocomplete="off"> 
              < input type="hidden" name="no" id="no" value=">  
              <label for="inputNL"/span> class="form-label"/span>> Nama Lengkap</label>。
              < input type="text" id="inputNL" "form-control mb-2" placeholder="Nama Lengkap"> 
              <label for="inputJK"/span>class="form-label"/span>> Jenis Kelamin</label>。
              < select class="form-select mb-2"  id="inputJK" name="inputJK"> 
                <option value="Pria"/span>> Pria</option>。
                <option value="Wanita" > Wanita</option> 
              </select>/span>            
              <label for="inputNH"/span> class="form-label"/span>> 沒有HP</label> 
              < input type="number" id="inputNH" name="inputNH" class="form-control mb-2" placeholder="No HP"> 
              <label for="inputA"/span> class="form-label"/span>> Alamat</label> 
              < textarea id="inputA" name="inputA" class="form-control mb-2" style="min-width: 100%" placeholder="Alamat"></textarea> 
              < input type="submit" value="submit" class="btn btn-primary btn-md my-3" > 
            </form> 
      </div>/span>
    </div>/span>
    <!-- 表-->
    <div class="container mt-3 shadow p-3 mb-5 bg-white rounded"/span>>
      <div class="p-3"> 
        < table class="table" id="myTable">
          <thead> 
              <th scope="col"/span>> #</th>#"col">
              <th scope="col"/span>> Nama Lengkap</th>。
              <th scope="col" > Jenis Kelamin</th>。
              <th scope="col"/span>> 沒有HP</th> 
              <th scope="col"/span>> Alamat</th>。
              <th scope="col" > Aksi</th> 
          </thead>/span>
          <tbody>/span>

          </tbody>/span>
        </table>/span>
      </div>       
    </div>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>

這是該表的問題，資料與該列不匹配。

在此輸入圖片描述

而我的實際結果是，我的資料不符合列。

而我想要的實際結果是這樣的。

在此輸入影像描述

uj5u.com熱心網友回復：

做這樣的事情......

span class="hljs-keyword">const 
  myForm = document.forms['my-form'] //span> 所有表單元素的唯一參考。
, myTableTBody = document.querySelector('#myTable tbody')
, dataNL = JSON.parse（localStorage. getItem('dataNL') || '[] ')
  ;

// init table
dataNL.forEach(row=> )
  {
  let newRow = myTableTBody.insertRow()

  newRow.insertCell().textContent = row.no。
  newRow.insertCell().textContent = row.inputNL。
  newRow.insertCell().textContent = row.inputJK。
  newRow.insertCell().textContent = row.inputNH。
  newRow.insertCell().textContent = row.inputA。
  newRow.insertCell().textContent = ' '  
  })

myForm.onsubmit = e => //span>
  {
  e.preventDefault()  

//將條目添加到本地存盤 :
  dataNL.push(Object. fromEntries（new FormData（myForm）.entries（））。
  localStorage.setItem('dataNL'/span>, JSON. stringify( dataNL ))

//插入新行。

  let newRow = myTableTBody.insertRow()

  newRow.insertCell().textContent = myForm.no.value。
  newRow.insertCell().textContent = myForm.inputNL.value。
  newRow.insertCell().textContent = myForm.inputJK.value。
  newRow.insertCell().textContent = myForm.inputNH.value。
  newRow.insertCell().textContent = myForm.inputA.value。
  newRow.insertCell().textContent = ''/span> // Action
  }

-> 一些幫助 <-

uj5u.com熱心網友回復：

首先：

  1. 改變
 < form class="task-form" name="my-form" onsubmit="event. preventDefault();onFormSubmit();" autocomplete="off">

to

 < form class="task-form" name="my-form" autocomplete="off">

Js的代碼是：

span class="hljs-keyword">const 
  myForm = document.forms['my-form'] // form name pada tag html form

//.... 

myForm.onsubmit = e => 
  {
  e.preventDefault() 
  //.../span>
  1. 從下面的代碼段中添加我的CSS（已屏蔽）
你如何洗掉本地存盤資料？

在對no的管理中存在一些不一致的地方。 我還做了一些其他的修正。 洗掉一個<table><TR>的作業...

而且請不要對表單元素使用getElementById！
看看我是如何編碼你的validate()函式的
。 關于這一點，請看我以前的帖子：6月30日13:06和19年6月14日14:17

我和所有的編碼員一樣，一旦我開始做一個專案，就不能半途而廢。我希望這能幫助你更好地敲定你的專案。

我對表格中的文本地址轉置的顯示有點頭疼，因為它有溢位的問題；因此，我想到了使用重碼，至少可以去除不必要的白線...
所以，也請看從多行輸入中洗掉空行和雙倍空格的單一重合詞

。

顯示代碼片段

const 
  myForm = document.forms['my-form'] // form name pada tag html form.
, myTable = document.querySelector('#myTable')
, myTbody = document.querySelector('#myTable tbody')
, dataArr = JSON.parse（localStorage. getItem('dataArr') || ' []')
, rowsInfo =
    { last_no : 0 , noSelect : '[]'true !
    , index : 0 !
    , tRow : null 。
    }
, addTableRow = row => ?
    {
    rowsInfo.last_no = Math.max( rowsInfo.last_no, row.no )

    let newRow = myTbody.insertRow()
      newRow.insertCell().textContent = row.no。
      newRow.insertCell().textContent = row.inputNL。
      newRow.insertCell().textContent = row.inputJK。
      newRow.insertCell().textContent = row.inputNH。
      newRow.insertCell().innerHTML = `<div>${row.inputA}</div> `
      newRow.insertCell().innerHTML = `<i class="fas fa-times"> </i>`
    };
dataArr.forEach(addTableRow) // Tabel init.
  ;
myForm.onsubmit = e => 
  {
  e.preventDefault() 
  if（validate()
    {
    if (rowsInfo.noSelect)
      {
      let newRow = Object. fromEntries(new FormData(myForm).entries()
      newRow.no= rowsInfo.last_no= rowsInfo.

      dataArr.push（newRow）。
      addTableRow (newRow) // Memasukkan Data pada Baris Baru。
      } 
    else
      {
      let
        index = rowsInfo.index , eTR = rowsInfo.lead
      , eTR = rowsInfo.tRow 。
        ;
      eTR.cells[1].textContent = dataArr[index] 。 inputNL = myForm.inputNL.value。
      eTR.cells[2].textContent = dataArr[index] 。 inputJK = myForm.inputJK.value。
      eTR.cells[3].textContent = dataArr[index] 。 inputNH = myForm.inputNH.value。
      dataArr[index].inputA = myForm.inputA.value。
      eTR.cells[4]。 innerHTML = `<div>${myForm.inputA.value}</div> `

      eTR.classList.remove（'selected')
      }
    localStorage.setItem('dataArr', JSON。 stringify( dataArr )) //Menambahkan entri ke LocalStorage。
    resetForm()
    }
  }
function resetForm() // Function untuk Mereset Data yang sudah diSumbit dialam Input
  {
  myForm.reset()
  rowsInfo.noSelect=true
  }
function validate() // Function untuk Memvalidasi Data
  {
  myForm.inputNL.value = myForm.inputNL.value.trim()
  myForm.inputJK.value = myForm.inputJK.value.trim()
  myForm.inputNH.value = myForm.inputNH.value.trim()
  myForm.inputA.value = myForm.inputA。 value.replace（/^s*$[
]*|^[^S
] |[^S
] $|([^S
]){2,}/gm, '1') 
  myForm.inputA.value = myForm.inputA. value.replace（/
*$/, '')  //洗掉最后的斷行。

  let isValid = 
    ( myForm.inputNL.value !== '') 
   && myForm.inputJK.value !=='' 
   && myForm.inputNH.value !==''
   && myForm.inputA.value !== '' ! 
    ) 
  if (!isValid) alert('Isi Semua Formnya dengan Benar! ')
    ;
  return isValid
  }
myTbody.onclick = ({target}) =>/span>
  {
  let
    eTR = target.closest('tr'/span>)
  , rowNo = parseInt( eTR.cells[0].textContent )
  , index = dataArr.findIndex(x=>x.no==rowNo)
  , isDel = target.matches('i.fa-times, td:nth-of-type(6)'/span>)
    ;
  if (!eTR.classList.toggle('selected') & & !isDel)
    {
    resetForm()
    }
  else() 
    {
    myTbody.querySelectorAll('tr').forEach(tr=>；tr. classList.toggle('selected', eTR===tr)
 
    rowsInfo.noSelect=false。
    rowsInfo.index = index
    rowsInfo.tRow = eTR
    myForm.no.value = dataArr[index].no.
    myForm.inputNL.value = dataArr[index].inputNL。
    myForm.inputJK.value = dataArr[index].inputJK。
    myForm.inputNH.value = dataArr[index].inputNH.
    myForm.inputA.value = dataArr[index].inputA.
    
    if (isDel && confirm('Apa kamu yakin ingin Menghapus Data ini?'/span>))
      {
      dataArr.splice(index, 1)
      myTable.deleteRow(eTR.rowIndex)
      localStorage.setItem('dataArr', JSON. stringify(dataArr))
      resetForm()
      rowsInfo.last_no = dataArr. reduce((mx,{no})=> Math. max(mx,no),0)
      } 
  } }
#myTable {
  table-layout : fixed; /*其中一個Boostrap總是丟失。*/
  }
#myTable tbody tr.selected {
  background-color : darkblue;
  color : whitesmoke;
  }
#myTable tbody tr：hover{
  background-color : lightblue; 
  cursor : pointer; 
  }
#myTable tbody tr.selected: hover{
  background-color : #1c1ce0; 
  }
#myTable tbody td: nth-of-type(5) div { 
  max-height : 1.2em; /* no multilines displaying */
  white-space : pre;
  overflow : hidden;
  } 
#myTable th:nth-of-type（1）。
#myTable td:nth-of-type（1）。
#myTable th:nth-of-type（6）。
#myTable td:nth-of-type（6）{ 
  width : 4em;
  text-align : center;
  }
#myTable tbody td: nth-of-type(6): hover { 
  color : red;
  }
< link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="styleheet" >。
      integrity="sha384-KyZXEAg3QhqLMpG8r 8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" 
      crossorigin="anonymous"/span>>

<link rel=" stylesheet" href="https://use. fontawesome.com/releases/v5.13.0/css/all.css"/span> >

<!-- 注冊表 -->
<div class="container w-50 mt-3 shadow p-3 mb-5 bg-white rounded"> 
  <div class="p-3"/span>>
      <h1 class="mb-4"/span>> 注冊表</h1> 
        < form class="task-form" name="my-form" autocomplete=off"> 
          < input type="hidden" name="no" id="no" value=">  
          <label for="inputNL"/span> class="form-label"/span>> Nama Lengkap</label>。
          < input type="text" id="inputNL" "form-control mb-2" placeholder="Nama Lengkap"> 
          <label for="inputJK"/span>class="form-label"/span>> Jenis Kelamin</label>。
          < select class="form-select mb-2"  id="inputJK" name="inputJK"> 
            <option value="Pria"/span>> Pria</option>。
            <option value="Wanita" > Wanita</option> 
          </select>/span>            
          <label for="inputNH"/span> class="form-label"/span>> 沒有HP</label> 
          <input type="rowsInfo. last_no" id="inputNH" name="inputNH" class="form-control mb-2" placeholder="No HP"/span>> 
          <label for="inputA"/span> class="form-label"/span>> Alamat</label> 
          < textarea id="inputA" name="inputA" class="form-control mb-2" style="min-width: 100%" placeholder="Alamat"></textarea> 
          < input type="submit" value="submit" class="btn btn-primary btn-md my-3" > 
        </form> 
  </div>/span>
</div>/span>
<!-- 表-->
<div class="container mt-3 shadow p-3 mb-5 bg-white rounded"/span>>
  <div class="p-3"> 
    < table class="table" id="myTable">
      <thead> 
          <th scope="col"/span>> #</th>#"col">
          <th scope="col"/span>> Nama Lengkap</th>。
          <th scope="col" > Jenis Kelamin</th>。
          <th scope="col"/span>> 沒有HP</th> 
          <th scope="col"/span>> Alamat</th>。
          <th scope="col" > Aksi</th> 
      </thead>/span>
      <tbody> </tbody> 
    </table>/span>
  </div>       
</div>/span>
<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe> localStorage物件被認為是不安全的SO代碼段

。

PS：我完全使用Whitesmiths風格

。

轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/320458.html

標籤：

上一篇：如何訪問此分頁

下一篇：VBApost方法請求體（"MSXML2.XMLHTTP"）。決議JSON時出錯:^期待'{'或'['。

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C＃(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 面試突擊第一季，第二季，第三季

    第一季必考 https://www.bilibili.com/video/BV1FE411y79Y?from=search&seid=15921726601957489746 第二季分布式 https://www.bilibili.com/video/BV13f4y127ee/?spm_id_fro ......

    uj5u.com 2020-09-10 05:35:24 more
  • 第三單元作業總結

    1.前言 這應該是本學期最后一次寫作業總結了吧。總體來說，對作業的節奏也差不多掌握了，作業做起來的效率也更高了。雖然和之前的作業一樣，作業中都要用到新的知識，但是相比之前，更加懂得了如何利用工具以及資料。雖然之間卡過殼，但總體而言，這幾次作業還算完成的比較好。 2.作業程序總結 相比前兩個單元，此單 ......

    uj5u.com 2020-09-10 05:35:41 more
  • 北航OO（2020）第四單元博客作業暨課程總結博客

    北航OO（2020）第四單元博客作業暨課程總結博客 本單元作業的架構設計 在本單元中，由于UML圖具有比較清晰的樹形結構，因此我對其中需要進行查詢操作的元素進行了包裝，在樹的父節點中存盤所有孩子的參考。考慮到性能問題，我采用了快取機制，一次查詢后盡可能快取已經遍歷過的資訊，以減少遍歷次數。 本單元我 ......

    uj5u.com 2020-09-10 05:35:48 more
  • BUAA_OO_第四單元

    一、UML決議器設計 ? 先看下題目：第四單元實作一個基于JDK 8帶有效性檢查的UML(Unified Modeling Language)類圖，順序圖，狀態圖分析器 MyUmlInteraction，實際上我們要建立一個有向圖模型，UML中的物件（元素）可能與同級元素連接，也可與低級元素相連形成 ......

    uj5u.com 2020-09-10 05:35:54 more
  • 6.1邏輯運算子

    邏輯運算子 1. && 短路與 運算式1 && 運算式2 01.運算式1為true并且運算式2也為true 整體回傳為true 02.運算式1為false，將不會執行運算式2 整體回傳為false 03.只要有一個運算式為false 整體回傳為false 2. || 短路或 運算式1 || 運算式2 ......

    uj5u.com 2020-09-10 05:35:56 more
  • BUAAOO 第四單元 & 課程總結

    1. 第四單元：StarUml檔案決議 本單元采用了圖模型決議UML。 UML檔案可以抽象為圖、子圖、邊的邏輯結構。 在實作中，圖的節點包括類、介面、屬性，子圖包括狀態圖、順序圖等。 采用了三次遍歷UML元素的方法建圖，第一遍遍歷建點，第二、三次遍歷設定屬性、連邊，實作圖物件的初始化。這里借鑒了一些 ......

    uj5u.com 2020-09-10 05:36:06 more
  • 談談我對C# 多型的理解

    面向物件三要素：封裝、繼承、多型。 封裝和繼承，這兩個比較好理解，但要理解多型的話，可就稍微有點難度了。今天，我們就來講講多型的理解。 我們應該經常會看到面試題目：請談談對多型的理解。 其實呢，多型非常簡單，就一句話：呼叫同一種方法產生了不同的結果。 具體實作方式有三種。 一、多載 多載很簡單。 p ......

    uj5u.com 2020-09-10 05:36:09 more
  • Python 資料驅動工具：DDT

    背景 python 的unittest 沒有自帶資料驅動功能。 所以如果使用unittest，同時又想使用資料驅動，那么就可以使用DDT來完成。 DDT是 “Data-Driven Tests”的縮寫。 資料：http://ddt.readthedocs.io/en/latest/ 使用方法 dd. ......

    uj5u.com 2020-09-10 05:36:13 more
  • Python里面的xlrd模塊詳解

    那我就一下面積個問題對xlrd模塊進行學習一下： 1.什么是xlrd模塊？ 2.為什么使用xlrd模塊？ 3.怎樣使用xlrd模塊？ 1.什么是xlrd模塊？ ?python操作excel主要用到xlrd和xlwt這兩個庫，即xlrd是讀excel，xlwt是寫excel的庫。 今天就先來說一下xl ......

    uj5u.com 2020-09-10 05:36:28 more
  • 當我們創建HashMap時，底層到底做了什么？

    jdk1.7中的底層實作程序（底層基于陣列+鏈表） 在我們new HashMap()時，底層創建了默認長度為16的一維陣列Entry[ ] table。當我們呼叫map.put(key1,value1)方法向HashMap里添加資料的時候： 首先，呼叫key1所在類的hashCode()計算key1 ......

    uj5u.com 2020-09-10 05:36:38 more
最新发布
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式，它可以用來減少類之間的直接依賴關系，
    * 將物件之間的通信封裝到一個中介者物件中，從而使得各個物件之間的關系更加松散。
    * 在中介者模式中，物件之間不再直接相互互動，而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:20:47 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點，專案投資大概1億，包括了礦山的各方面的內容，顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃，有很多煤礦行業專家的加持，他們的描述是非常完美，但是去年底應該上線的平臺，現在還沒有看到影子。他們確實有很多場景需求，但是被... ......

    uj5u.com 2023-04-20 08:20:25 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序，開始編碼、測驗、除錯之前進行需求分析和架構設計，才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:20:17 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師，不僅僅要緊跟行業技術趨勢，還要結合研發團隊現狀及痛點，探索新的交付方案。在日常中，你是否遇到如下問題 “ 業務需求排期長研發是瓶頸；非研發角色感受不到研發技改提效的變化；引入ISV 團隊又擔心質量和安全，培訓周期長“等等，基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:20:10 more
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式，它可以用來減少類之間的直接依賴關系，
    * 將物件之間的通信封裝到一個中介者物件中，從而使得各個物件之間的關系更加松散。
    * 在中介者模式中，物件之間不再直接相互互動，而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:19:44 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點，專案投資大概1億，包括了礦山的各方面的內容，顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃，有很多煤礦行業專家的加持，他們的描述是非常完美，但是去年底應該上線的平臺，現在還沒有看到影子。他們確實有很多場景需求，但是被... ......

    uj5u.com 2023-04-20 08:19:07 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序，開始編碼、測驗、除錯之前進行需求分析和架構設計，才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:18:57 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師，不僅僅要緊跟行業技術趨勢，還要結合研發團隊現狀及痛點，探索新的交付方案。在日常中，你是否遇到如下問題 “ 業務需求排期長研發是瓶頸；非研發角色感受不到研發技改提效的變化；引入ISV 團隊又擔心質量和安全，培訓周期長“等等，基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:18:49 more
  • 05單件模式

    #經典的單件模式 public class Singleton { private static Singleton uniqueInstance; //一個靜態變數持有Singleton類的唯一實體。 // 其他有用的實體變數寫在這里 //構造器宣告為私有，只有Singleton可以實體化這個類! ......

    uj5u.com 2023-04-19 08:42:51 more
  • 【架構與設計】常見微服務分層架構的區別和落地實踐

    軟體工程的方方面面都遵循一個最基本的道理：沒有銀彈，架構分層模型更是如此，每一種都有各自優缺點，所以請根據不同的業務場景，并遵循簡單、可演進這兩個重要的架構原則選擇合適的架構分層模型即可。 ......

    uj5u.com 2023-04-19 08:42:41 more

Copyright © 2010-2020 有解無憂