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

HYPERLINK如何給電腦重做系統給電腦重做系統，自己學學，可少花錢，哈哈[圖]

一、準備工作:

如何重裝電腦系統

首先，在啟動電腦的時候按住DELETE鍵進入BIOS，選擇AdvancedBIOSFeatures選項，按Enter鍵進入設置程序。選擇FirstBootDevice選項，然后按鍵盤上的PageUp或PageDown鍵將該項設置為CD-ROM，這樣就可以把系統改為光盤啟動。

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

1.準備好WindowsXPProfessional簡體中文版安裝光盤,并檢查光驅是否支持自啟動。

2.可能的情況下，在運行安裝程序前用磁盤掃描程序掃描所有硬盤檢查硬盤錯誤并進行修復，否則安裝程序運行時如檢查到有硬盤錯誤即會很麻煩。

3.用紙張記錄安裝文件的產品密匙(安裝序列號)。

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

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

二、用光盤啟動系統:

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

光盤自啟動后,如無意外即可見到安裝界面,將出現如下圖1所示

查看原圖

全中文提示,“要現在安裝WindowsXP,請按ENTER”，按回車鍵后,出現如下圖2所示

查看原圖

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

HYPERLINK

查看原圖

這里用“向下或向上”方向鍵選擇安裝系統所用的分區，如果你已格式化C盤請選擇C分區，選擇好分區后按“Enter”鍵回車，出現下圖4所示

查看原圖

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

查看原圖

格式化C盤的警告,按F鍵將準備格式化c盤,出現下圖6所示

HYPERLINK

查看原圖

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

查看原圖圖7中正在格式化C分區;只有用光盤啟動或安裝啟動軟盤啟動XP安裝程序,才能在安裝過程中提供格式化分區選項；如果用MS-DOS啟動盤啟動進入DOS下,運行i386\winnt進行安裝XP時,安裝XP時沒有格式化分區選項。格式化C分區完成后,出現下圖8所示

被過濾廣告

查看原圖

圖8中開始復制文件,文件復制完后，安裝程序開始初始化Windows配置。然后系統將會自動在15秒后重新啟動。重新啟動后,出現下圖9所示

HYPERLINK

查看原圖

9

查看原圖

過5分鐘后，當提示還需33分鐘時將出現如下圖10

HYPERLINK

查看原圖

區域和語言設置選用默認值就可以了，直接點“下一步”按鈕，出現如下圖11

查看原圖

這里輸入你想好的姓名和單位，這里的姓名是你以后注冊的用戶名，點“下一步”按鈕，出現如下圖12

HYPERLINK

查看原圖

如果你沒有預先記下產品密鑰（安裝序列號）就大件事啦！這里輸入安裝序列號，點“下一步”按鈕，出現如下圖13

HYPERLINK

查看原圖

安裝程序自動為你創建又長又難看的計算機名稱,自己可任意更改，輸入兩次系統管理員密碼，請記住這個密碼，Administrator系統管理員在系統中具有最高權限，平時登陸系統不需要這個帳號。接著點“下一步”出現如下圖14

查看原圖

日期和時間設置不用講,選北京時間，點“下一步”出現如下圖15

HYPERLINK

查看原圖

開始安裝,復制系統文件、安裝網絡系統，很快出現如下圖16

查看原圖

讓你選擇網絡安裝所用的方式，選典型設置點“下一步”出現如下圖17

HYPERLINK

查看原圖

點“下一步”出現如下圖18

HYPERLINK

查看原圖

繼續安裝，到這里后就不用你參與了，安裝程序會自動完成全過程。安裝完成后自動重新啟動，出現啟動畫面，如下圖19

HYPERLINK

查看原圖

第一次啟動需要較長時間，請耐心等候，接下來是歡迎使用畫面，提示設置系統，如下圖20

查看原圖

點擊右下角的“下一步”按鈕，出現設置上網連接畫面，如下圖21所示

HYPERLINK

查看原圖

點擊右下角的“下一步”按鈕，出現設置上網連接畫面，如下圖21所示

查看原圖

這里建立的寬帶撥號連接,不會在桌面上建立撥號連接快捷方式,且默認的撥號連接名稱為“我的ISP”(自定義除外);進入桌面后通過連接向導建立的寬帶撥號連接,在桌面上會建立撥號連接快捷方式,且默認的撥號連接名稱為“寬帶連接”(自定義除外)。如果你不想在這里建立寬帶撥號連接,請點擊“跳過”按鈕。

在這里我先創建一個寬帶連接,選第一項“數字用戶線(ADSL)或電纜調制解調器”,點擊“下一步”按鈕，如下圖22所示

HYPERLINK

查看原圖

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

查看原圖

輸入電信或聯通提供的帳號和密碼,在“你的ISP的服務名”處輸入你喜歡的名稱,該名稱作為撥號連接快捷菜單的名稱,如果留空系統會自動創建名為“我的ISP”作為該連接的名稱,點擊“下一步”按鈕，如下圖24所示

查看原圖

已經建立了撥號連接,微軟當然想你現在就激活XP啦,不過即使不激活也有30天的試用期,又何必急呢?選擇“否,請等候幾天提醒我”,點擊“下一步”按鈕，如下圖25所示

HYPERLINK

查看原圖

輸入一個你平時用來登陸計算機的用戶名，點下一步出現如下圖26

HYPERLINK

查看原圖

點擊完成，就結束安裝。系統將注銷并重新以新用戶身份登陸。登陸桌面后如下圖27

HYPERLINK

查看原圖

六、找回常見的圖標

在桌面上點開始-->連接到-->寬帶連接，如下圖32

查看原圖

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

HYPERLINK

查看原圖

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

查看原圖

在圖中單擊“桌面”選項卡，出現如下圖35

HYPERLINK

查看原圖

在圖中的左下部點擊“自定義桌面”按鈕，出現如下圖36

查看原圖

在圖中的上部，將“我的文檔”、“我的電腦”、“網上鄰居”和“InternetExplorer”四個項目前面的空格上打鉤，然后點“確定”，再“確定”，你將會看到桌面上多了你想要的圖標。如下圖37

鍵盤上每個鍵作用!!!

F1幫助

F2改名

F3搜索

F4地址

F5刷新

F6切換

F10菜單

CTRL+A全選

CTRL+C復制

CTRL+X剪切

CTRL+V粘貼

CTRL+Z撤消

CTRL+O打開

SHIFT+DELETE永久刪除

DELETE刪除

ALT+ENTER屬性

ALT+F4關閉

CTRL+F4關閉

ALT+TAB切換

ALT+ESC切換

ALT+空格鍵窗口菜單

CTRL+ESC開始菜單

拖動某一項時按CTRL復制所選項目

拖動某一項時按CTRL+SHIFT創建快捷方式

將光盤插入到CD-ROM驅動器時按SHIFT鍵阻止光盤自動播放

Ctrl+1,2,3...切換到從左邊數起第1,2,3...個標簽

Ctrl+A全部選中當前頁面內容

Ctrl+C復制當前選中內容

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

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

Ctrl+F打開“查找”面版

Ctrl+G打開或關閉“簡易收集”面板

Ctrl+H打開“歷史”側邊欄

Ctrl+I打開“收藏夾”側邊欄/另:將所有垂直平鋪或水平平鋪或層疊的窗口恢復

Ctrl+K關閉除當前和鎖定標簽外的所有標簽

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

Ctrl+N新建一個空白窗口(可更改,Maxthon選項→標簽→新建)

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

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

Ctrl+Q打開“添加到過濾列表”面板(將當前頁面地址發送到過濾列表)

Ctrl+R刷新當前頁面

Ctrl+S打開“保存網頁”面板(可以將當前頁面所有內容保存下來)

Ctrl+T垂直平鋪所有窗口

Ctrl+V粘貼當前剪貼板內的內容

Ctrl+W關閉當前標簽(窗口)

Ctrl+X剪切當前選中內容(一般只用于文本操作)

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

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

Ctrl+F4關閉當前標簽(窗口)

Ctrl+F5刷新當前頁面

Ctrl+F6按頁面打開的先后時間順序向前切換標簽(窗口)

Ctrl+F11隱藏或顯示菜單欄

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

Ctrl+Enter域名自動完成[url=].**.com[/url](內容可更改,Maxthon選項→地址欄→常規)/另:當輸入焦點在搜索欄中時,為高亮關鍵字

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

Ctrl+小鍵盤'+'當前頁面放大20%

Ctrl+小鍵盤'-'當前頁面縮小20%

Ctrl+小鍵盤'*'恢復當前頁面的縮放為原始大小

Ctrl+Alt+S自動保存當前頁面所有內容到指定文件夾(保存路徑可更改,Maxthon選項→保存)

Ctrl+Shift+小鍵盤'+'所有頁面放大20%

Ctrl+Shift+小鍵盤'-'所有頁面縮小20%

Ctrl+Shift+F輸入焦點移到搜索欄

Ctrl+Shift+G關閉“簡易收集”面板

Ctrl+Shift+H打開并激活到你設置的主頁

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

Ctrl+Shift+S打開“保存網頁”面板(可以將當前頁面所有內容保存下來,等同于Ctrl+S)

Ctrl+Shift+W關閉除鎖定標簽外的全部標簽(窗口)

Ctrl+Shift+F6按頁面打開的先后時間順序向后切換標簽(窗口)

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

Ctrl+Shift+Enter域名自動完成

Alt+1保存當前表單

Alt+2保存為通用表單

Alt+A展開收藏夾列表

資源管理器

END顯示當前窗口的底端

HOME顯示當前窗口的頂端

NUMLOCK+數字鍵盤的減號(-)折疊所選的文件夾

NUMLOCK+數字鍵盤的加號(+)顯示所選文件夾的內容

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

向左鍵當前所選項處于展開狀態時折疊該項，或選定其父文件夾

向右鍵當前所選項處于折疊狀態時展開該項，或選定第一個子文件夾

自然鍵盤

【窗口】