摘要:作为时下最新的前端框架，Amaze UI以其轻量级、易操作等特点，被前端开发人员所逐渐使用。本文以一个微商城为例，让大家更直观地了解微网站。本商城是在使用Amaze UI框架的基础上，主要展现了商品详细展示、支付、订单记录、个人中心、购物车等功能，用户可以通过微商城，浏览、选购想要买的商品。79385

毕业论文关键词:Amaze UI框架; 微网站; 手机端; 响应式设计

The Design and Implementation of the Micro Site based on Amaze UI Framework

Abstract: As the latest front-end framework, Amaze UI is commonly used by front-end developers because of various advantages such as light weight, easy-to-handle and so on。 This paper, through an example, makes you more intuitive understanding of the micro site。 This micro mall is in the use of Amaze UI framework, and mainly shows the commodity details, payment, order record, personal center, shopping cart, and other functions, users can browse and buy the goods they want to buy through the micro mall。

Key Words: Amaze UI Framework; Micro Site; Mobile Client; Responsive Layout

引言

在当今时代，互联网的快速发展极大地便利了人们的生活，让人们的生活越来越便利，而且现在越来越多的人开始使用移动设备，进行购物、运动、获取资讯等活动，移动终端也由原本简单的通话工具转变为综合信息处理的平台[1]。微网站是移动端网站的统称，它可以是各种类型的网站，如个人网站、休闲娱乐类、企业类等，本文以一个微商城为例，帮助大家更加直观地理解微网站。在本商城中，用户可以更加方便的浏览、选择需要购买的东西，方便对各种商品信息横向比较，作出最佳选择。论文网

1。 课题研究现状和意义

1。1 课题研究现状

最初人们访问网站，主要是通过电脑，但PC端网站也存在着一些不足之处。比如，PC端网页的适应性不好，现在的终端窗口有不同的尺寸，如果为了照顾不同终端的用户，可能需要设计开发多套网站，费时费力；因为体积小、易携带的特点，人们越来越多地开始依赖移动端，可以随时随地上网冲浪，但电脑却由于体积大，只能放在桌上，不能外出携带[2]。因此，我们应该顺应移动潮流，以移动端为主要目标，开发出适应各种屏幕的网站，供用户使用。

1。2 研究意义

在互联网时代，移动端的发展趋势不容小觑，移动端用户的数量依然在不断增加，未来前景不可限量[3]。我们要抓住机遇，紧随潮流，最大限度的利用现有的资源优势，顺应互联网的发展趋势，结合现有的网站技术，综合各方面的资源，企业或商家在获得收益的同时，也可以尽量照顾到消费者的利益，实现企业-客户双赢的局面。

在这个几乎人人都低头看手机的时代，移动端的快速发展，让我们不得不重视，它带来的影响无疑是巨大的。这对商家来说，既有机遇，也有挑战，不过总体上来看，还是机遇多过挑战。

2。 网站相关技术

基于轻量级、响应式的考虑，本网站使用时下流行的前端框架Amaze UI作为开发平台，利用快速高效的Sublime Text 3作为开发工具，结合HTML，CSS，JavaScript，Jquery等语言，开发并设计了微网站，顺应响应式布局的流行趋势[4]。

响应式布局已经成为当今网页的设计趋势，它能够在不同窗口下合理展示相同的内容，根据窗口的大小来调节布局，让人们在不同终端下享受不同的体验。在本网站的实现中，就利用了Media Query媒体查询作为辅助。

2。1 Amaze UI前端框架

Amaze UI 是一个专注于现代浏览器的轻量级、模块化的跨屏前端框架，拆分、封装了一些常用的网页组件，这些组件能供我们在开发过程中直接使用，或根据需要加以修改，这样就大大提高了开发效率，节省了大量时间[5]。Amaze UI具有以下特点：