基于微信平臺(tái)的“衣服秀”與色彩搭配的商城系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

摘要從互聯(lián)網(wǎng)的發(fā)明到快遞業(yè)務(wù)的崛起，這兩者之間最重要的連接橋梁就是電子商務(wù)。如今，電子商務(wù)的興起讓越來(lái)越多的人選擇在網(wǎng)上進(jìn)行購(gòu)物，而微信小程序的簡(jiǎn)約方便，更是受到了全國(guó)各地客戶的青睞。一方面，微信小程序不僅可以幫助客戶免除下載APP這個(gè)麻煩的步驟，而且還可以做到轉(zhuǎn)發(fā)、分享、記錄歷史以及好友數(shù)據(jù)共享等功能，非常方便客戶的日常購(gòu)物；另一方面，微信小程序的平臺(tái)可以為商家省下不少的開發(fā)費(fèi)用以及平臺(tái)管理費(fèi)用；同時(shí)其強(qiáng)大的功能還能給商戶提供一定的引流量。對(duì)于開發(fā)者來(lái)說(shuō)，我們可以快速的開發(fā)一個(gè)小程序，并不需要太復(fù)雜的工程去構(gòu)建一個(gè)框架；而維修方面，我們也可以做到低成本、高效率的修復(fù)BUG，這樣子可以大大的提高開發(fā)者的開發(fā)興致同事提高設(shè)計(jì)效率。衣服是人們?nèi)粘Ｉ畹谋匦杵罚袊?guó)社會(huì)的繁榮發(fā)展，讓更多的市民在購(gòu)買衣服的時(shí)候不僅僅局限于穿著的表面。如今，衣服的品質(zhì)，牌子，穿著的搭配與顏色的構(gòu)成受到了客戶的重視。本次實(shí)驗(yàn)設(shè)計(jì)的小程序開發(fā)項(xiàng)目，不僅僅可以滿足客戶對(duì)購(gòu)買衣服的最基本的要求，還可以為客戶提供更多真實(shí)、有想法、新穎的服裝搭配資訊，充分的考慮到每個(gè)顧客的想法與需求，通過(guò)微信開發(fā)者工具，利用JS、WXML、WXSS以及云開發(fā)等相關(guān)技術(shù)，打造一款全新的小程序購(gòu)物平臺(tái)，讓消費(fèi)者都能對(duì)自己的購(gòu)買到的商品充滿自信、感到滿意。關(guān)鍵詞：小程序購(gòu)物商城JS云開發(fā)AbstractFromtheinventionofInternettotheriseofexpressservice,themostimportantlinkbetweenthetwoise-commerce.Nowadays,theriseofE-commercemakesmoreandmorepeoplechoosetoshoponline,andthesimplicityandconvenienceofwechatsmallprogramsarefavoredbycustomersalloverthecountry.Ontheonehand,wechatappletscannotonlyhelpcustomersavoidthetroublesomestepsofdownloadingapps,butalsodothefunctionsofforwarding,sharing,recordinghistoryandsharingfriends'data,whichisveryconvenientforcustomers'dailyshopping;ontheotherhand,wechatapplets'platformcansavemanydevelopmentcostsandplatformmanagementcostsformerchants;atthesametime,itspowerfulfunctionsalsoItcanprovidemerchantswithacertainamountofdrainage.Fordevelopers,wecanquicklydevelopasmallprogramwithouttoocomplexengineeringtobuildaframework;intermsofmaintenance,wecanalsorepairbugswithlowcostandhighefficiency,whichcangreatlyimprovethedevelopmentinterestofdevelopersandimprovethedesignefficiency.Clothesarethenecessitiesofpeople'sdailylife,andtheprosperityanddevelopmentofChinesesocietymakemorecitizensnotonlylimitedtothewearingsurfacewhentheybuyclothes.Nowadays,thequality,brand,matchingandcolorcompositionofclothesarevaluedbycustomers.Thesmallprogramdevelopmentprojectdesignedinthisexperimentcannotonlymeetthemostbasicrequirementsofcustomersforpurchasingclothes,butalsoprovidecustomerswithmorereal,thoughtfulandnovelclothingmatchinginformation,fullyconsidertheideasandneedsofeachcustomer,andcreateabrandnewonebyusingJS,wxml,wxss,clouddevelopmentandotherrelatedtechnologiesthroughwechatdevelopertoolsSmallprogramshoppingplatformenablesconsumerstobeconfidentandsatisfiedwiththeproductstheybuy.Keywords:appletshoppingmallJSclouddevelopment目錄1 緒論 .緒論1.1.開發(fā)背景及意義自從騰訊公司在2011年11月推出“微信”這款即時(shí)通訊的應(yīng)用程序以來(lái)，使用該程序的用戶每年呈幾何形式的速度在增長(zhǎng)，截止2016年的第二季度，全世界每個(gè)月已有累計(jì)超過(guò)8.06億的用戶在使用微信。微信的“簡(jiǎn)潔”、“方便”已經(jīng)成為了人們?cè)谥悄芡ㄓ崟r(shí)代溝通的主要工具，而騰訊公司也借著這股“東風(fēng)”，在2017年1月正式上線“小程序”，為廣大人民在生活上帶來(lái)了更多的可能性。盡管APP的發(fā)明比小程序要早上好多年，開發(fā)技術(shù)也相對(duì)小程序而言比較完善，但是其操作流程的繁瑣復(fù)雜以及系統(tǒng)服務(wù)器的不穩(wěn)定性給許多用戶留下了不好的印象；而此時(shí)，小程序的簡(jiǎn)單方便以及其強(qiáng)大的捆綁性（與微信）讓越來(lái)越多的用戶選擇使用小程序進(jìn)行購(gòu)物、娛樂(lè)、資訊等。自從“淘寶”、“天貓”等一系列線上購(gòu)物商城的出現(xiàn)，人們選擇網(wǎng)上購(gòu)物已然成為了一種潮流風(fēng)向。據(jù)統(tǒng)計(jì)，服裝類的消費(fèi)總比占據(jù)了所有商品種類的41％以上，很顯然，線上購(gòu)買衣物已經(jīng)成為了人們生活中必不可少的一部分。通過(guò)設(shè)計(jì)本次小程序，我們既可以為有需要的公司提供合理化、多樣化、智能化的管理系統(tǒng)，還可以為客戶提供更加全面、便捷、時(shí)尚的購(gòu)物平臺(tái)，更有利于推廣相關(guān)的產(chǎn)業(yè)產(chǎn)品。因此，根據(jù)目前的線上消費(fèi)形式，選擇了服裝小程序，設(shè)計(jì)這個(gè)題目。1.2本文研究的目的與貢獻(xiàn)雖然目前大部分人都選擇網(wǎng)上購(gòu)物，而且服裝類的比重也占據(jù)了消費(fèi)市場(chǎng)很大的一部分，但是隨著國(guó)家的繁榮以及社會(huì)的穩(wěn)定發(fā)展，人們對(duì)于服裝的要求也會(huì)有所提升。人們不僅僅是要求服裝能夠合穿，能夠保暖，還會(huì)想要在服裝的設(shè)計(jì)上增添許多元素，諸如“質(zhì)量”、“款式”、“時(shí)尚”等；對(duì)于服裝公司而言，擁有一款相對(duì)穩(wěn)定的小程序作為服裝的發(fā)布平臺(tái)，同時(shí)，通過(guò)管理該平臺(tái)，商家可以打造出屬于自己特有的“服裝影響力”，營(yíng)造更好的銷售氛圍是必不可少的。然而目前市面上的線上商城大部分都只是圍繞“數(shù)量”上的突破，而忽略了“質(zhì)量”上飛躍；而目前市面上的商城APP又太過(guò)于籠統(tǒng)，操作系統(tǒng)又繁瑣且不穩(wěn)定，這往往很難讓顧客以及商家實(shí)現(xiàn)雙贏。因此我希望通過(guò)這次小程序的設(shè)計(jì)，可以對(duì)小程序服裝商城有一定的沖擊，通過(guò)研究以及學(xué)習(xí)其中的設(shè)計(jì)原理和代碼邏輯，實(shí)現(xiàn)人們對(duì)于服裝類“精益求精”的態(tài)度，滿足公司以及顧客的消費(fèi)需求。1.3課題在國(guó)內(nèi)外研究現(xiàn)狀從上世紀(jì)90年代開始，國(guó)人對(duì)服裝的要求從原先的“籠統(tǒng)單一”，逐漸變成現(xiàn)在的“五花八門”。隨著國(guó)內(nèi)經(jīng)濟(jì)的提升，服裝市場(chǎng)的更多可能性也逐漸向市民打開。近年來(lái)，國(guó)家社會(huì)的迅速穩(wěn)定發(fā)展也為許多服裝生產(chǎn)商帶來(lái)了很多商機(jī)，特別是電子商務(wù)的蓬勃發(fā)張，也讓人們從線下購(gòu)物逐漸轉(zhuǎn)到線上購(gòu)物中去。根據(jù)社科學(xué)院《2019年中國(guó)電子商務(wù)市場(chǎng)調(diào)研報(bào)告》顯示，中國(guó)國(guó)民在網(wǎng)上購(gòu)物的的經(jīng)歷在所有網(wǎng)民中占81.3％，其中服裝以及配飾分類在網(wǎng)購(gòu)銷售額排名第三位。然而，目前中國(guó)雖然已經(jīng)成為世界上最大的服裝加工廠，但是我國(guó)擁有世界知名品牌幾乎少之又少，品牌對(duì)于國(guó)際市場(chǎng)的號(hào)召力不足，也無(wú)法滿足市民對(duì)于服侍品位的提高的要求。相對(duì)于國(guó)內(nèi)而言，國(guó)外的服裝品牌在國(guó)際上具備一定的影響力，其設(shè)計(jì)以及潮流因素都能夠左右市場(chǎng)的穿衣風(fēng)格。然而，由于地理位置以及人口密集程度的不同，國(guó)外線上購(gòu)物的經(jīng)驗(yàn)卻遠(yuǎn)遠(yuǎn)不足國(guó)內(nèi)，這導(dǎo)致許多外國(guó)品牌的服裝有很大一部分涌入國(guó)內(nèi)線上市場(chǎng)，使國(guó)內(nèi)服裝品牌的地位再一次受到動(dòng)搖。小程序不僅僅可以解決傳統(tǒng)網(wǎng)站的以及APP的大部分問(wèn)題，還可以擁有便捷、不占內(nèi)存等優(yōu)勢(shì)。利用小程序本身的優(yōu)勢(shì)，制作本次課題設(shè)計(jì)，宣傳國(guó)內(nèi)、國(guó)外一些知名的服裝品牌，讓國(guó)內(nèi)服裝能夠重新給國(guó)民帶來(lái)信心。1.4.本文研究?jī)?nèi)容和設(shè)計(jì)結(jié)構(gòu)本次課題主要分為背景分析、開發(fā)系統(tǒng)分析、樣式設(shè)計(jì)、實(shí)踐開發(fā)、功能測(cè)試、發(fā)布總結(jié)這幾個(gè)環(huán)節(jié)進(jìn)行，在開發(fā)過(guò)程中，采取資料搜索、文獻(xiàn)查看、調(diào)查調(diào)研等方法進(jìn)行系統(tǒng)地、可實(shí)施地的小程序開發(fā)。本次小程序開發(fā)主要用到JS、小程序內(nèi)部代碼以及云開發(fā)技術(shù)完成后臺(tái)的搭建。詳細(xì)如下：背景分析：根據(jù)目前小程序的使用率以及針對(duì)電子商務(wù)消費(fèi)結(jié)構(gòu)組成的分析，結(jié)合國(guó)內(nèi)外研究的現(xiàn)狀，同時(shí)再整合自己已有的對(duì)小程序開發(fā)的知識(shí)以及對(duì)小程序的理解，研究本次課題，并開始著手設(shè)計(jì)小程序。開發(fā)系統(tǒng)分析：研究本次課題開發(fā)項(xiàng)目需要用到開發(fā)技術(shù)、軟件以及硬件等。結(jié)合校內(nèi)學(xué)習(xí)到的相關(guān)知識(shí)，以及借助網(wǎng)絡(luò)和書籍有關(guān)小程序的開發(fā)技術(shù)講解，對(duì)開發(fā)技術(shù)的相關(guān)核心知識(shí)進(jìn)行一定的知識(shí)儲(chǔ)備。同時(shí)對(duì)小程序樣式以及功能框架有一定的方向，部署系統(tǒng)功能，詳細(xì)設(shè)計(jì)系統(tǒng)樣式。文獻(xiàn)查看：這個(gè)環(huán)節(jié)借助校內(nèi)外的資源，查閱相關(guān)的小程序設(shè)計(jì)以及APP設(shè)計(jì)，同時(shí)參考網(wǎng)上資源以及調(diào)研數(shù)據(jù)，分析客戶需求以及目前小程序文案設(shè)計(jì)的風(fēng)向。在尋求文獻(xiàn)過(guò)程中，不忘借助目前國(guó)內(nèi)比較知名的購(gòu)物平臺(tái)做參考，整理其優(yōu)缺點(diǎn)，方便優(yōu)化自己的課題設(shè)計(jì)。發(fā)布總結(jié)：從理論知識(shí)的學(xué)習(xí)儲(chǔ)備，到界面的設(shè)計(jì)規(guī)劃，最后到實(shí)踐開發(fā)，一步接一步地進(jìn)行。不僅僅是單向性的方向，在實(shí)踐開發(fā)遇到了苦難，以會(huì)雙向性的進(jìn)行學(xué)習(xí)、規(guī)劃、開發(fā)，根據(jù)功能需求進(jìn)行詳細(xì)的設(shè)計(jì)，后臺(tái)的整理，并最終實(shí)現(xiàn)完整的小程序。同時(shí)嘗試將小程序上線并發(fā)布，測(cè)試其功能的穩(wěn)定性和小程序本身的可行性?？偨Y(jié)其中的相關(guān)開發(fā)技術(shù)、檢討自己的不足。本次設(shè)計(jì)的小程序服裝購(gòu)物平臺(tái)主要包括前端樣式的設(shè)計(jì)以及云開發(fā)后臺(tái)數(shù)據(jù)的管理兩大部分。前端設(shè)計(jì)包括：登錄注冊(cè)頁(yè)面、首頁(yè)、詳情頁(yè)面、購(gòu)物車、訂單頁(yè)面、支付頁(yè)面等；而后臺(tái)數(shù)據(jù)管理主要是利用了小程序自帶的云開發(fā)存儲(chǔ)數(shù)據(jù)，包括了：對(duì)產(chǎn)品數(shù)據(jù)的儲(chǔ)存、修該；用戶信息的存儲(chǔ)和回調(diào)等。2.小程序系統(tǒng)分析2.1小程序需求分析盡管目前市面上已有許多APP以及購(gòu)物網(wǎng)站可以支持人們網(wǎng)上購(gòu)物，但是其存在的不確定因素比較多，諸如網(wǎng)絡(luò)卡頓、操作繁瑣、占據(jù)內(nèi)存等不利影響還存在；而小程序的簡(jiǎn)單、快捷以及與微信的捆綁性強(qiáng)這幾個(gè)優(yōu)點(diǎn)恰恰可以彌補(bǔ)以上的不足之處，還提供給用戶更多的選擇以及為他們帶來(lái)更好服務(wù)。與商家而言，小程序的管理要比網(wǎng)站以及APP容易上手得多，同時(shí)后臺(tái)數(shù)據(jù)更加直觀，熱點(diǎn)追蹤更加直接，能夠更好的對(duì)產(chǎn)品以及消費(fèi)者有一個(gè)更加全面、直觀的了解。而對(duì)于開發(fā)者來(lái)說(shuō)，微信小程序的開發(fā)因?yàn)槠浯嬖谠崎_發(fā)的功能，相對(duì)于網(wǎng)站設(shè)計(jì)以及APP創(chuàng)建來(lái)講，開發(fā)難度相對(duì)會(huì)少一點(diǎn)，同時(shí)也可以集后臺(tái)數(shù)據(jù)、前端設(shè)計(jì)與一身，更加方便操作與調(diào)試。2.2小程序性能分析根據(jù)上述小程序的需求分析，結(jié)合目前市面上比較熱門的購(gòu)物APP和網(wǎng)站，本次課題的小程序購(gòu)物商城分為四大板塊進(jìn)行：首頁(yè)、分類頁(yè)、購(gòu)物車和個(gè)人中心。為保證每個(gè)用戶的安全性，我們還將設(shè)計(jì)注冊(cè)、登錄流程，為了應(yīng)對(duì)每個(gè)用戶的不同需求，還將增設(shè)地址添加頁(yè)面和密碼修改頁(yè)面。2.3小程序應(yīng)用概述微信小程序是一款人人都能夠使用的手機(jī)應(yīng)用，只要我們綁定了自己的微信號(hào)，通過(guò)“掃一掃”或者直接搜索就可以打開的應(yīng)用。使用微信小程序，用戶可以進(jìn)行訂閱、購(gòu)物、游戲等一些列操作，并體驗(yàn)到小程序?yàn)槲覀兩顜?lái)的諸多便利；對(duì)于管理者來(lái)說(shuō)，我們可以按照自己的需求設(shè)置小程序的規(guī)模。在這次的服裝商城小程序的開發(fā)中，我以“個(gè)人”的身份注冊(cè)小程序賬號(hào)，獲取到屬于自己的APPID，利用小程序相關(guān)的技術(shù)知識(shí)開展課題的設(shè)計(jì)與實(shí)現(xiàn)。2.4開發(fā)者工具本次課題項(xiàng)目的開發(fā)，我主要是通過(guò)微信開發(fā)者工具來(lái)實(shí)現(xiàn)小程序的設(shè)計(jì)。開發(fā)者工具可用于對(duì)小程序進(jìn)行代碼的編譯、后臺(tái)數(shù)據(jù)的管理以及小程序的發(fā)布等。在使用小程序調(diào)試的過(guò)程中，開發(fā)者可以完成小程序的API和頁(yè)面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能。2.5小程序配置小程序由基本的三個(gè)配置框架組成，分別是：全局配置、頁(yè)面配置、和sitemap配置。全局配置簡(jiǎn)單來(lái)說(shuō)就是小程序進(jìn)行每個(gè)頁(yè)面（也就是全局變量）所申明的變量；頁(yè)面配置則是每個(gè)小程序單獨(dú)的頁(yè)面可以使用的.json文件對(duì)要使用的頁(yè)面的窗口進(jìn)行配置；至于sitemap配置則是小程序根目錄下sitemap.json文件用于配置小程序以及其頁(yè)面是否允許被索引。2.6小程序開發(fā)語(yǔ)言在小程序開發(fā)中，主要由JS語(yǔ)法、JSON配置、WXML模板、WXSS樣式這四大板塊組成小程序的開發(fā)語(yǔ)言。我們?cè)谧鲂〕绦蜷_發(fā)中，除了后臺(tái)數(shù)據(jù)的處理外，也主要是圍繞這四個(gè)板塊進(jìn)行樣式的設(shè)計(jì)以及邏輯交互的實(shí)現(xiàn)?，F(xiàn)在對(duì)這四個(gè)板塊進(jìn)行描述：JS邏輯交互：小程序的主要開發(fā)語(yǔ)言是JavaScript，一般我們簡(jiǎn)稱“JS”，它是一種具有函數(shù)優(yōu)先的輕量級(jí)，解釋型或即時(shí)編譯的編程語(yǔ)言。我們使用JS大部分情況都是用于網(wǎng)頁(yè)設(shè)計(jì)的開發(fā)，JavaScript基于原型編程、多范式的動(dòng)態(tài)腳本語(yǔ)言，并且支持面向?qū)ο?、命令式和聲明式（如函?shù)式編程）風(fēng)格。JSON配置：JSON是一種數(shù)據(jù)格式，并不是編程語(yǔ)言，在小程序中，JSON扮演的靜態(tài)配置的角色。本次課題設(shè)計(jì)的JSON配置，主要是用作外部配件的引入。WXML模板：WXML模板與網(wǎng)頁(yè)設(shè)計(jì)中的HTML類似，其中HTML是用來(lái)描述當(dāng)前這個(gè)頁(yè)面的構(gòu)造。在小程序中，WXML的作用與HTML類似，它們都是由標(biāo)簽、屬性等構(gòu)成。但是由于開發(fā)環(huán)境不同，它們的也會(huì)有不一樣的地方，類似標(biāo)簽名字以及“wx:if”、“wx:for”等屬性的表達(dá)都會(huì)有所不同。WXSS樣式：與“WXML”相似，WXSS具有CSS大部分的特性，但是其在CSS的基礎(chǔ)上也有一些新的拓展與修改。在WXSS中，小程序新增了尺寸單位，開發(fā)者可以免去尺寸換算的煩惱，利用新尺寸“rpx” 即可交由小程序底層進(jìn)行自動(dòng)換算。2.7云開發(fā)本次課題設(shè)計(jì)，我采用了微信小程序自帶的“云開發(fā)”后臺(tái)環(huán)境搭建后臺(tái)，存儲(chǔ)數(shù)據(jù)。這個(gè)功能非常強(qiáng)大，開發(fā)者無(wú)需搭建服務(wù)器，即可使用云端能力。在云開發(fā)中，開發(fā)者可以使用云函數(shù)編寫自身業(yè)務(wù)代碼邏輯、也可以利用數(shù)據(jù)庫(kù)在小程序前端操作，或者在云函數(shù)中讀寫JSON數(shù)據(jù)庫(kù)；同時(shí)云函數(shù)還擁有存儲(chǔ)、調(diào)用等功能，即可實(shí)現(xiàn)快速上線和迭代，同時(shí)這一能力，同開發(fā)者已經(jīng)使用的云服務(wù)相互兼容，并不互斥。3.小程序總體設(shè)計(jì)3.1小程序總體設(shè)計(jì)框架經(jīng)過(guò)一段時(shí)間的調(diào)研我們發(fā)現(xiàn)，目前市面上比較受歡迎的網(wǎng)站以及APP都擁有前端與后端兩種技術(shù)相結(jié)合的操控。為了本次項(xiàng)目的順利開發(fā)以及用戶體驗(yàn)感，本項(xiàng)目小程序的開發(fā)也圍繞前端與后端兩部分進(jìn)行。前端主要包括：注冊(cè)、登錄、商品瀏覽、支付、搜索等功能；而后端主要包括：用戶信息存貯、商品數(shù)據(jù)的“增、刪、改、查”、訂單數(shù)據(jù)的管理等功能。根據(jù)小程序的特點(diǎn)再結(jié)合用戶以及管理員的需求，本次服裝商城小程序主要分了兩個(gè)層面進(jìn)行設(shè)計(jì)，分別是前端，即為客戶端；還有后端，即云開發(fā)數(shù)據(jù)庫(kù)后臺(tái)所組成。用戶通過(guò)前端進(jìn)行小程序的頁(yè)面操作，操作的指令數(shù)據(jù)會(huì)通過(guò)相對(duì)應(yīng)的ID傳入到后臺(tái)數(shù)據(jù)庫(kù)，從而獲取存儲(chǔ)在后臺(tái)的相對(duì)應(yīng)數(shù)據(jù)，再傳回給前端用戶。圖3-1小程序前后端功能表前端后臺(tái)注冊(cè)地址數(shù)據(jù)登錄輪播圖數(shù)據(jù)商品瀏覽分類數(shù)據(jù)添加至購(gòu)物車購(gòu)物車數(shù)據(jù)支付購(gòu)物首頁(yè)菜單數(shù)據(jù)訂單查詢訂單數(shù)據(jù)余額充值產(chǎn)品數(shù)據(jù)密碼修改用戶數(shù)據(jù)3.2小程序前端功能詳細(xì)描述接下來(lái)對(duì)本次小程序前端設(shè)計(jì)的功能進(jìn)行詳細(xì)的描述：注冊(cè)：用戶填寫相對(duì)應(yīng)的注冊(cè)信息，根據(jù)流程進(jìn)行操作，即可把數(shù)據(jù)傳入到后臺(tái)，待數(shù)據(jù)錄入后即可用于登錄小程序。登錄：用戶進(jìn)行小程序的登錄操作，成功后系統(tǒng)會(huì)自動(dòng)跳轉(zhuǎn)到首頁(yè)，此時(shí)用戶可以進(jìn)行商品的瀏覽等操作。商品瀏覽：用戶成功登錄后，小程序會(huì)自動(dòng)跳轉(zhuǎn)到首頁(yè)。此時(shí)首頁(yè)的樣式、數(shù)據(jù)等都會(huì)顯示出來(lái)并供用戶瀏覽。除了首頁(yè)之外、用戶還可以在詳情頁(yè)、購(gòu)物車、分類、個(gè)人中心等頁(yè)面進(jìn)行自由的切換和瀏覽，實(shí)行一定的基礎(chǔ)操作。添加至購(gòu)物車：用戶可以對(duì)喜歡但是還不確定要不要立即購(gòu)買的產(chǎn)品進(jìn)行暫時(shí)添加至購(gòu)物車的操作。在購(gòu)物車頁(yè)面可以知道之前已被加入購(gòu)物車的商品，同時(shí)用戶可在購(gòu)物車頁(yè)面進(jìn)行商品的購(gòu)買、刪除、添加等功能。支付購(gòu)物：用戶可以購(gòu)買商品，輸入支付密碼成功后頁(yè)面會(huì)自動(dòng)跳轉(zhuǎn)到訂單頁(yè)面，方便用戶查看。訂單查詢：訂單頁(yè)面顯示用戶下單的情況，判斷自己是否付款，訂單是否完成等操作。余額充值：用戶可以通過(guò)虛擬的充值，對(duì)賬戶余額進(jìn)行數(shù)字上的變動(dòng)，同時(shí)后臺(tái)也會(huì)記錄相應(yīng)的數(shù)據(jù)變化。密碼修改：用戶可以根據(jù)自己的需求，修改登錄密碼或支付密碼，成功后會(huì)返回初始頁(yè)面，用戶重新進(jìn)行登錄操作。圖3-2小程序前端功能圖3.3小程序后臺(tái)詳細(xì)功能描述接下來(lái)對(duì)本次小程序前端設(shè)計(jì)的功能進(jìn)行詳細(xì)的描述：地址數(shù)據(jù)：用戶在地址頁(yè)面填寫收貨地址，系統(tǒng)會(huì)獲取地址數(shù)據(jù)，并把數(shù)據(jù)傳給后臺(tái)，后臺(tái)將會(huì)記錄用戶登記的收獲地址并且儲(chǔ)存。輪播圖數(shù)據(jù)：對(duì)首頁(yè)輪播圖的圖片數(shù)據(jù)進(jìn)行管理，可增加數(shù)據(jù)或刪除數(shù)據(jù)，存儲(chǔ)圖片數(shù)據(jù)和上傳圖片路徑。分類數(shù)據(jù)：對(duì)產(chǎn)品進(jìn)行分類，獲取產(chǎn)品的ID，可在后臺(tái)對(duì)分類名稱進(jìn)行修改、更換。購(gòu)物車數(shù)據(jù)：用戶把商品添加都購(gòu)物車后，系統(tǒng)會(huì)獲取購(gòu)物車的數(shù)據(jù)，數(shù)據(jù)包括商品的ID、分類、名稱、價(jià)格、圖片等，當(dāng)用戶增加數(shù)量或刪除商品時(shí)，后臺(tái)數(shù)據(jù)也會(huì)實(shí)時(shí)更新。首頁(yè)菜單數(shù)據(jù)：對(duì)首頁(yè)的菜單欄數(shù)據(jù)進(jìn)行存儲(chǔ)管理，可存放ID、名稱和圖片路徑。訂單數(shù)據(jù)：用戶支付訂單后，系統(tǒng)會(huì)獲取訂單的數(shù)據(jù)，數(shù)據(jù)包括商品的ID、訂單號(hào)、訂單時(shí)間、收貨地址、聯(lián)系人等數(shù)據(jù)。支付狀態(tài)也會(huì)隨用戶的操作而實(shí)時(shí)更新。產(chǎn)品數(shù)據(jù)：對(duì)產(chǎn)品數(shù)據(jù)進(jìn)行編輯和儲(chǔ)存，數(shù)據(jù)包括商品ID、細(xì)節(jié)圖、名稱、價(jià)格、圖片路徑等。用戶數(shù)據(jù)：用戶注冊(cè)時(shí)的數(shù)據(jù)會(huì)自動(dòng)存儲(chǔ)到后臺(tái)中，同時(shí)小程序會(huì)自動(dòng)獲取用戶的OPENID，對(duì)用戶進(jìn)行的密碼操作、余額充值等后臺(tái)也會(huì)進(jìn)行實(shí)時(shí)更新。圖3-3小程序后端功能圖3.4小程序界面結(jié)構(gòu)設(shè)計(jì)本次服裝商城小程序根據(jù)前文提到的設(shè)計(jì)需求分析進(jìn)行布局的，根據(jù)小程序的特點(diǎn)再結(jié)合用戶以及管理員的需求，小程序主要分了兩個(gè)層面進(jìn)行設(shè)計(jì)，分別是前端，即為客戶端；還有后端，云開發(fā)數(shù)據(jù)庫(kù)后臺(tái)所組成。用戶通過(guò)前端進(jìn)行小程序的頁(yè)面操作，操作的指令數(shù)據(jù)會(huì)通過(guò)相對(duì)應(yīng)的ID傳入到后臺(tái)數(shù)據(jù)庫(kù)，從而獲取存儲(chǔ)在后臺(tái)的相對(duì)應(yīng)數(shù)據(jù)，再傳回給前端用戶。現(xiàn)在對(duì)小程序總結(jié)結(jié)構(gòu)總結(jié)為下圖3-4所示：圖3-4小程序界面結(jié)構(gòu)圖3.5界面設(shè)計(jì)邏輯小程序的主要界面設(shè)計(jì)有四大板塊，分別為首頁(yè)、分類、購(gòu)物車、個(gè)人中心，現(xiàn)在以首頁(yè)和購(gòu)物車頁(yè)面為例子，對(duì)界面樣式的設(shè)計(jì)以及實(shí)現(xiàn)邏輯的功能算法做出解釋。3.5.1首頁(yè)用戶注冊(cè)登錄成功后，系統(tǒng)會(huì)自動(dòng)跳轉(zhuǎn)到首頁(yè)，首頁(yè)包含搜索欄、輪播圖、菜單欄、產(chǎn)品欄、底部導(dǎo)航欄。首頁(yè)樣式設(shè)計(jì)如圖3-5所示：圖3-5首頁(yè)樣式設(shè)計(jì)圖在首頁(yè)中，輪播圖、菜單欄以及產(chǎn)品欄的數(shù)據(jù)主要依靠后臺(tái)數(shù)據(jù)庫(kù)對(duì)圖片路徑的上傳以及圖片本身的數(shù)據(jù)存儲(chǔ)實(shí)現(xiàn)。用戶通過(guò)點(diǎn)擊產(chǎn)品欄上的商品，系統(tǒng)會(huì)自動(dòng)獲取此商品的ID，當(dāng)后臺(tái)獲取到ID后，頁(yè)面會(huì)跳轉(zhuǎn)到相對(duì)應(yīng)的商品詳情頁(yè)，具體業(yè)務(wù)流程如下圖3-6所示：圖3-6首頁(yè)產(chǎn)品欄具體業(yè)務(wù)流程圖3.5.2購(gòu)物車用戶在商品詳情頁(yè)把商品加入購(gòu)物車后，首頁(yè)底部購(gòu)物車導(dǎo)航欄會(huì)出現(xiàn)提示圖標(biāo)，同時(shí)在購(gòu)物車頁(yè)面會(huì)顯示用戶以往的添加記錄。購(gòu)物車樣式設(shè)計(jì)如圖3-7所示：圖3-7購(gòu)物車樣式設(shè)計(jì)圖在購(gòu)物車頁(yè)面中，用戶不僅可以看到原本已經(jīng)添加的商品信息，還可以進(jìn)行增加數(shù)量、產(chǎn)出商品、付款等操作，頁(yè)面也會(huì)累計(jì)商品的價(jià)格供用戶參考。購(gòu)物車具體業(yè)務(wù)流程如下圖3-8所示：圖3-8購(gòu)物車具體業(yè)務(wù)流程圖3.6小程序后端數(shù)據(jù)存儲(chǔ)表格設(shè)計(jì)表3-9用戶表單數(shù)據(jù)：Table：users用戶表序號(hào)字段名稱字段類型字段描述備注1_id主鍵小程序調(diào)用2_openid微信統(tǒng)一ID小程序調(diào)用3balanceNumber用戶余額如果用到余額就顯示4isOnlineNumber是否在線個(gè)人版無(wú)法獲取用戶手機(jī)號(hào)模擬微信授權(quán)登錄使用5moneyNumber用戶資金一般使用這個(gè)字段6operationString后臺(tái)操作員現(xiàn)在程序只判斷是否為空不能判斷是什么角色的操作員7payPwdString支付密碼暫時(shí)沒(méi)有使用密碼加密功能8pwdString登錄密碼暫時(shí)沒(méi)有使用密碼加密表3-10產(chǎn)品表單數(shù)據(jù)：Table：products產(chǎn)品表序號(hào)字段名稱字段類型字段描述備注1_id主鍵小程序調(diào)用2_openid微信統(tǒng)一ID小程序調(diào)用3Class_typeString分類商品分類，同class_type表的數(shù)據(jù)相同4countNumber銷售數(shù)量5detailImageArray存儲(chǔ)產(chǎn)品輪播圖多張圖片6detailInfoImageArray存儲(chǔ)產(chǎn)品詳情圖最多可以儲(chǔ)存9張圖片7srcString產(chǎn)品圖片8priceNumber產(chǎn)品價(jià)格表3-11分類表單數(shù)據(jù)：Table:class_type分類表序號(hào)字段名稱字段類型字段描述備注1_id主鍵小程序調(diào)用2_openid微信統(tǒng)一ID小程序調(diào)用3nameString產(chǎn)品分類名稱表3-12訂單表單數(shù)據(jù)：Table：orders產(chǎn)品表序號(hào)字段名稱字段類型字段描述備注1_id主鍵小程序調(diào)用2_openid微信統(tǒng)一ID小程序調(diào)用3detailsarray用戶購(gòu)買產(chǎn)品詳情多個(gè)商品，如果是一個(gè)商品也需要用array.push封裝4orderCodestring訂單編號(hào)用日期自動(dòng)生成的訂單編號(hào)5orderTimestring創(chuàng)建訂單時(shí)間用日期格式化后的時(shí)間6shoppingAddressstring收貨地址7shoppingMobileString收貨人聯(lián)系方式8shoppingPersonstring收貨人9statusnumber訂單狀態(tài)表3-13地址表單數(shù)據(jù)：Table：address產(chǎn)品表序號(hào)字段名稱字段類型字段描述備注1_id主鍵小程序調(diào)用2_openid微信統(tǒng)一ID小程序調(diào)用3addressarray用戶收貨地址4addressNamestring用戶詳細(xì)地址5contactstring收貨人6mobilestring收貨人電話7userIdString用戶ID表3-14首頁(yè)輪播圖表單數(shù)據(jù)：Table:banners輪播圖表序號(hào)字段名稱字段類型字段描述備注1_id主鍵小程序調(diào)用2_openid微信統(tǒng)一ID小程序調(diào)用3srcString廣告圖片路徑4urlstring點(diǎn)擊廣告需要跳轉(zhuǎn)的地址表3-15購(gòu)物車表單數(shù)據(jù)：Table：cart購(gòu)物車表序號(hào)字段名稱字段類型字段描述備注1_id主鍵小程序調(diào)用2_openid微信統(tǒng)一ID小程序調(diào)用3productObjiect用于儲(chǔ)存購(gòu)物車的對(duì)象4.小程序詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)4.1小程序客戶端的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)4.1.1客戶端整體設(shè)計(jì)與實(shí)現(xiàn)用戶打開小程序時(shí)，客戶端會(huì)要求用戶進(jìn)行登錄操作。已經(jīng)注冊(cè)過(guò)的用戶可直接用之前的賬號(hào)進(jìn)行登錄，還沒(méi)注冊(cè)過(guò)的用戶可以進(jìn)行注冊(cè)操作。在注冊(cè)的過(guò)程中，數(shù)據(jù)會(huì)傳輸?shù)皆崎_發(fā)的后臺(tái)進(jìn)行存儲(chǔ)，成功進(jìn)行注冊(cè)后系統(tǒng)會(huì)返回登錄頁(yè)面要求用戶進(jìn)行登錄。登錄過(guò)程中，用戶輸入注冊(cè)好的賬號(hào)與密碼，此時(shí)系統(tǒng)會(huì)進(jìn)行判斷，確認(rèn)用戶的信息與后臺(tái)的數(shù)據(jù)匹配。成功登錄后系統(tǒng)會(huì)跳轉(zhuǎn)到首頁(yè)，后臺(tái)的數(shù)據(jù)也會(huì)傳輸?shù)娇蛻舳私o到用戶瀏覽，至此用戶可以在小程序上進(jìn)行商品瀏覽和支付購(gòu)物等操作。本次項(xiàng)目用戶的所有操作都可以通過(guò)屏幕上的操作進(jìn)行事件的觸發(fā)，操作類型包括了手指點(diǎn)擊、滑動(dòng)操作以及鍵盤輸入等。小程序的觸發(fā)事件主要依靠JS生命周期函數(shù)負(fù)責(zé)數(shù)據(jù)的監(jiān)聽(tīng)。本次項(xiàng)目的數(shù)據(jù)庫(kù)使用到了微信開發(fā)者工具上自帶的云開發(fā)進(jìn)行后臺(tái)數(shù)據(jù)庫(kù)的搭建。云開發(fā)為開發(fā)者提供了一整套云服務(wù)以及相對(duì)簡(jiǎn)單容易操作的API接口和管理界面。云開發(fā)具備云函數(shù)、數(shù)據(jù)庫(kù)、存儲(chǔ)、云調(diào)用的功能，開發(fā)者可以利用云開發(fā)強(qiáng)大的功能對(duì)自己的項(xiàng)目進(jìn)行后臺(tái)壞境的搭建。同時(shí)云開發(fā)的操作相對(duì)簡(jiǎn)單，對(duì)于數(shù)據(jù)的存儲(chǔ)、修改、查詢也有一定的時(shí)效性，更加方便開發(fā)者對(duì)項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)。4.1.2注冊(cè)登錄頁(yè)面的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)服裝商城小程序既然涉及到用戶的基本信息和一些支付功能，因此設(shè)計(jì)一套嚴(yán)謹(jǐn)并簡(jiǎn)潔的用戶身份鑒定系統(tǒng)也是有必要的。系統(tǒng)對(duì)用戶的注冊(cè)登錄處理邏輯流程如圖4-1所示：圖4-1注冊(cè)登錄流程用戶若是已經(jīng)注冊(cè)過(guò)小程序的賬號(hào)，則直接在登錄頁(yè)面輸入賬號(hào)與密碼即可；若沒(méi)有，則可以點(diǎn)擊進(jìn)入注冊(cè)頁(yè)面進(jìn)行賬號(hào)、登錄密碼、支付密碼等操作，操作成功后系統(tǒng)會(huì)自動(dòng)返回登錄頁(yè)面，用戶需要重新進(jìn)行一次登錄。登錄過(guò)程中，系統(tǒng)也會(huì)對(duì)用戶的ID進(jìn)行判斷，并且后臺(tái)會(huì)自動(dòng)獲取用戶的OPENID，對(duì)輸入的賬號(hào)與密碼會(huì)進(jìn)行對(duì)比。若對(duì)比結(jié)果符合數(shù)據(jù)事實(shí)，則登錄成功，否則會(huì)提示用戶錯(cuò)誤信息，具體代碼如下：圖4-2登錄流程代碼圖4-3注冊(cè)邏輯代碼4.1.3支付頁(yè)面的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)用戶在選擇選擇好商品后，就可以對(duì)商品進(jìn)行支付操作。支付頁(yè)面是購(gòu)物商城的標(biāo)配頁(yè)面之一，系統(tǒng)對(duì)用戶支付頁(yè)面的處理邏輯如圖4-2所示：圖4-4支付頁(yè)面邏輯處理圖進(jìn)入支付頁(yè)面后，用戶可以滾動(dòng)選擇自己的收貨地址，也可以手動(dòng)添加地址。同時(shí)在支付頁(yè)面用戶可以看到選購(gòu)的商品基本信息，包括下單時(shí)間、訂單編號(hào)以及購(gòu)買數(shù)量等。支付頁(yè)面的商品價(jià)格會(huì)根據(jù)具體數(shù)量、具體數(shù)目進(jìn)行累計(jì)計(jì)算，后臺(tái)也會(huì)自動(dòng)獲取到商品的ID，并自動(dòng)判斷此商品的訂單狀態(tài)，把數(shù)據(jù)存儲(chǔ)到訂單頁(yè)表的數(shù)據(jù)庫(kù)。具體代碼如下：圖4-5支付頁(yè)面邏輯代碼圖4-6支付頁(yè)面邏輯代碼圖4-7支付頁(yè)面邏輯代碼4.1.4訂單頁(yè)面的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)用戶在完成支付后，系統(tǒng)會(huì)跳轉(zhuǎn)到訂單頁(yè)面；用戶也可以在個(gè)人中心查看訂單狀況。訂單頁(yè)是購(gòu)物商城必須的標(biāo)配頁(yè)表，用來(lái)查詢自己以往的購(gòu)物歷史和跟蹤訂單狀況。系統(tǒng)對(duì)用戶的訂單處理邏輯如圖4-3所示：圖4-8訂單頁(yè)面邏輯處理圖用戶進(jìn)入訂單頁(yè)面，會(huì)顯示用戶的訂單數(shù)據(jù)：包括用戶訂單的完成度、是否已經(jīng)付款等。同時(shí)用戶還可以進(jìn)行訂單付款操作和訂單完成操作。用戶在下單時(shí)候，系統(tǒng)會(huì)獲取用戶ID和商品ID，并把數(shù)據(jù)存儲(chǔ)到訂單數(shù)據(jù)庫(kù)中，再通過(guò)函數(shù)的調(diào)用返回到訂單頁(yè)面。用戶對(duì)訂單做出的處理操作，后臺(tái)也會(huì)實(shí)時(shí)更新。具體代碼如下：圖4-9訂單頁(yè)面邏輯代碼圖4-7-2訂單頁(yè)面邏輯代碼圖4-10訂單頁(yè)面邏輯代碼圖4-11訂單頁(yè)面邏輯代碼4.1.5余額充值的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 余額充值是考慮到用戶對(duì)商城的支持以及購(gòu)買商品時(shí)需要預(yù)先存儲(chǔ)足夠金額的模擬支付操作，用戶可進(jìn)行充值操作。系統(tǒng)對(duì)用戶的余額充值操作邏輯處理如下圖4-4所示：圖4-12余額充值邏輯處理圖 用戶在個(gè)人中心可以查看自己的余額，如果覺(jué)得余額不足，可以點(diǎn)擊充值，進(jìn)行余額充值操作。在充值操作頁(yè)面，用戶只需輸入充值的金額，點(diǎn)擊確認(rèn)后，系統(tǒng)就會(huì)自動(dòng)幫用戶完成充值操作，并返回個(gè)人中心，此時(shí)余額會(huì)實(shí)時(shí)更新。 用戶在進(jìn)行余額充值操作時(shí)，系統(tǒng)會(huì)自動(dòng)獲取用戶ID，并自動(dòng)存儲(chǔ)和跟新用戶余額，數(shù)據(jù)會(huì)記錄到users列表中，并重新把數(shù)據(jù)上傳回個(gè)人中心，具體代碼如下：圖4-13充值頁(yè)面邏輯代碼圖4-14充值頁(yè)面邏輯代碼4.1.6新增地址的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 地址添加的頁(yè)面開設(shè)是考慮到用戶可能會(huì)更改收貨地址，以及為了能讓用戶在購(gòu)買商品時(shí)有可以選擇的地址等因素，因此特意設(shè)計(jì)了新增地址頁(yè)面，系統(tǒng)具體處理邏輯如下圖所示：圖4-15新增頁(yè)面邏輯處理圖 用戶在支付頁(yè)面可以滾動(dòng)選擇之前已經(jīng)添加的地址，若是沒(méi)有地址或者想要新增地址，可以點(diǎn)擊新增地址按鈕，跳轉(zhuǎn)到添加地址頁(yè)面進(jìn)行操作，輸入一定的信息后按確認(rèn)鍵可返回支付頁(yè)面繼續(xù)進(jìn)行支付操作。 用戶輸入地址信息后，系統(tǒng)會(huì)自動(dòng)獲取用戶OPENID，并對(duì)用戶的操作進(jìn)行更新，存儲(chǔ)到地址表單中，并把數(shù)據(jù)上傳回前端的支付頁(yè)和個(gè)人中心的地址頁(yè)顯示，具體代碼如下：圖4-16地址頁(yè)面邏輯代碼圖4-17地址頁(yè)面邏輯代碼4.2小程序后端數(shù)據(jù)庫(kù)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)在云開發(fā)的數(shù)據(jù)庫(kù)中，我們?cè)O(shè)置了許多不同的列表集合，來(lái)儲(chǔ)存有需要的數(shù)據(jù)，同時(shí)存放與前端相對(duì)應(yīng)的ID，并且通過(guò)獲取ID的方法傳輸數(shù)據(jù)。在產(chǎn)品數(shù)據(jù)管理中，我們會(huì)通過(guò)設(shè)置字段、ID、路徑等一些列的操作存儲(chǔ)需要用到的數(shù)據(jù)?，F(xiàn)在開始羅列：圖4-18地址頁(yè)面后臺(tái)數(shù)據(jù)圖4-19輪播圖后臺(tái)數(shù)據(jù)圖4-20購(gòu)物車后臺(tái)數(shù)據(jù)圖4-21分類頁(yè)面后臺(tái)數(shù)據(jù)圖4-22菜單欄后臺(tái)數(shù)據(jù)圖4-23訂單頁(yè)面后臺(tái)數(shù)據(jù)圖4-24詳細(xì)頁(yè)面后臺(tái)數(shù)據(jù)圖4-25用戶信息后臺(tái)數(shù)據(jù)5.小程序測(cè)試本次小程序根據(jù)需求分析以及總體設(shè)計(jì)為測(cè)試依據(jù)，在本章開始進(jìn)行精確有效的測(cè)試。測(cè)試設(shè)備：開發(fā)者工具（版本：1.02）、IPhone7Plus（版本：12.0.1）小程序測(cè)試分析表序號(hào)測(cè)試內(nèi)容具體項(xiàng)目測(cè)試結(jié)果1用戶登錄測(cè)試根據(jù)之前用戶在后臺(tái)登記過(guò)的賬號(hào)與密碼，進(jìn)行小程序的登錄操作正常可以使用，通過(guò)測(cè)試2用戶首頁(yè)數(shù)據(jù)的展示以及操作用戶經(jīng)過(guò)登錄頁(yè)面后可以順利跳轉(zhuǎn)到首頁(yè)，并且能夠看到首頁(yè)顯示出來(lái)的數(shù)據(jù)，包括：搜索欄、輪播圖、菜單欄、產(chǎn)品列表以及底部導(dǎo)航欄正?？梢允褂?，通過(guò)測(cè)試3詳情頁(yè)面的數(shù)據(jù)以及相關(guān)操作用戶點(diǎn)擊產(chǎn)品欄，可以順利跳轉(zhuǎn)到詳情頁(yè)面，并且看到詳情頁(yè)面有關(guān)產(chǎn)品的數(shù)據(jù)，包括：產(chǎn)品輪播圖、詳細(xì)介紹、價(jià)格等，同時(shí)可以對(duì)產(chǎn)品進(jìn)行：添加到購(gòu)物車以及立即購(gòu)買操作正?？梢允褂茫ㄟ^(guò)測(cè)試4購(gòu)物車頁(yè)面的數(shù)據(jù)以及相關(guān)操作用戶點(diǎn)在商品詳情頁(yè)點(diǎn)解添加到購(gòu)物車可以成功顯示提示詞語(yǔ)，同時(shí)在購(gòu)物車頁(yè)面可以看到之前收藏過(guò)的的商品，在此頁(yè)面可以進(jìn)行物品刪除、添加購(gòu)買數(shù)量等操作，并且會(huì)顯示合計(jì)金額，可進(jìn)行購(gòu)買操作正?？梢允褂?，通過(guò)測(cè)試5付款頁(yè)面的數(shù)據(jù)顯示以及相關(guān)操作用戶可通過(guò)點(diǎn)擊商品詳情頁(yè)、購(gòu)物車頁(yè)面的付款按鈕，跳轉(zhuǎn)到付款頁(yè)面。在付款頁(yè)面會(huì)顯示收貨地址、訂單編號(hào)、訂單時(shí)間以及付款商品、數(shù)量、價(jià)格等，點(diǎn)解支付按鈕會(huì)出現(xiàn)彈出并且輸入支付密碼可以完成支付正常可以使用，通過(guò)測(cè)試6添加地址頁(yè)面的數(shù)據(jù)顯示以及相關(guān)操作用戶可以自行添加收獲地址，包括：詳細(xì)地址、聯(lián)系人、聯(lián)系電話等，同時(shí)后臺(tái)會(huì)記錄存儲(chǔ)的地址，可在付款頁(yè)面進(jìn)行選擇正常可以使用，通過(guò)測(cè)試7充值頁(yè)面的數(shù)據(jù)顯示以及相關(guān)操作用戶可以通過(guò)充值功能進(jìn)行余額的添加，同時(shí)在“我的”頁(yè)面會(huì)顯示用戶的余額僅用于測(cè)試，并不能上線發(fā)布8密碼修改頁(yè)面的數(shù)據(jù)顯示以及相關(guān)操作用戶可通過(guò)綁定其他手機(jī)以修改登錄密碼進(jìn)行二次登錄，修改成功后會(huì)跳轉(zhuǎn)到登錄頁(yè)面進(jìn)行重新登錄正?？梢允褂?，通過(guò)測(cè)試6.小程序發(fā)布微信小程序不僅僅提供開發(fā)者書寫代碼的平臺(tái)以及實(shí)現(xiàn)交互邏輯的云開發(fā)，還為開發(fā)者提供了發(fā)布、上線小程序的機(jī)會(huì)。不僅僅是企業(yè)認(rèn)證和媒體、政府認(rèn)證的機(jī)構(gòu)才有資格發(fā)布，小程序?qū)€(gè)人開發(fā)者額提供了無(wú)認(rèn)證發(fā)布上傳的功能，接下來(lái)對(duì)小程序的發(fā)布做詳細(xì)的流程描述：首先登陸微信公眾號(hào)后臺(tái)進(jìn)行小程序基本信息設(shè)置操作，登陸后設(shè)置小程序的基本信息，界面會(huì)有相對(duì)應(yīng)的操作指引，同時(shí)還要注意設(shè)置服務(wù)器域名位置。圖6-1小程序基本信息填寫填寫好信息后，在開發(fā)者工具點(diǎn)擊“上傳”功能，并填寫版本號(hào)和說(shuō)明圖6-2版本號(hào)聲明上傳完畢后，在微信公眾號(hào)后臺(tái)的開發(fā)管理處，找到開發(fā)版本并提交給管理員審核，此時(shí)我們需要耐心等待微信官方的審核，審核通過(guò)后會(huì)有消息提示。至此，小程序的發(fā)布流程已經(jīng)結(jié)束了。7.總結(jié)在本次服裝商城小程序的開發(fā)過(guò)程中，本人親自完成了整個(gè)項(xiàng)目，并無(wú)任何抄襲或者找代寫等不誠(chéng)信行為。從選題之后，我先是做了調(diào)查研究、對(duì)比設(shè)計(jì)、知識(shí)儲(chǔ)備，后來(lái)開始著手布置總體框架、系統(tǒng)設(shè)計(jì)、開發(fā)與調(diào)試，最后正式完成小程序的開發(fā)項(xiàng)目，總耗時(shí)4個(gè)多月。在這次小程序的開發(fā)中，我查閱了許多有關(guān)小程序設(shè)計(jì)的理論知識(shí)，內(nèi)容包括了前端的樣式設(shè)計(jì)、后臺(tái)的數(shù)據(jù)庫(kù)搭建處理。結(jié)合目前自己所學(xué)到的知識(shí)，以及做了關(guān)于后臺(tái)技術(shù)優(yōu)缺點(diǎn)的類比，最后決定使用小程序后臺(tái)自帶的云開發(fā)技術(shù)搭建自己的后臺(tái)數(shù)據(jù)庫(kù)。云開發(fā)提供了除數(shù)據(jù)庫(kù)、云調(diào)用等一系列服務(wù)，而且其登錄邏輯簡(jiǎn)單，提供免費(fèi)的2G數(shù)據(jù)存儲(chǔ)，非常適合我們這種開發(fā)者進(jìn)行項(xiàng)目開發(fā)；同時(shí)云開發(fā)的調(diào)用相對(duì)其他后臺(tái)數(shù)據(jù)庫(kù)簡(jiǎn)單，因此這是我選擇使用云開發(fā)的理由。本次服裝商城小程序在功能上具備注冊(cè)、登錄、搜索、瀏覽、收藏、支付等功能，在某種程度上可以盡最大化的滿足用戶的需求，同時(shí)也能讓商家看到一絲生機(jī)。本次小程序突破了以往電子商務(wù)的繁雜以及籠統(tǒng)，在很大程度上做到了界面的簡(jiǎn)約以及對(duì)服裝品牌選取的專業(yè)，讓用戶有更好的購(gòu)物體驗(yàn)，同時(shí)也符合目前市場(chǎng)上對(duì)潮流的定義，也算是本次小程序的一大突破。有突破的地方，也會(huì)有瓶頸的地方。本次小程序項(xiàng)目開發(fā)中，絕大部分的情況都是在解決測(cè)試以及調(diào)試時(shí)候出現(xiàn)的問(wèn)題，但由于本人知識(shí)儲(chǔ)備量有限，以及時(shí)間上的準(zhǔn)備不夠充分等，仍有小部分細(xì)節(jié)問(wèn)題并未處理好。先總結(jié)一下幾點(diǎn)問(wèn)題，有待進(jìn)一步反省并解決：1.登錄頁(yè)面過(guò)于簡(jiǎn)化，并且未能捕捉到先前已登錄的用戶信息，實(shí)現(xiàn)免登錄直接跳轉(zhuǎn)。這種繁瑣的操作方式會(huì)給用戶帶來(lái)一定厭煩感，從而降低用戶的體驗(yàn)效果。因此在未來(lái)的小程序更新版本中將會(huì)著重優(yōu)化這個(gè)點(diǎn)。2.衣服種類過(guò)于缺少。對(duì)于一個(gè)商城而言，庫(kù)存量以及種類多樣化是非常重要的，雖然我走的是比較簡(jiǎn)約以及國(guó)產(chǎn)牌子的路線，衣服也是經(jīng)過(guò)精挑細(xì)選才選出來(lái)的，但是就目前要基于上線這個(gè)標(biāo)準(zhǔn)而已，還不算特別合格。因此在未來(lái)的版本修復(fù)中，應(yīng)該花心思在選材上以及樣式的重新整合上。3.搜索欄的功能以及提示引導(dǎo)詞語(yǔ)的功能實(shí)現(xiàn)還有待完善。由于本次采取云開發(fā)作為小程序的后臺(tái)搭建，因此在搜索欄的代碼邏輯中JS頁(yè)面的邏輯代碼與后臺(tái)數(shù)據(jù)庫(kù)并沒(méi)有很好的進(jìn)行數(shù)據(jù)的傳輸，導(dǎo)致搜索欄的功能出現(xiàn)時(shí)好時(shí)壞的局面，代碼編寫得不規(guī)范就會(huì)出現(xiàn)細(xì)節(jié)問(wèn)題優(yōu)化處理不當(dāng)?shù)默F(xiàn)象。因此下個(gè)版本中應(yīng)該著重規(guī)范代碼的編輯，提高成功率以及復(fù)用率。本次學(xué)習(xí)的過(guò)程中，一方面我對(duì)小程序的開發(fā)有了一定的了解，同時(shí)能夠深入的探索到云開發(fā)的妙趣，學(xué)習(xí)到了云函數(shù)的作用以及小程序前端樣式的知識(shí)；另一方面我深刻的意識(shí)到了自己的不足，同時(shí)也明白目前的知識(shí)儲(chǔ)備還不足夠支撐我在小程序上走更遠(yuǎn)的道路?？梢哉f(shuō)，如果我以現(xiàn)在的成績(jī)而感到驕傲的話，最多也只能算是“井底之蛙”了，因此，在學(xué)習(xí)小程序開發(fā)的道路上，我還要更加努力，積極進(jìn)取才行。致謝不知不覺(jué)，人生已經(jīng)來(lái)到了最重要的分叉路口。還記得當(dāng)時(shí)大一時(shí)候的好奇、大二時(shí)候的憧憬、大三時(shí)期的忙碌以及現(xiàn)在的些許迷茫。寫到這里，在大學(xué)時(shí)光的種種回憶如走馬燈似的，一幕幕閃過(guò)在腦海中。人們常說(shuō)，你之所以覺(jué)得時(shí)間過(guò)得很快，是因?yàn)槟阍谶@段時(shí)間里有著美好的生活。東軟真的給了我很多，我時(shí)常懷著感恩的心，想念起在母校發(fā)生的點(diǎn)點(diǎn)滴滴。 在這里，我首先要感謝我的指導(dǎo)老師，潘永明老師。從潘老師答應(yīng)做我的指導(dǎo)老師開始，一直到現(xiàn)在項(xiàng)目的開發(fā)完成，他都在旁邊給予了我打量的支持。不僅僅是在技術(shù)上給我一定的專業(yè)意見(jiàn)，在我的開題報(bào)告以及論文稿上也幫我指出了自己的不足和改進(jìn)的意見(jiàn)。潘老師的悉心指導(dǎo)，讓我在本次項(xiàng)目開發(fā)中受益匪淺，在此我想給潘老師敬禮！ 大學(xué)四年里，我還要感謝很多幫助過(guò)我的老師，以及我的宿友、同學(xué)。在我人生中遇到挫折困難，在我學(xué)習(xí)上遇到困惑難題時(shí)，他們都能夠給我支持和鼓勵(lì)，讓我能夠不斷地超越自我，逐步成長(zhǎng)。他們都是可愛(ài)的人，而我是幸運(yùn)的。我很慶幸能夠認(rèn)識(shí)到他們，不僅僅是好朋友，更是良師益友！ 最后，感謝愿意抽空花時(shí)間評(píng)閱本論文的專家和教授們，你們辛苦了。同時(shí)在此我也要提醒自己，社會(huì)不再會(huì)想大學(xué)一樣擁有許多老師和同學(xué)的幫助，因此我還應(yīng)該更加努力，不能停下前進(jìn)的步伐。在未來(lái)面對(duì)困難中，我都應(yīng)該保持著像開發(fā)項(xiàng)目時(shí)候的求學(xué)精神以及必勝的決心，勇敢面對(duì)。參考文獻(xiàn)【1】程子珍;基于微信小程序的網(wǎng)上購(gòu)物系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];首都經(jīng)濟(jì)貿(mào)易大學(xué);2018年【2】胡敏;Web系統(tǒng)下提高M(jìn)ySQL數(shù)據(jù)庫(kù)安全性的研究與實(shí)現(xiàn)[D];北京郵電大學(xué);2015年【3】金瑩;基于微信小程序的個(gè)人電臺(tái)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];吉林大學(xué);2017年【4】王勇鋒;基于微信公眾平臺(tái)的醫(yī)藥零售模式的研究和實(shí)現(xiàn)[D];華南理工大學(xué);2017年【5】朱勇貞;基于微信的電商平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[D];東華大學(xué);2017年【6】王權(quán);基于微信開放平臺(tái)購(gòu)物中心的設(shè)計(jì)與實(shí)現(xiàn)[D];吉林大學(xué);2016年【7】李煒康;基于微信的網(wǎng)上購(gòu)物系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];南京大學(xué);2015年【8】譚楷祥;基于微信公眾平臺(tái)的點(diǎn)餐系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];南京大學(xué);2014年【9】李華明;基于PHP和MySQL的網(wǎng)上購(gòu)物系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[D];電子科技大學(xué);2014年【10】李元鵬;SQL注入攻擊掃描分析工具的實(shí)現(xiàn)與攻擊防范技術(shù)研究[D];北京交通大學(xué);2010年【11】王昭英;基于MVC設(shè)計(jì)模式的thinkphp框架的研究與應(yīng)用[D];西安建筑科技大學(xué);2010年【12】徐其帥;面向?qū)ο筌浖_發(fā)方法的實(shí)例分析[D];浙江大學(xué);2008年

HYPERLINK如何給電腦重做系統(tǒng)給電腦重做系統(tǒng)，自己學(xué)學(xué)，可少花錢，哈哈[圖]

一、準(zhǔn)備工作:

如何重裝電腦系統(tǒng)

首先，在啟動(dòng)電腦的時(shí)候按住DELETE鍵進(jìn)入BIOS，選擇AdvancedBIOSFeatures選項(xiàng)，按Enter鍵進(jìn)入設(shè)置程序。選擇FirstBootDevice選項(xiàng)，然后按鍵盤上的PageUp或PageDown鍵將該項(xiàng)設(shè)置為CD-ROM，這樣就可以把系統(tǒng)改為光盤啟動(dòng)。

其次，退回到主菜單，保存BIOS設(shè)置。（保存方法是按下F10，然后再按Y鍵即可）

1.準(zhǔn)備好WindowsXPProfessional簡(jiǎn)體中文版安裝光盤,并檢查光驅(qū)是否支持自啟動(dòng)。

2.可能的情況下，在運(yùn)行安裝程序前用磁盤掃描程序掃描所有硬盤檢查硬盤錯(cuò)誤并進(jìn)行修復(fù)，否則安裝程序運(yùn)行時(shí)如檢查到有硬盤錯(cuò)誤即會(huì)很麻煩。

3.用紙張記錄安裝文件的產(chǎn)品密匙(安裝序列號(hào))。

4.可能的情況下，用驅(qū)動(dòng)程序備份工具(如:驅(qū)動(dòng)精靈2004V1.9Beta.exe)將原WindowsXP下的所有驅(qū)動(dòng)程序備份到硬盤上(如∶F:Drive)。最好能記下主板、網(wǎng)卡、顯卡等主要硬件的型號(hào)及生產(chǎn)廠家，預(yù)先下載驅(qū)動(dòng)程序備用。

5.如果你想在安裝過(guò)程中格式化C盤或D盤(建議安裝過(guò)程中格式化C盤)，請(qǐng)備份C盤或D盤有用的數(shù)據(jù)。

二、用光盤啟動(dòng)系統(tǒng):

(如果你已經(jīng)知道方法請(qǐng)轉(zhuǎn)到下一步),重新啟動(dòng)系統(tǒng)并把光驅(qū)設(shè)為第一啟動(dòng)盤,保存設(shè)置并重啟。將XP安裝光盤放入光驅(qū),重新啟動(dòng)電腦。剛啟動(dòng)時(shí)，當(dāng)出現(xiàn)如下圖所示時(shí)快速按下回車鍵，否則不能啟動(dòng)XP系統(tǒng)光盤安裝。如果你不知道具體做法請(qǐng)參考與這相同的-->如何進(jìn)入純DOS系統(tǒng):

光盤自啟動(dòng)后,如無(wú)意外即可見(jiàn)到安裝界面,將出現(xiàn)如下圖1所示

查看原圖

全中文提示,“要現(xiàn)在安裝WindowsXP,請(qǐng)按ENTER”，按回車鍵后,出現(xiàn)如下圖2所示

查看原圖

許可協(xié)議,這里沒(méi)有選擇的余地，按“F8”后如下圖3

HYPERLINK

查看原圖

這里用“向下或向上”方向鍵選擇安裝系統(tǒng)所用的分區(qū)，如果你已格式化C盤請(qǐng)選擇C分區(qū)，選擇好分區(qū)后按“Enter”鍵回車，出現(xiàn)下圖4所示

查看原圖

這里對(duì)所選分區(qū)可以進(jìn)行格式化,從而轉(zhuǎn)換文件系統(tǒng)格,或保存現(xiàn)有文件系統(tǒng),有多種選擇的余地,但要注意的是NTFS格式可節(jié)約磁盤空間提高安全性和減小磁盤碎片但同時(shí)存在很多問(wèn)題MacOS和98/Me下看不到NTFS格式的分區(qū),在這里選“用FAT文件系統(tǒng)格式化磁盤分區(qū)(快),按“Enter”鍵回車，出現(xiàn)下圖5所示

查看原圖

格式化C盤的警告,按F鍵將準(zhǔn)備格式化c盤,出現(xiàn)下圖6所示

HYPERLINK

查看原圖

由于所選分區(qū)C的空間大于2048M(即2G),FAT文件系統(tǒng)不支持大于2048M的磁盤分區(qū),所以安裝程序會(huì)用FAT32文件系統(tǒng)格式對(duì)C盤進(jìn)行格式化,按“Enter”鍵回車，出現(xiàn)下圖7所示

查看原圖圖7中正在格式化C分區(qū);只有用光盤啟動(dòng)或安裝啟動(dòng)軟盤啟動(dòng)XP安裝程序,才能在安裝過(guò)程中提供格式化分區(qū)選項(xiàng)；如果用MS-DOS啟動(dòng)盤啟動(dòng)進(jìn)入DOS下,運(yùn)行i386\winnt進(jìn)行安裝XP時(shí),安裝XP時(shí)沒(méi)有格式化分區(qū)選項(xiàng)。格式化C分區(qū)完成后,出現(xiàn)下圖8所示

被過(guò)濾廣告

查看原圖

圖8中開始復(fù)制文件,文件復(fù)制完后，安裝程序開始初始化Windows配置。然后系統(tǒng)將會(huì)自動(dòng)在15秒后重新啟動(dòng)。重新啟動(dòng)后,出現(xiàn)下圖9所示

HYPERLINK

查看原圖

9

查看原圖

過(guò)5分鐘后，當(dāng)提示還需33分鐘時(shí)將出現(xiàn)如下圖10

HYPERLINK

查看原圖

區(qū)域和語(yǔ)言設(shè)置選用默認(rèn)值就可以了，直接點(diǎn)“下一步”按鈕，出現(xiàn)如下圖11

查看原圖

這里輸入你想好的姓名和單位，這里的姓名是你以后注冊(cè)的用戶名，點(diǎn)“下一步”按鈕，出現(xiàn)如下圖12

HYPERLINK

查看原圖

如果你沒(méi)有預(yù)先記下產(chǎn)品密鑰（安裝序列號(hào)）就大件事啦！這里輸入安裝序列號(hào)，點(diǎn)“下一步”按鈕，出現(xiàn)如下圖13

HYPERLINK

查看原圖

安裝程序自動(dòng)為你創(chuàng)建又長(zhǎng)又難看的計(jì)算機(jī)名稱,自己可任意更改，輸入兩次系統(tǒng)管理員密碼，請(qǐng)記住這個(gè)密碼，Administrator系統(tǒng)管理員在系統(tǒng)中具有最高權(quán)限，平時(shí)登陸系統(tǒng)不需要這個(gè)帳號(hào)。接著點(diǎn)“下一步”出現(xiàn)如下圖14

查看原圖

日期和時(shí)間設(shè)置不用講,選北京時(shí)間，點(diǎn)“下一步”出現(xiàn)如下圖15

HYPERLINK

查看原圖

開始安裝,復(fù)制系統(tǒng)文件、安裝網(wǎng)絡(luò)系統(tǒng)，很快出現(xiàn)如下圖16

查看原圖

讓你選擇網(wǎng)絡(luò)安裝所用的方式，選典型設(shè)置點(diǎn)“下一步”出現(xiàn)如下圖17

HYPERLINK

查看原圖

點(diǎn)“下一步”出現(xiàn)如下圖18

HYPERLINK

查看原圖

繼續(xù)安裝，到這里后就不用你參與了，安裝程序會(huì)自動(dòng)完成全過(guò)程。安裝完成后自動(dòng)重新啟動(dòng)，出現(xiàn)啟動(dòng)畫面，如下圖19

HYPERLINK

查看原圖

第一次啟動(dòng)需要較長(zhǎng)時(shí)間，請(qǐng)耐心等候，接下來(lái)是歡迎使用畫面，提示設(shè)置系統(tǒng)，如下圖20

查看原圖

點(diǎn)擊右下角的“下一步”按鈕，出現(xiàn)設(shè)置上網(wǎng)連接畫面，如下圖21所示

HYPERLINK

查看原圖

點(diǎn)擊右下角的“下一步”按鈕，出現(xiàn)設(shè)置上網(wǎng)連接畫面，如下圖21所示

查看原圖

這里建立的寬帶撥號(hào)連接,不會(huì)在桌面上建立撥號(hào)連接快捷方式,且默認(rèn)的撥號(hào)連接名稱為“我的ISP”(自定義除外);進(jìn)入桌面后通過(guò)連接向?qū)Ы⒌膶拵芴?hào)連接,在桌面上會(huì)建立撥號(hào)連接快捷方式,且默認(rèn)的撥號(hào)連接名稱為“寬帶連接”(自定義除外)。如果你不想在這里建立寬帶撥號(hào)連接,請(qǐng)點(diǎn)擊“跳過(guò)”按鈕。

在這里我先創(chuàng)建一個(gè)寬帶連接,選第一項(xiàng)“數(shù)字用戶線(ADSL)或電纜調(diào)制解調(diào)器”,點(diǎn)擊“下一步”按鈕，如下圖22所示

HYPERLINK

查看原圖

目前使用的電信或聯(lián)通(ADSL)住宅用戶都有帳號(hào)和密碼的,所以我選“是,我使用用戶名和密碼連接”,點(diǎn)擊“下一步”按鈕，如下圖23所示

查看原圖

輸入電信或聯(lián)通提供的帳號(hào)和密碼,在“你的ISP的服務(wù)名”處輸入你喜歡的名稱,該名稱作為撥號(hào)連接快捷菜單的名稱,如果留空系統(tǒng)會(huì)自動(dòng)創(chuàng)建名為“我的ISP”作為該連接的名稱,點(diǎn)擊“下一步”按鈕，如下圖24所示

查看原圖

已經(jīng)建立了撥號(hào)連接,微軟當(dāng)然想你現(xiàn)在就激活XP啦,不過(guò)即使不激活也有30天的試用期,又何必急呢?選擇“否,請(qǐng)等候幾天提醒我”,點(diǎn)擊“下一步”按鈕，如下圖25所示

HYPERLINK

查看原圖

輸入一個(gè)你平時(shí)用來(lái)登陸計(jì)算機(jī)的用戶名，點(diǎn)下一步出現(xiàn)如下圖26

HYPERLINK

查看原圖

點(diǎn)擊完成，就結(jié)束安裝。系統(tǒng)將注銷并重新以新用戶身份登陸。登陸桌面后如下圖27

HYPERLINK

查看原圖

六、找回常見(jiàn)的圖標(biāo)

在桌面上點(diǎn)開始-->連接到-->寬帶連接，如下圖32

查看原圖

左鍵點(diǎn)“寬帶連接”不放手，將其拖到桌面空白處,可見(jiàn)到桌面上多了一個(gè)“寬帶連接”快捷方式。結(jié)果如下圖33

HYPERLINK

查看原圖

然后，右鍵在桌面空白處點(diǎn)擊，在彈出的菜單中選“屬性”，即打開顯示“屬性窗口”如下圖34

查看原圖

在圖中單擊“桌面”選項(xiàng)卡，出現(xiàn)如下圖35

HYPERLINK

查看原圖

在圖中的左下部點(diǎn)擊“自定義桌面”按鈕，出現(xiàn)如下圖36

查看原圖

在圖中的上部，將“我的文檔”、“我的電腦”、“網(wǎng)上鄰居”和“InternetExplorer”四個(gè)項(xiàng)目前面的空格上打鉤，然后點(diǎn)“確定”，再“確定”，你將會(huì)看到桌面上多了你想要的圖標(biāo)。如下圖37

鍵盤上每個(gè)鍵作用!!!

F1幫助

F2改名

F3搜索

F4地址

F5刷新

F6切換

F10菜單

CTRL+A全選

CTRL+C復(fù)制

CTRL+X剪切

CTRL+V粘貼

CTRL+Z撤消

CTRL+O打開

SHIFT+DELETE永久刪除

DELETE刪除

ALT+ENTER屬性

ALT+F4關(guān)閉

CTRL+F4關(guān)閉

ALT+TAB切換

ALT+ESC切換

ALT+空格鍵窗口菜單

CTRL+ESC開始菜單

拖動(dòng)某一項(xiàng)時(shí)按CTRL復(fù)制所選項(xiàng)目

拖動(dòng)某一項(xiàng)時(shí)按CTRL+SHIFT創(chuàng)建快捷方式

將光盤插入到CD-ROM驅(qū)動(dòng)器時(shí)按SHIFT鍵阻止光盤自動(dòng)播放

Ctrl+1,2,3...切換到從左邊數(shù)起第1,2,3...個(gè)標(biāo)簽

Ctrl+A全部選中當(dāng)前頁(yè)面內(nèi)容

Ctrl+C復(fù)制當(dāng)前選中內(nèi)容

Ctrl+D打開“添加收藏”面版(把當(dāng)前頁(yè)面添加到收藏夾中)

Ctrl+E打開或關(guān)閉“搜索”側(cè)邊欄(各種搜索引擎可選)

Ctrl+F打開“查找”面版

Ctrl+G打開或關(guān)閉“簡(jiǎn)易收集”面板

Ctrl+H打開“歷史”側(cè)邊欄

Ctrl+I打開“收藏夾”側(cè)邊欄/另:將所有垂直平鋪或水平平鋪或?qū)盈B的窗口恢復(fù)

Ctrl+K關(guān)閉除當(dāng)前和鎖定標(biāo)簽外的所有標(biāo)簽

Ctrl+L打開“打開”面版(可以在當(dāng)前頁(yè)面打開Iternet地址或其他文件...)

Ctrl+N新建一個(gè)空白窗口(可更改,Maxthon選項(xiàng)→標(biāo)簽→新建)

Ctrl+O打開“打開”面版(可以在當(dāng)前頁(yè)面打開Iternet地址或其他文件...)

Ctrl+P打開“打印”面板(可以打印網(wǎng)頁(yè),圖片什么的...)

Ctrl+Q打開“添加到過(guò)濾列表”面板(將當(dāng)前頁(yè)面地址發(fā)送到過(guò)濾列表)

Ctrl+R刷新當(dāng)前頁(yè)面

Ctrl+S打開“保存網(wǎng)頁(yè)”面板(可以將當(dāng)前頁(yè)面所有內(nèi)容保存下來(lái))

Ctrl+T垂直平鋪所有窗口

Ctrl+V粘貼當(dāng)前剪貼板內(nèi)的內(nèi)容

Ctrl+W關(guān)閉當(dāng)前標(biāo)簽(窗口)

Ctrl+X剪切當(dāng)前選中內(nèi)容(一般只用于文本操作)

Ctrl+Y重做剛才動(dòng)作(一般只用于文本操作)

Ctrl+Z撤消剛才動(dòng)作(一般只用于文本操作)

Ctrl+F4關(guān)閉當(dāng)前標(biāo)簽(窗口)

Ctrl+F5刷新當(dāng)前頁(yè)面

Ctrl+F6按頁(yè)面打開的先后時(shí)間順序向前切換標(biāo)簽(窗口)

Ctrl+F11隱藏或顯示菜單欄

Ctrl+Tab以小菜單方式向下切換標(biāo)簽(窗口)

Ctrl+Enter域名自動(dòng)完成[url=].**.com[/url](內(nèi)容可更改,Maxthon選項(xiàng)→地址欄→常規(guī))/另:當(dāng)輸入焦點(diǎn)在搜索欄中時(shí),為高亮關(guān)鍵字

Ctrl+拖曳保存該鏈接的地址或已選中的文本或指定的圖片到一個(gè)文件夾中(保存目錄可更改,Maxthon選項(xiàng)→保存)

Ctrl+小鍵盤'+'當(dāng)前頁(yè)面放大20%

Ctrl+小鍵盤'-'當(dāng)前頁(yè)面縮小20%

Ctrl+小鍵盤'*'恢復(fù)當(dāng)前頁(yè)面的縮放為原始大小

Ctrl+Alt+S自動(dòng)保存當(dāng)前頁(yè)面所有內(nèi)容到指定文件夾(保存路徑可更改,Maxthon選項(xiàng)→保存)

Ctrl+Shift+小鍵盤'+'所有頁(yè)面放大20%

Ctrl+Shift+小鍵盤'-'所有頁(yè)面縮小20%

Ctrl+Shift+F輸入焦點(diǎn)移到搜索欄

Ctrl+Shift+G關(guān)閉“簡(jiǎn)易收集”面板

Ctrl+Shift+H打開并激活到你設(shè)置的主頁(yè)

Ctrl+Shift+N在新窗口中打開剪貼板中的地址,如果剪貼板中為文字,則調(diào)用搜索引擎搜索該文字(搜索引擎可選擇,Maxthon選項(xiàng)→搜索)

Ctrl+Shift+S打開“保存網(wǎng)頁(yè)”面板(可以將當(dāng)前頁(yè)面所有內(nèi)容保存下來(lái),等同于Ctrl+S)

Ctrl+Shift+W關(guān)閉除鎖定標(biāo)簽外的全部標(biāo)簽(窗口)

Ctrl+Shift+F6按頁(yè)面打開的先后時(shí)間順序向后切換標(biāo)簽(窗口)

Ctrl+Shift+Tab以小菜單方式向上切換標(biāo)簽(窗口)

Ctrl+Shift+Enter域名自動(dòng)完成

Alt+1保存當(dāng)前表單

Alt+2保存為通用表單

Alt+A展開收藏夾列表

資源管理器

END顯示當(dāng)前窗口的底端

HOME顯示當(dāng)前窗口的頂端

NUMLOCK+數(shù)字鍵盤的減號(hào)(-)折疊所選的文件夾

NUMLOCK+數(shù)字鍵盤的加號(hào)(+)顯示所選文件夾的內(nèi)容

NUMLOCK+數(shù)字鍵盤的星號(hào)(*)顯示所選文件夾的所有子文件夾

向左鍵當(dāng)前所選項(xiàng)處于展開狀態(tài)時(shí)折疊該項(xiàng)，或選定其父文件夾

向右鍵當(dāng)前所選項(xiàng)處于折疊狀態(tài)時(shí)展開該項(xiàng)，或選定第一個(gè)子文件夾

自然鍵盤

【窗口】