第18卷第4期太原师范学院学报(自然科学版丿Vol.18No.4 2019年12月JOURNAL OF TAIYUAN NORMAL UNIVERSITY(Natural Science Edition)Dec.2019基于Bootstrap旅游网站设计与实现
曹利
(晋中师范高等专科学校，山西晋中030600)
〔摘要〕文章提出一种基于Bootstrap旅游网站设计与实现的方案，该方案包括首页、攻略、出行、目的地、游记和社区等页面框架布局前端UI设计，并对登录注册忘记密码等个人信息进行管理，对游记、攻略等信息的发布进行前后端管理.采用Bootstrap、HTML5、CSS3、jQuer y和PHP 等框架和技术.项目运行表明，方案设计合理可行，达到跨浏览器、跨平台，运行稳定，操作界面简洁大方、友好.
〔关键词〕Bootstrap；自适应；旅游网站
〔文章编号〕1672-2027(2019)04-0065-03〔中图分类号〕TP321〔文献标识码〕A
0引言
随着移动设备的日益普及，网站的移动端浏览量也越来越大，如何使网站在不同的移动设备上兼容性良好，展现风格一致的界面，来增强用户体验呢？文章基于Bootstrap前端框架，对旅游网站进行前端和后
端设计，系统设计含页面布局、个人信息管理与维护、旅游攻略与景点资讯管理与维护等•为了进一步拓展系统实际应用，使其具备跨平台或多种设备的兼容性，系统前端采用HTML5、CSS3构建及美化页面，采用Boot-stap实现具有响应式自适应效果的网页，能支持各种屏幕大小不一的设备和不同分辨率设备；利用jQuery 强大的选择器、大量封装好的函数配合系统设计开发；系统后端采用PHP实现功能处理，采用mySQL实现数据处理［1；］.
1系统设计
旅游站点由前端和后端两部分组成.接口部分也就是后端设计如图1所示.UI前端部分如图2所示.
|旅游网站|
|攻略||首页||出行||目的地||游记||社区|图1后端接口划分图2前端UI划分本系统包括个人信息维护，旅游资讯管理，旅游信息查询三部分组成•个人信息包括注册、登录、修改个人信息、忘记密码；旅游资讯管理则是发布旅游攻略、旅游心得等信息，查看已发布的信息，删除已发布的旅游信息；旅游信息查询则是根据关键字进行检索以及通过条件进行筛选.
2页面设计
页面的布局框架是整个页面的基础，页面采用响应式布局.响应式是通过更改内容样式达到的效果，根
*收稿日期：2019-08-24
作者简介：曹利(1976-(，男，山西大同人，硕士，讲师，主要从事公共计算机基础教学、计算机应用技术研究.
>bootstrap项目

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。