摘 要：随着近年来各种移动智能设备的兴起，越来越多的学生，开始通过手机、平板电脑等设备，浏览校园网站。传统的校园网站，能够很好的适应PC客户端浏览。对于手机、平板都设备，不能够完整的现实它的性能，需要再次开发。不仅浪费人力物力，更大大增加了开发成本。为了适应发展，响应式设计应运而生。而其中BootStrap前端开源框架尤为重要。它不仅为设计师提供了比较完美的HTML和CSS规范，即是由动态CSS语言Less写成。而且简洁灵活，使得网站开发更加快捷。从而增加了网页的利用率，提高了工作效率，减少了人力物力的浪费。36373
毕业论文关键字：响应式设计；Bootstrap；校园网站；
Design and implementation of campus website based
on BootStrap framework
Abstract：With the rise of all kinds of mobile intelligent devices in recent years. more and more students. started by mobile phone, tablets and other devices. the campus web site. Traditional campus website. and can be very good to adapt to the PC clients browse. For mobile phones and tablet devices and will not be able to complete the reality of its performance. need to develop. Not only a waste of resources. more greatly increased the cost of development. In order to adapt to the development of responsive design arises at the historic moment. And one of the BootStrap front open source framework is particularly important. It not only provides designers with more perfect HTML and CSS specification. which is written by dynamic CSS language Less. And concise and flexible. make the website development more quickly. To increase the efficiency of web pages, improve work efficiency. reduce the manpower.
Keyword：Responsive design；BootStrap; The campus web site;
目 录
摘 要 1
引言 2
1.课题研究现状及意义 2
1.1课题研究现状 2
1.2课题研究意义 3
2.开发工具及技术介绍 3
2.1 BootStrap 3
2.2 Dreamweaver 4
3.网站设计概要 4
3.1传统网站设计 4
3.2 校园网站的设计理念 4
4. 校园网站的分析与设计 5
4.2 网站功能需求分析 5
4.3网站功能模块设计 6
5.数据库设计 6
5.1概念结构设计 6
5.2逻辑结构设计 7
6.网站功能实现 8
6.1首页 8
6.2 留言板 8
6.3职位及简历页 9
7.网站测试 9
7.1不同尺寸设备的兼容显示测试 9
7.2留言管理测试 10
总结 10
参考文献 11
致谢 11
基于BootStrap框架的校园网站设计与实现引言
随着科技和网络技术的不断发展，近年来移动智能设备的兴起，使它成为生活中不可或缺的重要部分，学生又是能最快的接受新鲜事物的人群。从而越来越多的学生，开始通过手机、平板电脑等移动智能设备，浏览网站。而校园网站，是学生校园生活重要组成部分。学生要通过校园网站，获取学校的新闻、通知、公告等很多资讯。传统的校园网站，能够很好的适应PC客户端的浏览。对于手机、平板都设备，不能够完整的现实它的性能，需要再次开发。不仅浪费人力物力，更大大增加了开发成本。为了更好的解决在移动智能设备上，校园网站的显示问题。采用响应式设计，提高校园网站的整体性能。使用Bootstrap框架，它提供了比较完美的HTML和CSS规范，使界面更加简洁灵活和开发周期大大减少。在不同的设备上，虽然显示不同的界面布局，但是显示相同的内容，实现响应式设计的布局，大大提高了网站的整体性能。从而增加了网站的利用率，提高了工作效率，减少了人力物力资源的浪费。 基于BootStrap框架的校园网站设计与实现:http://www.youerw.com/jisuanji/lunwen_34783.html