移动书城系统前端设计和优化.docVIP

移动书城系统前端设计和优化 　　摘要：随着互联网的不断发展，人们对于应用程序的要求越来越高，用户体验度高的系统通常能够保持用户的留存率，而用户体验不好的系统则会造成用户大量的流失。本文主要针对人们日常生活中的读书需求，设计了移动书城系统。本文主要针对移动书城系统，设计并验证了其前端优化的方案，使得数据传输更迅速，用户体验更高。 　　关键词：移动书城；前端优化；模块化 　　引言 　　随着科技的不断发展和生活节奏的日益加快，传统的纸质阅读有着诸多的不便，如体积大，不方便携带等缺点，这些导致传统阅读已经无法满足人们现在所需要的更便捷的阅读方式，因此才出现了电子阅读和移动书城系统。电子阅读作为一种新兴的方式，将体积大，重量大，不易携带的传统纸质书籍压缩至一个特定的大小，实现了人们只手便可拿万卷书，随时随地都可以阅读的愿望。移动书城系统以可视化的界面将各类书籍展示给用户，用户可以通过手机端或者其他移动终端进行预览，非常的方便。但是随着智能手机的不断发展，人们对于系统的用户体验在不断的提升，而之前移动书城系统不可避免的存在一些问题，如数据量过大造成的系统响应慢，搜索不准确等等，因此本文就是针对本系统做出一些优化和调整。 　　通过本文所设计和优化的移动书城系统，可以在原先系统的基础上，具有速度更快，响应更及时，搜索更准确的优势，以及用户可以自定义更加个性和灵活的使用界面，更大程度地满足用户的需要和需求。 　　一、移动书城系统是什么 　　1.移动书城需求分析 　　在快速发展的信息时代，移动书城系统便是以普及程度高的手机为载体，以喜爱阅读的用户为主体，笼络全网的阅读资源而形成的一个移动书城网站，以满足用户随时随地的碎片式的阅读需求。而以移动设备的浏览器为载体，既降低了对用户设备的要求，提高阅读的便捷程度，也降低了系统维护和升级的成本。 　　2.移动书城系统功能分析 　　移动书城系统主要分为以下八个模块，分别是用户登录模块，专题小说模块，各种分类小说模块，分类小说查看模块，小说排行模块，小说搜索模块，相关信息介绍模块，内容来源选择模块，小说内容阅读模块，下面分别阐述下各个模块的功能。 　　用户登录：移动书城提供QQ账号和微信账号登录两种登录方式。若用户通过这两种方式登录，则相关的阅读记录将会与该账号捆绑保存，用户可以在其他设备上查看该账号的信息和阅读记录，否则，系统将不会保存相关记录和信息。 　　专题小说查看：移动书城将所有的小说资源分成多个不同的专题，而每个专题下又会将不同的小说按照点击量和热度顺序进行排序，以供用户可以更快地找到自己所感兴趣的书籍。 　　各种分类小说查看：移动书城将会先按照不同的人群将小说分为儿童，青少年，中年等几大类，在此基础上又将分为科幻，幻想，都市，穿越，古装，言情，武侠等小类以供用户更快地浏览和查找。 　　各站小说排行查看：移动书城将会根据各大知名小说网站的小说排行作为基础，结合本站的实际点击情况，将小说进行排行展示，以使用户更好地做出选择。 　　小说搜索：强大的搜索功能可使用户更快更准地找到所需的?Y源。搜索时，系统需要用户提供书名或者作者，之后系统会根据输入的内容进行搜索，系统会返回给终端相应的书籍。 　　小说相关信息介绍：移动书城将在小说查看界面同时显示出小说相关的书名，分类，作者信息，来源，简介，章节目录和更新情况，使用户更好地了解该小说。 　　小说内容来源选择：用户在阅读同一本书时或不同章节时可以选择不同的来源和版本，以满足不同用户不同口味的需要。 　　小说内容阅读：移动书城将提供小说的正文阅读功能。在正文页面显示出小说的正文，章节名，页码，以及字体大小设置和亮度设置，保证用户有更好的阅读体验。 　　二、相关技术 　　1. html 　　html是一种超文本标记语言，用来描述超文本内容中的显示方式，如文字的内容，图片的显示等等。完整的html文件主要含有两个部分：“head”和“body”，其中“head”部分主要是用于提供网页的信息，比如说 标签主要提供了页面的元信息， 标签中有自己填充的关键词，这是针对搜索引擎的关键词，而“body”则是网页的主体部分。 　　2. css 　　css叫做层叠样式表，针对同一个元素，当元素有多种不同的样式的时候，如果有优先级别相同的情况，就会使用最后一次定义的样式，如果优先级别不同的情况下，在页面中显示的就是最高级别定义的样式，它是一种制作网页的技术，css的出现实现了样式和结构的分离，使用css布局有很多的优点，css语法简单，可以精准的定位文档中的元素，通过布局使得代码更加的简练。 　　3. ajax 技术 　　ajax是一种交互方式，客户端呈现给用户的所有的数据都是从服务端动态获取的，如果每次用户与客户端进行交互的时