本文章來介紹一下不同產(chǎn)品的類別,像一些半導(dǎo)體功率器件及模塊的產(chǎn)品,它們的類別不同,從而產(chǎn)品的參數(shù)也是不同的,以下以其中一個(gè)半導(dǎo)體的網(wǎng)站為例,介紹一下介紹網(wǎng)站如何實(shí)現(xiàn)不同的產(chǎn)品類別顯示和篩選不同的參數(shù)的過程。先來看后臺(tái),如下圖所示:

由于產(chǎn)品只有二級(jí)類別,所以添加產(chǎn)品二級(jí)分類完成后,需要對(duì)每個(gè)產(chǎn)品二級(jí)類別設(shè)置規(guī)格參數(shù),點(diǎn)擊二級(jí)類別晶體管光耦的“設(shè)置規(guī)格參數(shù)”,如下圖所示:

上面的規(guī)格參數(shù)均為二級(jí)類別晶體管光耦的參數(shù),可以設(shè)置顯示狀態(tài)和篩選顯示,如果篩選是顯示狀態(tài),則前臺(tái)篩選時(shí)就會(huì)顯示這個(gè)參數(shù)。接下來是添加產(chǎn)品的內(nèi)容,如下圖所示:

先選擇一個(gè)二級(jí)類別(由于不同的類別參數(shù)不同,所以需要根據(jù)所選擇的類別來添加產(chǎn)品,添加產(chǎn)品時(shí)的參數(shù)就會(huì)出現(xiàn)所選類別的規(guī)格參數(shù)),如下圖所示:

添加產(chǎn)品內(nèi)容后,我們來看一下前臺(tái)顯示,前臺(tái)網(wǎng)頁點(diǎn)擊晶體管光耦類別時(shí),產(chǎn)品的列表
顯示如下圖所示:

而可過篩選的參數(shù)如下圖所示:

篩選的內(nèi)容如下圖所示:

例如篩選封裝形式,點(diǎn)擊以上三個(gè)參數(shù),點(diǎn)擊“搜索”,則右邊的產(chǎn)品列表會(huì)顯示符合封裝形式條件的產(chǎn)品出來。
以上內(nèi)容只是提供一種設(shè)計(jì)方案的想法,具體是需要由前端和程序來實(shí)現(xiàn)的,產(chǎn)品的功能會(huì)比一般網(wǎng)站的產(chǎn)品功能復(fù)雜一些,但邏輯是沒問題的。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://pdcharm.com/news/6963.html