基于Bootstrap前端框架的旅游网站设计开发（网站设计论文资料）.docVIP

基于Bootstrap前端框架的旅游网站设计开发（网站设计论文资料） 文档信息 ： 文档作为关于“通信或电子”中“电子设计”的参考范文，为解决如何写好实用应用文、正确编写文案格式、内容素材摘取等相关工作提供支持。正文6283字，doc格式，可编辑。质优实惠，欢迎下载！ 目录 TOC \o 1-9 \h \z \u 目录 1 正文 2 文1：基于Bootstrap前端框架的旅游网站设计开发 2 0、 引言 2 1、 系统设计 3 2、 页面设计 3 3 、个人信息维护 4 4、 旅游资讯管理 5 5 、旅游信息查询 5 6 、结束语 6 文2：基于SSH框架的Web网站设计 6 一、SSH框架概述 6 1. Struts框架 7 2. Spring框架 7 3. Hibernate框架 7 二、SSH框架的实现 8 2. 通过MVC模型来实现核心关注点 8 三、SSH框架在Web网站中的应用 9 参考文摘引言： 10 原创性声明（模板） 10 文章致谢（模板） 11 正文 基于Bootstrap前端框架的旅游网站设计开发（网站设计论文资料） 文1：基于Bootstrap前端框架的旅游网站设计开发 Abstract：　To suggest a planning of tourism website design and implementation based on Bootstrap，which states UI front end design of page frame including homepage，strategy，trip mode，destination，travels and community，and manage the peonal information of registration，forgetting password，and administrate the publishing information of travels or strategy. Adopting the frame and technology about Bootstrap，HTML5，CSS3，jQuery and PHP，the project running suggests that the planning design is reasonably practicable so as to achieve the results of running stably by the cross browser and cross platform，and of brief and friendly interface。 Keyword：　Bootstrap; self-adaption; tourism website; 0、 引言 随着移动设备的日益普及，网站的移动端浏览量也越来越大，如何使网站在不同的移动设备上兼容性良好，展现风格一致的界面，来增强用户体验呢?文章基于Bootstrap前端框架，对旅游网站进行前端和后端设计，系统设计含页面布局、个人信息管理与维护、旅游攻略与景点资讯管理与维护等．为了进一步拓展系统实际应用，使其具备跨平台或多种设备的兼容性，系统前端采用HTML5、CSS3构建及美化页面，采用Bootstrap实现具有响应式自适应效果的网页，能支持各种屏幕大小不一的设备和不同分辨率设备;利用j Query强大的选择器、大量封装好的函数配合系统设计开发;系统后端采用PHP实现功能处理，采用mySQL实现数据处理[1，2] 1、 系统设计 旅游站点由前端和后端两部分组成．接口部分也就是后端设计如图1所示．UI前端部分如图2所示． 图1 后端接口划分 图2 前端UI划分 本系统包括个人信息维护，旅游资讯管理，旅游信息查询三部分组成．个人信息包括注册、登录、修改个人信息、忘记密码;旅游资讯管理则是发布旅游攻略、旅游心得等信息，查看已发布的信息，删除已发布的旅游信息;旅游信息查询则是根据关键字进行检索以及通过条件进行筛选． 2、 页面设计 页面的布局框架是整个页面的基础，页面采用响应式布局．响应式是通过更改内容样式达到的效果，根据获取终端分辨率信息调整样式，当浏览器判断屏幕尺寸介于1260px～1050px，都会判定为电脑端显示完整的页面;当小于1050px且大于640px时，就会调整样式，改变内容的大小，自适应新的分辨率，这些一般为平板端显示的样式;那判断小于640px的调整的样式就是移动端的屏幕尺寸，它也会改成相应的比例展示内容．使用bootstrap框架能高效地实现响应式布局