Web技術農產品網站設計與實現

導語：Web技術農產品網站設計與實現一文來源于網友上傳，不代表本站觀點，若需要原創文章可咨詢客服老師，歡迎參考。

1概述

以往，農民將農產品進行生產，為了將這其轉化成商品，就必須將其向集散地進行運輸，產品銷售的成本非常高?，F在通過建立網站，能夠使農民、商人不出門就可以在市場上進行交易，產品也不需要運輸。網站不單單能夠、查看信息，同時還可以進行交易等，用戶利用網絡能夠將傳統交易中的采集信息、市場調查以及技術咨詢等工作直接完成，科學的網站結構、作用等，能夠使商人以及現代農民的需求有效地滿足。因此，高質量網站的對農業的發展起著至關重要的作用?；ヂ摼W技術的不斷發展與壯大，農產品電子商務網站亦如春天剛發芽的小樹苗一樣茁壯成長起來。網站建設的方式很多，有基于ASP.NET的網站開發，基于PHP的網站開發，基于web前端技術的開發?；赪eb前端的開發由于它的跨平臺以及自適應性等，成為當前網站開發的方向[1]。

2關鍵技術

2.1HTML5[2]HTML是一個超文本標記語言，負責描繪網頁內容架構。HTML好像是修房子時候用的鋼筋水泥，給房子的整個架構搭建起來。HTML用于構建段落、標簽、樣式、圖像、表格等信息。HTML5是HTML的最新版本，HTML5繼承了原先HTML的部分特征，添加了許多新的語法特性，比如語義特性、本地存儲特性、設備兼容性、連接性、網頁多媒體特性等。HTML4中元素不能把文檔結構表示清楚，在HTML5中增加了與結構相關的元素，使文檔結構清楚，結構更加語義化。HTML4在Web中應用程序的功能受到限制，比如不允許同時上傳多個文件，HTML5提供了Web應用程序使用的API。HTML5優勢明顯，具有實現更新，在版本的時候能夠直接瀏覽到最新版。此外它還具有離線緩存、跨平臺、支持視頻和音頻的優勢。2.2CSS3CSS層疊樣式表，負責如何顯示結構層的有關內容。CSS好比是裝修工程師，給我們的房子裝修，重點在HTML頁面里將文本內容進行設置，例如字體等，同時將圖形、頁面布局等進行設置。對于CSS技術來說，其是以HTML為依托的，將多樣化的功能提供，例如顏色、邊框以及頁面編排等，同時其結合瀏覽器的不同，其樣式設置也是不一樣的。對于CSS3來說，其是CSS技術的改進，這一語言開發開始向模塊化方向邁進。CSS3被劃分為模塊。其中最重要的CSS3模塊包括：選擇器、框模型、背景和邊框、文本效果、2D/3D轉換、動畫、多列布局、用戶界面。CSS3對于簡單的動畫給予支持，能夠使開發效率有效提升。在CSS3中將新的內容加入進來，例如陰影、動畫等[2]。2.3JavaSript對于行為層JavaScript來說，其是目前在Web上使用的最主要的客戶端腳本語言，是Web語言的一個標準，可以對結構層和表現層的內容隨意進行更改。比如人在修房子的時候，JS可以決定架構怎么改變。對于ASP以及PHP等服務器語文來說，其要把命令向服務器進行上傳，通過服務器處理，將處理結果進行返回。對于JavaScript來說，能夠在HTML中嵌入，不必通過Web服務器來響應用戶操作，從而使網頁和用戶交互得以實現；在將客戶端個人電腦資源有效應用的過程中，要使服務器端的壓力降低，使用戶等待時間縮減。

3系統需求

3.1系統功能。網站的系統主要分為前臺管理和后臺管理兩大功能模快[3]。網站要體現以客戶為中心的理念。本網站系統的前臺模塊主要使系統和用戶的交互得以實現，要從用戶視角入手，結合用戶需求，從而設計出可以滿足用戶購物需求的功能。比如新用戶需要設計注冊功能，老用戶需要設計登錄功能。用戶需要瀏覽商品，當商品分類下，找到商品時，需要有搜索功能。特別是在網上購物，用戶對交流溝通的需求非常迫切。經過詳細的分析，這一購物系統中，前臺模塊包括注冊登錄、查看商品以及訂單模塊、用戶搜索模板等。網站后臺系統需要擁有強大的功能。在后臺系統中能夠及時上傳新商品、修改商品信息、下架的商品及時刪除。用戶下訂單后，要管理訂單。針對訪問用戶，要有統計工具分析用戶數據，更有針對性地營銷。經過仔細的考慮和分析，本購物系統設計的后臺模塊中包含管理商品、訂單、信息以及統計等模塊。3.2非功能需求。從性能需求來看，系統一定要有相應的實用性，正常運行時間具有一定的合理性，24小時均可應用。而且系統的吞吐量要與需求相符合，在訪問、并發量最大時，可以將服務器進行增加，使需求得以滿足。從安全需求來看，前臺商城以及后臺管理系統均具有登錄的功能，在后臺系統里，必須進行登錄方可實施操作，要不然是不能對系統頁面進行訪問的。

4系統設計及實現

4.1體系結構。京東的客服可以在線實時咨詢，阿里的客服需要客服需要下載阿里客服端才能夠實現。阿里巴巴屬于C/S模式，京東屬于B/S模式。B/S模式越來越多地被使用。B/S只需要借助瀏覽器就可以進行網絡的操作，不需要安裝任何的軟件?？蛻舳肆惆惭b零維護。本網站采用B/S體系架構應用，在這一結構中，軟件在服務器端運行，在終端處用戶對服務器進行訪問，能夠將其需要的數據獲取，從而將計算機資源進行有效的節約[4]。4.2開發環境?；?a href="http://www.ushengzhilian.com/lunwen/shejilunwen/wzhshjlw/201912/713835.html" target="_blank">農產品的購物網站需要安全穩定、維護成本、快速迭代等。在服務器端，軟件服務平臺選用Linx操作系統，選用Apache做為Web服務器。Apache是世界使用排名第一的Web服務器軟件，其能夠在全部的計算機平臺中運行，因為它的跨平臺特點使得其得到廣泛推廣，是目前最流行的Web服務器軟件。PHP軟件選用PHP5。數據庫選用MySQL，MySQL可以適用中小型企業。開發工具可以選用：AppServ8.4.0、DreamweaverCS6，AppServer是PHP網頁框架工具組合包，包含了：Apache、PHP、MySQL、phpMyAdmin，能夠快速地完成PHP開發環境的搭建。4.3前臺功能。[5]注冊登錄：用戶需通過Web中的表單完成注冊后登錄網站。搜索功能：用戶想查找相關商品，可通過網站首頁的搜索框來完成，通過搜索該商品的名稱來實現對商品的查詢。個人中心：設置個人資料、添加收獲地址、查看訂單信息、物流信息等。購物功能：商品添加到購物車，進入結算頁面，選擇收貨和支付方式，確認訂單。4.4后臺功能。商品管理：包括商品分類、商品規格、添加、編輯商品信息，對商品進行上下架管理。內容管理：包括廣告的編輯、網站文章的修改。訂單管理：包括查詢訂單、處理訂單、能進行發貨、填寫物流信息。物流管理：添加物流公司，修改支持的物流公司。支付管理：添加修改支持的支付方式。統計分析：統計銷售數據、商品數據等。4.5首頁。網站首頁是網站服務器收到用戶瀏覽器請求時，默認返回的第一個文檔。用戶在瀏覽器輸入網站域名，然后呈現出來的第一個頁面，就是網站的首頁。首頁是網站留給用戶的第一印象，體現著公司和網站的形象；同時首頁作為網站的入口，主要用來展示網站最重要的內容和功能，引導用戶繼續瀏覽使用其余頁面的索引和目錄。因此首頁策劃工作在網站策劃設計中非常重要。農商網首頁策劃從內容策劃、功能策劃、結構策劃進行。內容策劃要將各個功能概括成網站的欄目名稱。農商網的網站欄目劃分為7個部分：首頁的功能模塊包括商品展示模塊、商品分類模塊、新聞動態更新模塊、商品搜索模塊、促銷廣告展示模塊。網頁布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置，為了滿足欄目設置的要求需要進行的網頁模板規劃。網站的首頁面如圖1所示。

5系統測試

對于網站性能測試來說，其主要有兩種技術：（1）黑盒技術，（2）白盒技術，對于白盒測試來說，必須具有內部算法的相關數據，其實就是測試程序員的編程。對于黑盒測試來說，其對系統的要求較低，僅可以利用窮舉技術，就能夠測試今后網站會出現的情況，不必以網站和邏輯結構為依托，對其進行分析。所以，以黑盒測試為基礎，按照使用步驟對輸入的數據進行實驗，對設計的基于Web技術的農產品網站的功能以及性質實施測試[6]，如表1所示。

6結語

與傳統的Web開發框架進行比較，HTML5的優勢是不可否認的，其在多媒體實現、跨平臺應用以及用戶體驗上是十分突出的。前端使用HTML5+CSS3設計基礎頁面，它為大多數標準的界面設計提供了用戶友好、跨瀏覽器的解決方案，極大地提高了Web前端的開發效率，并且能夠建立具有較強兼容性的網站，使人們能夠不出門就能夠輕松地購買農產品，促進了農產品交易，豐富了人們的生活方式。

作者:唐滔 單位:江蘇財會職業學院信息系