2012级计算机科学与技术师范电子档

Bootstrap，源于，是目前最受市场欢迎的前端框架之一[4]。它由CSSless[5]。Bootstrap使其更为个性化和人性化，形成一套特有的风格，并且能兼容大部分jQuery为什么选择BootstrapBootstrapCSS3、HTML5亮、功能齐全的。上许多图标在Bootstrap中用简单的一句代码就可以使用到你的项目中了，更为关键的是Bootstrap支持响应式布局，即开发的项目可以有效适配、平板、PC设备。Bootstrap便利性。Bootstrap可以通过调用内置强大的组件，非常简便的使用成页面样式。进行用户交互，同样在PC端也可以，同样的代码既可用PC端也可用移动端简洁性。不用写过多的CSSHTMLPC开源。Bootstrap是完全开源的，使得技术限，用户使用更方便随现今社会，大部分人都有过网上购物的经历，人们在购物可以很方便的浏览商品、查询商品等，时既方便又快速。并且，随着移动技术的发展，越来越多的用户会使用不同的设备来浏览网页。这就使得我们开发的网店既要实现浏览商品、查询商品等基本功能，又要让人们在不同的浏览设备上相同的网页内容以不同的方式展现在使用不同设备的用户面前。开发需要的plus端、6端等进行浏览网页上的信息，用户随时随地都能上网去浏览信息对自己满意的商品可以进行的页面简单明了舒适大方方便操作顶层用例图是全部用户的用例图，如图4-1用WEB4-1用4-24-35-1用登登理理息订单信 书籍信用5-1在对电子商务进行开发之前,首先合理的应用软件工程的方法,对进行整体规划及布局,否则就会导致设计开发工作量大,系统不符合要求等,更BootstrapHTML5javascriptAdobeDreamweaver、AdobePhotoshop等工具对进行设计开发，使网页根据浏览设备尺寸的不同而自行响应，让用户在使用不同的浏览设备时都能得到优质的浏览体验。系统实现的主要功能如下。搜索模块：用户可以根据自己的需求，搜索自己想要的物品购物指南模块：包括用户可以免费账户、开通支付宝等购物保障模块：可为用户提供所的商品的及等7-1网页需要实现的功能：用户使用不同的设备都能体验到优质的浏览效果[]。网页的设计与制作应该依据设备环境及用户行为的不同而进行相应的调整和设备的不同自动切换尺寸及分辨率等，开发人员可以使用包括弹性网格和图环境的不同而自行响应[8]使用meta让当前视图（viewport）的宽度等于设备的宽度：@media(min/max-width:***px)；HTMLMedia[9]。7.17.1设备 分辨率5x6x6plusxipadx7-27.3.1的PC端版制明确：就是要明确制作的所要包含的主要内容=320p=320p=375p=414p=<>。，的设计可以从标志、色彩、字体等方面着手给人的第一印象是来自视觉冲击，所以给人的第一印象很重要。不同的色彩搭配能够会产生不同的视觉效果从而有可能会影响用户的情绪从而影响的宣传及用户的使用Dreamweaver、AdobePhotoshop。，65ipad端PC端显6plus端6plus端7.3.2的响应式布所谓响应式就是一个能够兼容多个终端可以为不同终端的用户提供更大小进行改变，一般的就不能完全显示，在浏览器中则是产生滚动条，在PC的响应式布局，即利用Bootstrap前端开发框架，结合CSS+div、javascriptjQuery8的电脑端和移动设备端的显示对PC8-1PCipad8-2ipad6plus图8-36plus6图8-465图8-559师的指导和的帮助下顺利完成了我的毕业设计,在此我衷心的感谢他们给我许多宝贵的意见和建议才使得我的毕业设计和得以顺利完成在做，在学习知识的同时也学到了很多道理一直是我学习的榜样感谢我的室友，马娟.移动互联网的研究[J].今传媒（学术版潘明明.响应式——《征途》的设计与制作[J].黄,王永利.移动互联网环境下业务发展能力探析[J].移动通信bootstrap百科. bootstrap中文网. 张磊.统一移动端与PC端等前端开发框架技术的应用研究[J].信息与电脑(理论StephonHay.响应式WEB