基于bootstrap旅游网站设计与实现

2024年1月31日发(作者：)

第18卷第4期

2019

年

12

月

太原师范学院学报(自然科学版丿

JOURNAL

OF

TAIYUAN

NORMAL

UNIVERSITY

(Natural

Science

Edition)

Vol.18

No.4Dec.

2019基于Bootstrap旅游网站设计与实现曹利(晋中师范高等专科学校，山西

晋中030600)〔摘要〕

文章提出一种基于Bootstrap旅游网站设计与实现的方案，该方案包括首页、攻略、

出行、目的地、游记和社区等页面框架布局前端

UI设计，并对登录注册忘记密码等个人信息进行

管理，对游记、攻略等信息的发布进行前后端

管理.采用Bootstrap、HTML5、CSS3、jQuery和PHP

等框架和技术.项目运行表明，方案设计合理可行，达到跨浏览器、跨平台，运行稳定，操作界面简洁

大方、友好.〔关键词〕Bootstrap

；自

适应；旅游网站〔文章编号〕1672-2027(2019)04-0065-03

〔中图分类号〕TP321

〔文献标识码〕A0引言随着移动设备的日益普及，网站的移动端浏览量也越来越大，如何使网站在不同的移动设备上兼容性良

好，展现风格一致的界面，来增强用户体验呢？文章基于Bootstrap前端框架，对旅游网站进行前端和后端

设计，系统设计含页面布局、个人信息管理与维护、旅游攻略与景点资讯管理与维护等•为了进一步拓展系统

实际应用，使其具备跨平台或多种设备的兼容性，系统前端采用HTML5、CSS3构建及美化页面，采用Boot-

stap实现具有响应式自适应效果的网页，能支持各种屏幕大小不一的设备和不同分辨率设备；利用jQuery

强大的选择器、大量封装好的函数配合系统设计开发；系统后端采用PHP实现功能处理，采用mySQL实现

数据处理［1；］.1系统设计旅游站点由前端和后端两部分组成.接口部分也就是后端设计如图1所示.UI前端部分如图2所示.|旅游网站||攻略|

|首页|

|出行|

|目的地|

|游记|

|社区|图1后端接口划分

图2前端UI划分本系统包括个人信息维护，旅游资讯管理，旅游信息查询三部分组成•个人信息包括注册、登录、修改个

人信息、忘记密码;旅游资讯管理则是发布旅游攻略、旅游心得等信息，查看已发布的信息，删除已发布的旅

游信息；旅游信息查询则是根据关键字进行检索以及通过条件进行筛选.2页面设计页面的布局框架是整个页面的基础，页面采用响应式布局.响应式是通过更改内容样式达到的效果，根*收稿日期：2019-08-24作者简介：曹

利(1976-(,男，山西大同人，硕士，讲师，主要从事公共计算机基础教学、计算机应用技术研究.