自适应内容的HTML页面布局方法与实现
2023-01-28 09:30:54
论文总字数:17077字
摘 要
随着互联网的不断发展,特别是手机端移动互联网的发展,网页浏览设备也是尺寸各异如手机,平板,PC等各有不同,对于显示尺寸固定的网页具有诸多的缺陷,因而如何能使网页的内容能够在不同尺寸的设备下进行正常的运行和显示是一大重要的问题,提高网页对不同端的适应以及用户的浏览体验及针对自适应网页HTML的制作技术进行深入的研究和探讨,是网页制作人员必须掌握的技术。
本文主要采用JSP,SQL Server 数据库bootstrap框架等,作为开发平台来完成的旅游网站。通过网站开发建设技术的介绍、系统的分析、数据库的设计、网站的具体实现和系统的测试等等,搭建了具有自适应功能的旅游网站的开发过程。
关键字:自适应;网页;JSP ;SQL Server;bootstrap
Abstract
With the continuous development of the Internet, especially mobile Internet, web browsing devices have different sizes, such as mobile phones, tablets, PCs and so on. There are many shortcomings for web pages with fixed display sizes. Therefore, how to make the content of web pages run and display normally under different sizes of devices is an important issue, improving web pages. It is a necessary technology for web producers to deeply study and discuss the adaptation of different ends, the user"s browsing experience and the production technology of HTML for adaptive web pages.
This paper mainly uses JSP, bootstrap framework of SQL Server database as the development platform to complete the tourism website. Through the introduction of website development and construction technology, system analysis, database design, website implementation and system testing, the development process of tourism website with self-adaptive function is built.
Keywords:Adaptive; web page; JSP; SQL Server;bootstrap
目 录
目录
摘 要 I
Abstract II
目 录 III
1 引言 1
1.1 课题来源及意义 1
1.2 主要研究内容 2
1.3 本文的结构安排 3
2 应用系统中的开发技术 4
2.1 B/S结构的数据访问模式 4
2.2 MyEclipse简介 4
2.3 JSP概述 5
2.4 JSP动态网页开发 5
2.5 SQL Server 数据库简介 6
2.6自适应布局 6
2.6.1自适应布局的概念 6
2.6.2自适应布局优点和缺点 7
3 可行性分析 7
3.1技术可行性 7
3.2经济可行性 7
3.3操作可行性 7
3.4法律可行性 8
4 系统需求分析与概要设计 8
4.1系统需求分析 9
4.2系统功能关系图 11
4.2.1下面是自适应网页的前台逻辑图,如图1 11
4.2.2 后台 12
5 数据库的设计与实现 13
5.1 数据库设计概述 13
5.2 流程设计 16
6 自适应页面布局的设计 20
6.1自适应网页设计 20
7 系统功能模块的设计与实现 25
7.1首页的设计与实现 25
7.2用户注册信息模块的设计与实现 26
7.3用户登录信息模块的设计与实现 27
7.4景点管理信息模块的设计与实现 27
7.5留言板模块的设计与实现 28
8网页的测试与维护 29
8.1软件测试简介 29
8.2软件测试方法 29
8.3网页基本功能测试 30
8.3.1对于进入首页的测试 30
8.3.2旅游景点板块测试测试 31
8.3.3对于用户账户的注册测试 31
8.3.4查看我的信息测试 31
8.3.5留言板--管理测试 32
8.3.6论坛管理测试 32
8.3.7管理员测试 33
8.3.8对登入的密钥的修改测试 34
8.4网页自适应测试 35
9 结 论 38
致 谢 39
参考文献 40
引言
课题来源及意义
当今社会,科学技术的发展日趋迅速,计算机的发展水平已经和一个国家的综合国力息息相关。 计算机技术的发展同样推动这社会的发展,功能也变得多样化,计算机对社会的价值越来越重要,其对社会的帮助有着不可或缺的作用。我们可以通过计算机来提高效率, 除此以外,计算机可以使用其庞大的数据存储及解析的能力,为我们给出有价值的信息来供人分析并做出决策。
旅行网站的种类繁多,而且用户量比较大,特别是如今移动用户端的兴起,所以对旅游网站页面有了更高的要求,如果一个页面虽然在PC端可以很好的适应屏幕但是在却不能很好的适应移动端,会给很多用户带来很大的不便,对于用户对于开发商都有很大的不利,因此设计一个能够自适应的旅游网站,可以很大提高客户的用户体验同样给开发商提高收益。这个旅游网站的开发目的是,本着科学、合理、规范的本质,并结合用户的体验,采用B/S结构,此旅游网站与SQL server数据库相结合,具有简便、安全性高、人性化界面、简单易操作的特点。
随着移动的互联网的发展,用户希望能够最便捷的方式来获取自己所想要的信息,此网页是一个以浏览器/客户模式的自适应旅游网站为架构,即可以在PC端,又可以在手机端让客户通过联网使客户更高效的进行对旅游信息采集,更好的进行旅游的选择
剩余内容已隐藏,请支付后下载全文,论文总字数:17077字