【《紅蘋果銷售網(wǎng)站設(shè)計與實現(xiàn)》10000字】_第1頁
【《紅蘋果銷售網(wǎng)站設(shè)計與實現(xiàn)》10000字】_第2頁
【《紅蘋果銷售網(wǎng)站設(shè)計與實現(xiàn)》10000字】_第3頁
【《紅蘋果銷售網(wǎng)站設(shè)計與實現(xiàn)》10000字】_第4頁
【《紅蘋果銷售網(wǎng)站設(shè)計與實現(xiàn)》10000字】_第5頁
已閱讀5頁，還剩25頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

紅蘋果銷售網(wǎng)站設(shè)計與實現(xiàn)摘要據(jù)了解，亞洲消費者食品賬單的50%以上的花費是在生鮮上。水果生鮮市場在互聯(lián)網(wǎng)、物聯(lián)網(wǎng)與消費升級的多重作用下，流通更方便快速，省內(nèi)外海內(nèi)外水果生鮮產(chǎn)品互通有無，不再受到季節(jié)、地域等限制，需求也逐漸增大。生鮮市場需求大，但是競爭也大，越來越多企業(yè)商家通過水果生鮮網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計制作平臺的搭建布局互聯(lián)網(wǎng)市場，消費者也逐漸養(yǎng)成了通過各類互聯(lián)網(wǎng)平臺購買各類水果生鮮產(chǎn)品。本紅蘋果銷售網(wǎng)站是基于Web開發(fā)的，系統(tǒng)在開發(fā)時前端使用HTML+CSS+JavaScript技術(shù)，后端使用PHP技術(shù)，數(shù)據(jù)庫用的是MySQL。系統(tǒng)主要功能有：前臺首頁、商品展示、商品詳情、立即訂購、下單支付、登陸注冊、個人中心、我的訂單等功能。該紅蘋果銷售網(wǎng)站具有功能強大，操作簡單，界面友好，處理數(shù)據(jù)能力強等特點，為管理人員節(jié)約了時間，具有很高的實際應(yīng)用價值。摘要 3第1章緒論 5第2章相關(guān)技術(shù)簡介 72.1MVC模式 72.2HTML語言簡介 72.3Tomcat簡介 72.4PHP簡介 72.5MySQL簡介 8第3章網(wǎng)站整體設(shè)計 93.1系統(tǒng)結(jié)構(gòu)分析 93.2網(wǎng)站功能結(jié)構(gòu)圖 93.3前臺功能模塊設(shè)計 93.4可行性分析 10第4章系統(tǒng)實現(xiàn)及效果分析 124.1網(wǎng)站功能的實現(xiàn) 124.2前后臺效果分析 244.3系統(tǒng)運行測試 28第5章總結(jié) 30參考文獻(xiàn) 31

第1章緒論隨著社會的不斷發(fā)展，我國很多地區(qū)的經(jīng)濟(jì)隨之升高，這樣就使得人們對生活必需品的需求量大大增加，但是由于生活質(zhì)量越來越高的同時，卻因為工作的繁忙，這也讓許多人沒有更多的時間去實體店購買選購水果，所以建設(shè)一款具有特色的線上水果選購平臺，它可以讓人們對自己喜歡的東西進(jìn)行選擇。在這個平臺可以既快捷又方便人們購買，并且節(jié)省了人們的時間，提高生活質(zhì)量。隨著生活水平的日益提高，水果種植和銷售也越來越好，需求也越來越大，本次設(shè)計的紅蘋果銷售網(wǎng)站，就是為了滿足用戶對蘋果選購的需求，開發(fā)這樣的一個銷售網(wǎng)站是非常重要的，意義如下:①水果生鮮產(chǎn)品可追溯查詢水果生鮮產(chǎn)品不管是對商家企業(yè)還是對消費者來說，重要的關(guān)注點基本上都是在“鮮”字上面。但是傳統(tǒng)的生鮮水果產(chǎn)品不管是商家還是消費者對產(chǎn)品的“鮮”都很難判定，基本上是通過眼看、鼻聞、手捏等方式判斷，準(zhǔn)確性并不高。在冷凍鏈的發(fā)展下，很多看著新鮮的水果產(chǎn)品可能已經(jīng)保存了很長時間。對商家來說，保存不得當(dāng)很可能導(dǎo)致水果產(chǎn)品的損壞，造成損失；消費者來不滿足其新鮮度，下次不再去購買等導(dǎo)致客戶流失。企業(yè)通過水果生鮮網(wǎng)站建設(shè)制作平臺提供水果生鮮產(chǎn)品可追溯查詢，讓消費者了解是哪個果園甚至哪位農(nóng)戶種植的。很好玩，也有科技感，體驗好，提高客戶留存率。對企業(yè)商家來說，通過追溯查詢，讓整合環(huán)節(jié)信息全程透明，保證水果生鮮產(chǎn)品的品質(zhì)感，整個供應(yīng)鏈采購管理系統(tǒng)體系成為數(shù)據(jù)驅(qū)動的平臺。②線上線下系統(tǒng)化發(fā)展水果生鮮市場在多元化市場狀態(tài)下，不管是單一的線下模式還是單一的線上運營模式，都并不利于長遠(yuǎn)發(fā)展壯大。為擴(kuò)大市場需實現(xiàn)線上線下共同系統(tǒng)化發(fā)展，實現(xiàn)規(guī)模化系統(tǒng)化發(fā)展。通過水果生鮮網(wǎng)站平臺，把線下活動通過線下展示，吸引用戶到線下消費，同時通過線下各水果生鮮門店提供線上下單優(yōu)惠等策略，吸引更多用戶轉(zhuǎn)移到線上平臺，實現(xiàn)線上線下的共同運營發(fā)展，并實現(xiàn)其系統(tǒng)化規(guī)模化統(tǒng)一化運營管理，提高工作效率提供決策參考依據(jù)。③物流系統(tǒng)管理水果生鮮產(chǎn)品其中的物流環(huán)節(jié)對整個產(chǎn)品的發(fā)展起著極其重要的作用，傳統(tǒng)水果生鮮市場的物流環(huán)節(jié)是彼此孤立互不相同的模式，中間的轉(zhuǎn)賣環(huán)節(jié)多，從農(nóng)戶售中收集采購，到統(tǒng)一收集某一大供應(yīng)商平臺，再一級一級地銷售到下一層級，水果生鮮產(chǎn)品的新鮮度得不到保證，環(huán)節(jié)多，損壞大。通過水果生鮮互聯(lián)網(wǎng)平臺建立完善的物流體系，進(jìn)行統(tǒng)一集中的采購，并與農(nóng)戶進(jìn)行長期合作，打造生鮮供應(yīng)鏈平臺，強化物流體系，保證生鮮產(chǎn)品的來源、減少流通環(huán)節(jié)造成的成本、保證產(chǎn)品質(zhì)量等，發(fā)展為企業(yè)的核心競爭力。

第2章相關(guān)技術(shù)簡介2.1MVC模式MVC是一種軟件程序設(shè)計的典范，可以用于組織代碼，使代碼結(jié)構(gòu)清晰，層次分明。它的原理是將業(yè)務(wù)的邏輯代碼和前端的展示數(shù)據(jù)分離，只在每層直接留出一個接口供外層調(diào)用。在Java中，這樣的模型成為實體類，也就是JavaBean，非常大的減少了代碼的重復(fù)性。在MVC模式中，視圖(view)是用戶看到并能進(jìn)行操作的界面，也即是對用戶進(jìn)行展示數(shù)據(jù)的頁面。對互聯(lián)網(wǎng)初期的Web應(yīng)用程序服務(wù)來說，視圖就是由各種HTML元素組成的界面，這樣的頁面對用戶來說操作不方便，不能進(jìn)行很好的互動，但近年來一些新的前端技術(shù)已層出不窮，各類樣式數(shù)不勝數(shù)，它們包括HTML和JS語言來處理動態(tài)頁面，而且近年來的前端設(shè)計越來越趨向于扁平化，給用戶簡單大氣的感覺。在MVC模式中，控制器接受視圖傳來的數(shù)據(jù)，去調(diào)取模型返回的數(shù)據(jù)，作為這二者的一個中間件。它只是單純接收需要解析的數(shù)據(jù)，調(diào)用相關(guān)的service去處理模型，最后決定由哪些視圖將這些數(shù)據(jù)很好的展示處理。2.2HTML語言簡介HTML語言的全稱是超文本標(biāo)記語言。可以用來創(chuàng)作網(wǎng)頁、網(wǎng)站。并在瀏覽器上進(jìn)行訪問。其標(biāo)記語言由瀏覽器進(jìn)行解析后呈現(xiàn)給用戶去查看，而且HTML語言能夠嵌入對CSS進(jìn)行解析。使用JavaScript對HTML網(wǎng)頁的跳轉(zhuǎn)，等相應(yīng)一系列的操作使網(wǎng)頁能夠交互起來。<!DOCTYPE>聲明必須是HTML文檔的第一行，位于<html>標(biāo)簽之前。<!DOCTYPE>聲明不是HTML標(biāo)簽，它用于向瀏覽器說明當(dāng)前文檔是屬于哪種HTML或XHTML標(biāo)準(zhǔn)規(guī)范。必須在開頭使用<!DOCTYPE>為所有的XHTML文檔指定XHTML版本和類型，這樣瀏覽器才能將網(wǎng)頁作為有效的XHTML文檔，并按照指定文檔類型進(jìn)行解析。<!DOCTYPE>聲明與瀏覽器的兼容性相關(guān)，如果沒有<!DOCTYPE>，就由瀏覽器決定如何展示HTML頁面。這時，不同瀏覽器可能會有多種顯示效果，這樣是不被允許的。HTML文檔：<html>標(biāo)簽位于<!DOCTYPE>聲明之后，作用相當(dāng)于在告知瀏覽器這是一個HTML文檔。<html></html>標(biāo)簽限定了文檔的開始和結(jié)束點，其中<html>表示網(wǎng)頁的開始，</html>表示網(wǎng)頁的結(jié)束，網(wǎng)頁需要展示的所有內(nèi)容都應(yīng)該寫到<html></html>標(biāo)簽的內(nèi)部，<html>標(biāo)簽也被稱為根標(biāo)簽，指最外層的意思。<head></head>用于定義HTML文檔的頭部信息。在<html>標(biāo)簽之后。文檔頭內(nèi)部的標(biāo)簽如下：<title></title>定義網(wǎng)頁標(biāo)題<style></style>定義HTML文檔的樣式文件<script></script>定義JavaScript或腳本文件<link/>定義了一個文檔和外部資源之間的關(guān)系<meta/>定義網(wǎng)頁原信息一個HTML文檔只能有一對<head></head>標(biāo)簽，大部分的文檔頭部包含的標(biāo)簽數(shù)據(jù)不會真正作為內(nèi)容顯示在頁面中。示例：<metacharset="UTF-8">指定網(wǎng)頁的編碼方式為utf-8。utf-8是一種網(wǎng)頁編碼規(guī)范，可以同一顯示中文簡體，繁體及其它語言（如英語、日語、韓語），這樣網(wǎng)頁就不會出現(xiàn)亂碼的情況，屬于國際通用的編碼方式。<body></body>包含文檔要展示的所有內(nèi)容，也稱為主體標(biāo)簽，網(wǎng)頁中顯示的文本、超鏈接、圖片、表格和列表等信息，都必須在<body>內(nèi)。（解釋內(nèi)容越少，事越大）HTML語言是不區(qū)分大小寫的，但是建議文檔聲明采用大寫方式，其它部分都采用小寫方式。2.3Tomcat簡介Tomcat服務(wù)器是Apache軟件基金會底下的Jakarta中的一個中樞項目，在中小型體系和并發(fā)走訪用戶不是許多的局面下被廣泛使用，是開發(fā)和調(diào)試HTML程序的最佳選擇。Tomcat是一個具有免費源碼功能的Servlet容器。與Apache和Sun等個人用戶共同開發(fā)。在Sun的參與和支持下，始終體現(xiàn)最新的Servlet和HTML規(guī)范。Tomcat還有其他幾個用途，比如放置SSL證書，可以大大提高數(shù)據(jù)傳輸?shù)陌踩?。它還支持JNDI接口，因此它與J2EE應(yīng)用服務(wù)器兼容。簡單、復(fù)雜、易于部署、免費的源代碼滿足我們的需求。在這種情況下，我們自然選擇了Tomcat。使用tomcat后，可以這樣:8080/test.html。首先右邊下載tomcat.rar解壓在d:盤，隨便你解壓在哪里，一般解壓在一個好找的地方，因為后續(xù)的學(xué)習(xí)需要頻繁的啟動它然后運行批處理文件：D:/tomcat/bin/startup.bat最后如果你看到Serverstartupinxxxms，就表明啟動成功了。tomcat是java語言編寫的軟件JVM是java虛擬機的縮寫java虛擬機本質(zhì)就是一個程序，當(dāng)它在命令行上啟動的時候，就開始執(zhí)行保存在某字節(jié)碼文件中的指令。java語言的可移植性正是建立在java虛擬機的基礎(chǔ)上。任何平臺只要裝有針對該平臺的java虛擬機，字節(jié)碼文件（.class）就可以在該平臺上運行。這就是一次編譯處處運行關(guān)于不同語言的編譯：c語言（編譯性語言）：源碼不同的CPU架構(gòu)需要相同的代碼根據(jù)不同的操作系統(tǒng)進(jìn)行重新編譯java語言（一次編譯處處運行）：jdk包含java虛擬機；java代碼運行在java虛擬機中；不同的操作系統(tǒng)可以使用相同的java代碼，只是需要不同的jdk；java虛擬機提供了相同的環(huán)境；tomcat基于java開發(fā)的web服務(wù)tomcat和nginx的區(qū)別：nginx僅支持靜態(tài)資源，而tomcat則支持java開發(fā)的jsp動態(tài)資源和靜態(tài)資源nginx適合做前端負(fù)載均衡，而tomcat適合做后端應(yīng)用服務(wù)處理通常情況下，企業(yè)會使用nginx+tomcat結(jié)合使用，由nginx處理靜態(tài)資源，tomcat處理動態(tài)資源nginx+PHP處理動態(tài)資源tomcat單獨就可以處理動態(tài)資源JVMJREjdk三者的區(qū)別：1、JVM是java虛擬機2、JRE是java的運行環(huán)境（包含java虛擬機）3、jdk是java的開發(fā)工具（包含JRE（JRE包含java虛擬機））2.4PHP簡介PHP，一個嵌套的縮寫名稱，是英文超級文本預(yù)處理語言（PHP:HypertextPreprocessor）的縮寫。PHP是一個受眾大并且擁有眾多開發(fā)者的開源軟件項目，Linux+Nginx+Mysql+PHP是它的經(jīng)典安裝部署方式，相關(guān)的軟件全部都是開源免費的，所以使用PHP可以節(jié)約大量的正版授權(quán)費用。不過PHP作為一個開源軟件，它缺乏大型科技公司的支持背景，網(wǎng)絡(luò)上對它的唱衰也是經(jīng)久不衰，不過它的持續(xù)迭代和性能持續(xù)增強的現(xiàn)實卻是鼓舞人心的，PHP社區(qū)用實際行動給予各種質(zhì)疑強有力的回?fù)簟HP的內(nèi)核是C語言編寫的基礎(chǔ)好效率高，可以用C語言開發(fā)高性能的擴(kuò)展組件;PHP的核心包含了數(shù)量超過1000的內(nèi)置函數(shù)，功能應(yīng)有盡有很全面，開箱即用程序代碼簡潔；PHP數(shù)組支持動態(tài)擴(kuò)容，支持以數(shù)字、字符串或者混合鍵名的關(guān)聯(lián)數(shù)組，能大幅提高開發(fā)效率；PHP是一門弱類型語言，程序編譯通過率高，相對其他強類型語言開發(fā)效率快；PHP天然熱部署，在php-fpm運行模式下代碼文件覆蓋即完成熱部署；PHP經(jīng)過20多年的發(fā)展，在互聯(lián)網(wǎng)上可以搜到海量的參考資料供參考學(xué)習(xí)。PHP版本越高它的整體性能越高，根據(jù)官方介紹，PHP7.0.0對比PHP5.6性能就提升了2倍，PHP7.4已經(jīng)比PHP7.0快了約30％，PHP8.0在性能上又相對PHP7.4大約改進(jìn)了10%。PHP8.0引入了JIT編譯器特性，同時加入多種新的語言功能，例如命名參數(shù)、聯(lián)合類型、注解、ConstructorPropertyPromotion、match表達(dá)式、nullsafe運算符以及對類型系統(tǒng)、錯誤處理和一致性的改進(jìn)。PHP擁有自己的核心開發(fā)團(tuán)隊，保持5年發(fā)布一個大版本、1個月發(fā)布2個小版本的頻率，最新的版本是PHP8.08。PHP7.0.0發(fā)布于2015-12-03，此版本下最新版本是PHP7.4.21（發(fā)布日期：2021-07-01），PHP8.0.0發(fā)布于2020-11-26,此版本下最新版本是PHP8.0.8（發(fā)布日期：2021-07-01）。2.5MySQL簡介在本設(shè)計中運用了MySQL數(shù)據(jù)庫技術(shù)。MySQL支持大多數(shù)的數(shù)據(jù)庫管理工具。數(shù)據(jù)存儲上，他可以將數(shù)據(jù)存放在一個大倉庫內(nèi)，可以提高前端對數(shù)據(jù)的訪問速度提高了代碼的效率。本數(shù)據(jù)庫多年來因為速度、可靠性和適應(yīng)性深受廣大用戶的喜愛。在數(shù)據(jù)庫管理方面，使用了Navicat管理工具，可以更加方便的對數(shù)據(jù)庫進(jìn)行管理。它還是一個關(guān)系數(shù)據(jù)庫管理系統(tǒng)，把數(shù)據(jù)存放在了分立的表格中，這將比把所有數(shù)據(jù)存放在一個大倉庫中要好得多，這樣做將會提高你使用時的速度和靈活性。而且MySQL是開源的，任何人都可以使用和修改它，MySQL同時還可以支持多個數(shù)據(jù)庫同時高效的運行。

第3章網(wǎng)站整體設(shè)計3.1系統(tǒng)結(jié)構(gòu)分析本系統(tǒng)是基于Web開發(fā)的，系統(tǒng)在開發(fā)時前端使用HTML+CSS+JavaScript技術(shù)，后端使用PHP技術(shù)，數(shù)據(jù)庫用的是MySQL。盡量做到了高內(nèi)聚、低耦合。在搭建整體技術(shù)框架的同時，對系統(tǒng)的整體布局進(jìn)行了系統(tǒng)的考慮。盡量做到了優(yōu)先考慮用戶體驗度。3.2網(wǎng)站功能結(jié)構(gòu)圖圖3-1網(wǎng)站整體結(jié)構(gòu)圖該系統(tǒng)主要分為前臺客戶和后臺管理員兩大功能模塊，前臺功能主要包括首頁、產(chǎn)品展示、新聞中心、技術(shù)討論、客戶留言這五個主要模塊；后臺包括：系統(tǒng)配置、公司簡介、產(chǎn)品管理、新聞管理、留言管理這五個主要模塊。各主要模塊包括幾個子模塊，如下：(1)新聞公告：標(biāo)題、公告時間、公告內(nèi)容。(2)產(chǎn)品展示：產(chǎn)品名稱、產(chǎn)品介紹、產(chǎn)品特點、圖像檔、發(fā)布時間。(3)客戶留言：姓名、性別、電話、通訊地址Email、主題、留言內(nèi)容。3.3前臺功能模塊設(shè)計圖3-2前臺功能結(jié)構(gòu)圖主要功能模塊介紹:（1）首頁功能模塊企業(yè)簡介，主要包括企業(yè)背景、發(fā)展歷史、主要業(yè)績及組織結(jié)構(gòu)等，讓訪問者對企業(yè)的情況有一個概括的了解。（2）產(chǎn)品展示產(chǎn)品展示是指對產(chǎn)品進(jìn)行詳細(xì)展示，包括規(guī)格，產(chǎn)品的款式顏色等所有產(chǎn)品詳細(xì)的信息。（3）新聞模塊通過最新的新聞信息，發(fā)布企業(yè)動態(tài)信息，可以讓用戶了解公司的發(fā)展動向加深對公司的印象。會員注冊與登錄功能注冊頁面最重要的四部分是注冊郵箱、密碼、確認(rèn)密碼與注冊按鈕。用戶分別輸入郵箱、密碼與確認(rèn)密碼后點擊注冊按鈕完成注冊。（5）客戶留言模塊留言板是一個商務(wù)網(wǎng)站中不可缺少的組成部分，它可以增進(jìn)用戶與網(wǎng)站之間的交流。3.4可行性分析系統(tǒng)可行性分析是對系統(tǒng)可行性進(jìn)行一個探討。在探討系統(tǒng)的可行性上我們主要從技術(shù)上的可行性、經(jīng)濟(jì)上的可行性、法律層面的可行性以及時間的可行性上進(jìn)行分析，如果四個層面度通過，我們則認(rèn)為系統(tǒng)是比較可行的。1）技術(shù)可行性紅蘋果銷售網(wǎng)站的后端使用的是目前很受歡迎的PHP技術(shù)，面向用戶的前端頁面使用HTML+CSS+JavaScript，MYSQL數(shù)據(jù)庫用來存儲信息。這個軟件與PHP技術(shù)非常的契合，軟件與框架之間能夠很好地進(jìn)行搭配；紅蘋果銷售網(wǎng)站的前端所用的主要技術(shù)是HTML+CSS+JavaScript，它作為基本的web開發(fā)語言之一，無處不在，而前端軟件能夠體現(xiàn)好這個這個前端語言；MYSQL數(shù)據(jù)庫使用的軟件是NavicatforMySQL，這個軟件能夠直接體現(xiàn)出自己所創(chuàng)立的數(shù)據(jù)庫表，同時也可以查看自己輸入的數(shù)據(jù)是否保存到了數(shù)據(jù)庫中。當(dāng)用戶在系統(tǒng)平臺進(jìn)行操作時，微信小程序立刻進(jìn)行工作時，可以快速完成用戶的操作，為用戶與系統(tǒng)的交互速度提供最大的支持。2）經(jīng)濟(jì)可行性開發(fā)紅蘋果銷售網(wǎng)站時，需要考慮它的經(jīng)濟(jì)成本。紅蘋果銷售網(wǎng)站中使用的是免費開發(fā)軟件，使用的代碼雖然是最受歡迎和最常用的，但它們都屬于開源代碼，不需要支付使用費。在紅蘋果銷售網(wǎng)站開發(fā)完成時，可以在電腦瀏覽器上直接正常使用，現(xiàn)在市面上的電腦和瀏覽器都是滿足使用需求的。3）操作可行性本設(shè)計開發(fā)的紅蘋果銷售網(wǎng)站，用戶界面也是非常簡單易操作的，進(jìn)入紅蘋果銷售網(wǎng)站界面可以直接看到紅蘋果銷售網(wǎng)站售賣的商品等。4）法律可行性系統(tǒng)從法律層面上來沒有對第三方有其他放有法律層面的問題，系統(tǒng)數(shù)據(jù)庫采用的Mysql開源社區(qū)數(shù)據(jù)庫、框架采用的是開源的PHP技術(shù)。系統(tǒng)資訊和相關(guān)內(nèi)容也是符合法律層面的。在源碼的管理上采用git開源進(jìn)行管理，所以在法律可行性上是成立的。5）時間可行性開發(fā)紅蘋果銷售網(wǎng)站，需要對時間的長短進(jìn)行充分考慮，要安排好完整的設(shè)計計劃表，具體到哪段時間之內(nèi)要做完哪個功能。要完成紅蘋果銷售網(wǎng)站管理員信息管理的設(shè)計，自己也完成了這段時間的設(shè)計，并且因為前面代碼還不是特別多的時候，進(jìn)行修改代碼來優(yōu)化這部分功能時不需要太消耗時間和精力。后面還要對編寫完的程序進(jìn)行總體調(diào)試，而到現(xiàn)在時，紅蘋果銷售網(wǎng)站基本完成了，確定了這個紅蘋果銷售網(wǎng)站完成性。在上面這幾個角度的分析，紅蘋果銷售網(wǎng)站的開發(fā)是可行的，具備了開發(fā)的所有條件。

第4章系統(tǒng)實現(xiàn)及效果分析4.1網(wǎng)站功能的實現(xiàn)首頁：部分重要代碼實現(xiàn)：導(dǎo)航代碼：<divclass="collapsenavbar-collapsenavbar-collapse-toolbarpull-md-leftp-0"id="eyou-nav-collapse"><ulclass="navnavbar-navnavlist"><liclass='nav-item'><a> <imgsrc='/uploads/allimg/20190520/16ea10544aa435344c3b04d6b06ee872.jpg'alt='紅蘋果銷售網(wǎng)站'width='150'height='150'id='eyou-weixin-img'></div> "><iclass="fafa-weixinlight-green-700"></i></a><a href="/msgrd?v=3&uin=1234567890&site=qq&menu=yes" rel="nofollow"target="_blank"><iclass="fafa-qq"></i></a><ahref=""rel="nofollow"target="_blank"><iclass="fafa-weibored-600"></i></a><ahref="mailto:1790728676@"rel="nofollow"target="_blank"><iclass="fafa-envelopered-600"></i></a></div></div></div></div><footerclass="link_eyou_1text-xs-center"><divclass="containerp-y-15"><ulclass="breadcrumbp-0link-imgm-0"><liclass='breadcrumb-item'>友情鏈接:</li></ul></div></footer><footerclass='foot_info_eyou_1eyou-footborder-top1'><divclass="containertext-xs-center"><divclass="powered_by_eyou">Copyright?2012-2021ACE科技工作室版權(quán)所有<ahref="/plus/powerby.php"target="_blank">PoweredbyEyouCms</a></div><p></p><ulclass="eyou-langlistp-0"></ul></div></footer><divclass="foot_info_eyou_1_bottomtext-xs-center"data-bg="|#00ad2b|1"data-ifbotc=""><divclass="main"><divclass=""><ahref="tel:400-123-4657"class="item"><iclass="fafa-phone"></i><span>電話咨詢</span></a></div><divclass=""><ahref="/index.php?m=home&c=Lists&a=index&tid=2"class="item"><iclass="fafa-shopping-cart"></i><span>產(chǎn)品中心</span></a></div><divclass=""><ahref="/index.php?m=home&c=Lists&a=index&tid=5"class="item"><iclass="fafa-car"></i><span>配送服務(wù)</span></a></div></div>會員注冊登錄代碼：<!--會員注冊登錄--><buttontype="button"class="navbar-togglercollapsedm-0p-x-5eyou-head-user-toggler"data-target="#eyou-head-user-collapse"data-toggle="collapse"><iclass="iconwb-user-circle"aria-hidden="true"></i></button><divclass="collapsenavbar-collapsenavbar-collapse-toolbarpull-md-rightp-0"id='eyou-head-user-collapse'm-id='member'm-type='member'><ulclass="navbar-navvertical-alignp-l-0m-b-0eyou-head-user"><liclass="text-xs-centervertical-align-middleanimation-fade"><ahref="/index.php?m=user&c=Users&a=login"id="7f38c9a463752f1a40ee32dbe9502d07"class="btnbtn-squaredbtn-primarybtn-outlinem-r-10"><iclass="iconfa-user"aria-hidden="true"></i>登錄</a><scripttype="text/javascript"src="/public/static/common/js/tag_user.js?v=v1.5.1"></script><scripttype="text/javascript">vartag_user_result_json={"id":"7f38c9a463752f1a40ee32dbe9502d07","txtid":"81f65b09437ceba9d5e91ce2fa673954","txt":"","cartid":"4c831401db885cc7c6468039e0ad73e8","img":"off","url":"\/index.php?m=user&c=Users&a=login","type":"login","currentstyle":"","afterhtml":"","root_dir":""};tag_user(tag_user_result_json);</script><ahref="/index.php?m=user&c=Users&a=reg"id="96fcf4391f62d4cc123b184e60b88f02"class="btnbtn-squaredbtn-success"><iclass="iconfa-user-plus"aria-hidden="true"></i>注冊</a><scripttype="text/javascript"src="/public/static/common/js/tag_user.js?v=v1.5.1"></script><scripttype="text/javascript">vartag_user_result_json={"id":"96fcf4391f62d4cc123b184e60b88f02","txtid":"76731dd89b061741f3051896aa9b3a9e","txt":"","cartid":"ce7864d6caf2f5c3fb237bbbe9f594a0","img":"off","url":"\/index.php?m=user&c=Users&a=reg","type":"reg","currentstyle":"","afterhtml":"","root_dir":""};tag_user(tag_user_result_json);</script><ahref="/index.php?m=user&c=Users&a=logout"id="f464afec8ca32a70557384d3b4104fc7"class="btnbtn-squaredbtn-success"><iclass="iconwb-powericonbox"aria-hidden="true"></i>退出</a><scripttype="text/javascript"src="/public/static/common/js/tag_user.js?v=v1.5.1"></script><scripttype="text/javascript">vartag_user_result_json={"id":"f464afec8ca32a70557384d3b4104fc7","txtid":"b8392f4f7885280edc9471594b93804c","txt":"","cartid":"a8f148c81491f2e0cdd2c446cdacddab","img":"off","url":"\/index.php?m=user&c=Users&a=logout","type":"logout","currentstyle":"","afterhtml":"","root_dir":""};tag_user(tag_user_result_json);</script></li></ul></div><divclass="search-box"><ahref="/index.php?m=home&c=Lists&a=index&tid=17"class="m-search"><iclass="iconwb-search"aria-hidden="true"></i></a><divclass="search-index"><formmethod="get"action="/index.php?m=home&c=Search&a=lists"><inputtype="hidden"name="m"value="home"/><inputtype="hidden"name="c"value="Search"/><inputtype="hidden"name="a"value="lists"/><divclass="input-search"><buttontype="submit"class="input-search-btn"><iclass="iconwb-search"aria-hidden="true"></i></button><divclass="form-group"><inputtype="text"class=""name="keywords"value=""placeholder="搜索"data-fv-notempty="true"data-fv-message="不能為空"></div></div></form></div>在線留言代碼：<divclass="container"><divclass="rowm0"><divclass="guestbookmessage_form"><divclass="row"><divclass="eyou-message-submitpanelpanel-bodym-b-0"boxmh-h><formmethod="POST"class="eyou-formeyou-form-validation"enctype="multipart/form-data"action="/index.php?m=home&c=Lists&a=gbook_submit&lang=cn"onsubmit="returncheckForm();"><divclass='form-group'><inputname="attr_1"id="attr_1"class='form-control'type='text'placeholder='姓名'/></div><divclass='form-group'><inputname="attr_2"id="attr_2"class='form-control'type='tel'placeholder='電話'/></div><divclass='form-group'><inputname="attr_3"id="attr_3"class='form-control'type='email'placeholder='郵箱'/></div><divclass='form-group'><textareaname="attr_4"id="attr_4"class='form-control'placeholder='留言內(nèi)容'rows='5'></textarea></div><divclass="form-groupm-b-0"><buttontype="submit"class="btnbtn-primarybtn-blockbtn-squared">提交留言</button></div><inputtype="hidden"name="gourl"id="gourl_e50a8bd08269592bb9169c0920b8089a"value="http://sgsx.6b8.me"/><inputtype="hidden"name="typeid"value="16"/><inputtype="hidden"name="__token__e50a8bd08269592bb9169c0920b8089a"id="e50a8bd08269592bb9169c0920b8089a"value=""/><scripttype="text/javascript">functionsubmite50a8bd08269592bb9169c0920b8089a(elements){if(document.getElementById('gourl_e50a8bd08269592bb9169c0920b8089a')){document.getElementById('gourl_e50a8bd08269592bb9169c0920b8089a').value=window.location.href;}elements.submit();}functioney_fleshVerify(id){varsrc="/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn";src+="&r="+Math.floor(Math.random()*100);document.getElementById(id).src=src;}functionf1a75787597de0efb20dc363855077eac(){//步驟一:創(chuàng)建異步對象varajax=newXMLHttpRequest();//步驟二:設(shè)置請求的url參數(shù),參數(shù)一是請求的類型,參數(shù)二是請求的url,可以帶參數(shù),動態(tài)的傳遞參數(shù)starName到服務(wù)端ajax.open("post","/index.php?m=api&c=Ajax&a=get_token&name=__token__e50a8bd08269592bb9169c0920b8089a",true);//給頭部添加ajax信息ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");//如果需要像HTML表單那樣POST數(shù)據(jù)，請使用setRequestHeader()來添加HTTP頭。然后在send()方法中規(guī)定您希望發(fā)送的數(shù)據(jù)：ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");//步驟三:發(fā)送請求+數(shù)據(jù)ajax.send('_ajax=1');//步驟四:注冊事件onreadystatechange狀態(tài)改變就會調(diào)用ajax.onreadystatechange=function(){//步驟五如果能夠進(jìn)到這個判斷說明數(shù)據(jù)完美的回來了,并且請求的頁面是存在的if(ajax.readyState==4&&ajax.status==200){document.getElementById("e50a8bd08269592bb9169c0920b8089a").value=ajax.responseText;}}}f1a75787597de0efb20dc363855077eac();functiongetNext1598839807(id,name,level){varinput=document.getElementById('attr_'+name);varfirst=document.getElementById('first_id_'+name);varsecond=document.getElementById('second_id_'+name);varthird=document.getElementById('third_id_'+name);varfindex='',fvalue='',sindex='',svalue='',tindex='',tvalue='',value='';if(level==1){if(second){second.style.display='none';second.innerHTML='';}if(third){third.style.display='none';third.innerHTML='';}findex=first.selectedIndex;fvalue=first.options[findex].value;input.value=fvalue;value=fvalue;}elseif(level==2){if(third){third.style.display='none';third.innerHTML='';}findex=first.selectedIndex;fvalue=first.options[findex].value;sindex=second.selectedIndex;svalue=second.options[sindex].value;if(svalue){input.value=fvalue+','+svalue;value=svalue;}else{input.value=fvalue;}}elseif(level==3){findex=first.selectedIndex;fvalue=first.options[findex].value;sindex=second.selectedIndex;svalue=second.options[sindex].value;tindex=third.selectedIndex;tvalue=third.options[tindex].value;if(tvalue){input.value=fvalue+','+svalue+','+tvalue;value=tvalue;}else{input.value=fvalue+','+svalue;}}if(value){if(document.getElementById(id)){document.getElementById(id).options.add(newOption('請選擇',''));varajax=newXMLHttpRequest();//步驟二:設(shè)置請求的url參數(shù),參數(shù)一是請求的類型,參數(shù)二是請求的url,可以帶參數(shù),動態(tài)的傳遞參數(shù)starName到服務(wù)端ajax.open("post","/index.php?m=api&c=Ajax&a=get_region&pid="+value,true);//給頭部添加ajax信息ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");//如果需要像HTML表單那樣POST數(shù)據(jù)，請使用setRequestHeader()來添加HTTP頭。然后在send()方法中規(guī)定您希望發(fā)送的數(shù)據(jù)：ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");//步驟三:發(fā)送請求+數(shù)據(jù)ajax.send('_ajax=1');//步驟四:注冊事件onreadystatechange狀態(tài)改變就會調(diào)用ajax.onreadystatechange=function(){//步驟五如果能夠進(jìn)到這個判斷說明數(shù)據(jù)完美的回來了,并且請求的頁面是存在的if(ajax.readyState==4&&ajax.status==200){vardata=JSON.parse(ajax.responseText).data;if(data){data.forEach(function(item){document.getElementById(id).options.add(newOption(,item.id));document.getElementById(id).style.display="block";});}}}}}}</script></form><scripttype="text/javascript">functioncheckForm(){if(document.getElementById('attr_1').value.length==0){alert('姓名不能為空！');returnfalse;}if(document.getElementById('attr_2').value.length==0){alert('電話不能為空！');returnfalse;}returntrue;}</script></div></div></div></div></div>4.2前后臺效果分析網(wǎng)站首頁：關(guān)于我們：產(chǎn)品中心：新聞資訊：在線留言：后臺管理：4.3系統(tǒng)運行測試4.3.1運行將系統(tǒng)與數(shù)據(jù)庫連接后修改連接參數(shù)，就可以直接運行了。系統(tǒng)的前臺、后臺、數(shù)據(jù)庫完成以后，這個系統(tǒng)才算是完成了一半，我們在這之后要對系統(tǒng)進(jìn)行最后的一個階段，那就是測試了，測試對一個系統(tǒng)來說是非常重要的，有的時候開發(fā)完一個系統(tǒng)，如果測試不合格的話，這個系統(tǒng)是沒有辦法進(jìn)行投入使用的，所有我們要用測試對系統(tǒng)的功能進(jìn)行檢驗，把不完善的功能盡量完善，把出現(xiàn)的bug解決掉，然后給用戶呈現(xiàn)出一個完美的系統(tǒng)。通過對系統(tǒng)最后一步的測試，使得開發(fā)人員對自己的系統(tǒng)更加有信心，更加積極的為后期的系統(tǒng)版本的更新提供支持4.3.2測試的目的在對自己做完的紅蘋果銷售網(wǎng)站進(jìn)行測試時，要注意其中的設(shè)計，軟件測試的目的就是從使用者的角度去發(fā)現(xiàn)問

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論