基于HTML5的微官网设计与实现.doc
- 文档编号:235923
- 上传时间:2022-10-07
- 格式:DOC
- 页数:41
- 大小:4.13MB
基于HTML5的微官网设计与实现.doc
《基于HTML5的微官网设计与实现.doc》由会员分享,可在线阅读,更多相关《基于HTML5的微官网设计与实现.doc(41页珍藏版)》请在冰豆网上搜索。
基于HTML5的微官网设计与实现
阳光学院
本科毕业论文、毕业设计
题目:
基于HTML5的微官网设计与实现
系别:
计算机工程系
专业:
计算机科学与技术
年级:
2014级
学号:
2414101909
姓名:
黄陈力
指导教师:
年月日
基于HTML5的微官网设计与实现
基于HTML5的微官网设计与实现
摘要
微信的商业价值不断凸显,睿智的企业主跃跃欲试,一个属于移动互联网的大时代呼之欲出,手机用户正在逐渐成为企业的主要消费人群,用户大多更倾向于使用手机、平板等终端工具浏览信息,企业如果要想获得更多用户的青睐,手机官方网站的设计与实现就显的尤为重要,微官网是一种基WebAp和PC版网站相融合的新型网站,建立微官网对提升企业形象,促进企业产品宣传,提升用户产品体验,从而赢得更多的移动客户群体等均起到了重要推动作用,成为企业进行营销的另一种方式和途径。
论文主要是完成基于HTML5的微官网设计与实现,以文字、图片、视频等多种丰富的多媒体形式向客户展示企业产品信息。
微官网的页面呈现主要是基于当前流行的HTML5的新特性,运用HTML5技术,优化网站的显示,能够自动识别窗户屏幕大小,完全适用于手机、平板,网站内容精简,加载速度非常快,让手机用户更方便的浏览信息,同时兼具一键拔打电话、一键分享及在线留言、地图导航等功能,让微官网内容展示更加丰富,管理更加便捷。
系统主要基于ASP.NET进行程序开发,利用SQLServer数据库来存储数据,同时采用HTML5技术来实现微官网的页面展示。
论文首先分析了系统的开发环境,接着重点介绍了系统的可行性分析、系统的概要设计及详细设计,技术实现难点,最后完成了系统的功能测试。
本论文主要实现基于HTML5的漳州市宏博油画微官网,该网站经过一段时期的运行测试,能以丰富的图文形式向用户展示企业信息,企业的油画产品,完成企业产品信息的管理,实现了企业与客户之间的互动交流,从而提高企业在移动网络里的宣传力度,从而为企业赢得更多的移动客户群体。
关键词:
微官网HTML5ASP.NET
1
基于HTML5的微官网设计与实现
目录
1绪论 1
1.1研究现状 1
1.2发展前景 2
1.3本论文的创新点 2
2系统开发工具 3
2.1HTML5 3
2.2ASP.NET 3
2.3SQLServer 4
3系统分析 5
3.1项目概述 5
3.2需求分析 5
3.3可行性分析 6
3.4业务分析 7
3.5数据流分析 8
4系统设计 13
4.1功能模块设计 13
4.2数据库设计 14
4.3程序设计 16
5系统测试 19
5.1系统测试的重要性 19
5.2测试实例的研究与选择 20
5.3系统运行情况与评价 22
6系统展示 23
6.1前台展示模块 23
6.2后台管理模块 26
结论 30
参考文献 31
附录一 32
致谢 36
1
基于HTML5的微官网设计与实现
1绪论
1.1研究现状
依据中国网络发展现状调查得出,我国手机上网的人数已达6亿多,与2014年相比,人数上增6303万人,如图1-1所示。
可见,手机已经成为每个人不可或缺的部分。
移动互联网成为一种方便快捷的信息获取手段和沟通交流方式,它已经深深融入手机用户群体的日常生活之中。
图1-1手机用户比例图
在移动网络发展中,特别是4G[1]的产生,移动网络的优越性愈发凸显,使得人们与移动设备和移动互联网的接触越来越频繁。
随着手机的智能化发展,安装不同操作系统的手机,具备了功能强大的浏览器后,使得它的功能跟电脑操作显示的效果更加接近。
手机的换代也使得手机的浏览器随着不断的优化和升级,这也为HTML5技术在移动移动网络方向的发展提供源源不断的动力。
由此,用户大多使用手机进行信息浏览。
但是,很多的网站在手机上的显示效果并不好。
网站的设计因此出现了新的要求,就是网站必须要适应移动设备显示,这使得手机网站由此诞生。
运用HTML5技术,优化网站的显示,让手机用户更方便的浏览信息。
手机网站可以图文并茂的展现企业的信息,从而为企业的营销市场开拓了一条宽阔的道路。
1.2发展前景
如今,层出不穷的现代信息技术服务模式,对传统信息化服务系统产生一定的影响。
用户大多使用手机浏览信息,而企业要想获得手机用户的青睐,手机网站的搭建就必不可少。
微网站靠着移动网络和手机网站的支持,成为企业进行营销的另一种方式和途径。
在现在手机用户居多的情况下,建立微官网将能够是用户有更好的体验,从而提升企业的形象,赢得更多的移动客户群体,推动企业的发展。
微官网是一种基于WebApp和传统PC版网站相融合的新型网站。
可迅速与微信、微博等网络互动咨询平台链接。
[2]微官网能够实现用户随时随地通过手机了解企业信息,而且还能实现一键通话、新闻评论和留言等等的功能。
微官网比电脑版网站更有优势。
它是应移动互联网的大环境而生的,移动互联网为微官网搭建了一个随时可供浏览的大平台。
而相对于电脑版的官网,微官网省去了很多的操作步骤,符合现代的快节奏生活环境,让用户有更方便快捷的体验。
微官网不仅仅实现了电脑版网页应该有的功能,而且能够以更完美的显示效果呈现给手机用户。
微官网具有网站内容精简,页面资源小,加载速度非常快,可以和微信公共平台完美结合的特点。
微官网作为展示、营销、互动和服务的载体,可以包罗绝大部分功能的实现,它将成为中小型企业必不可少的重要部分。
现在的移动网络社会中,出现越来越多的借助微信浏览器而开发的新型网站,而微官网的设计与实现将对企业的营销能够起到一定的作用。
1.3本论文的创新点
当前层出不穷的现代信息技术服务模式,对传统信息化服务系统产生了深远的影响,如果企业要想获得更多用户的青睐,手机网站的设计与实现就显的尤为重要,这就为微官网的产生与发展奠定良好的基础。
本文旨在完成一款美观实用的基于HTML5的企业微官网的设计与实现,本文的创新点在于:
(1)引入微官网设计理念,实现跨平台的营销型网站。
微网站是一种跨移动平台的营销型网站,它源于WebApp和网站的融合创新,兼容iOS、android、WP等各大操作系统,可以便于微信、微博等应用的链接,适应现在移动客户端浏览市场,是符合浏览体验与交互性能要求的新一代网站。
(2)引入当前流行的HTML5技术来完成微官网的页面设计与展示。
采用当前流行的HTML5技术来完成微官网的页面设计与展示。
优化网站的显示,能够自动识别窗户屏幕大小,完全适用于手机、平板,网站内容精简,加载速度非常快,让手机用户更方便的浏览信息。
2系统开发工具
2.1HTML5
HTML5(简称“H5”)是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。
目前,H5技术正处于不断发展的过程中,作为移动轻应用,它在未来具有无限可能,潜力巨大。
[3]
HTML5是W3C和谷歌、苹果等几百家公司一起得出来的成果。
HTML5最大的好处在于它是一个开放的技术,而且具有基于Webkit[4]内核的浏览器这个最大的特点,将会是未来移动开发技术的发展趋势。
当今主流浏览器都支持HTML5,HTML5在未来的5-10年中,将成为移动发展的一个重要因素。
HTML5以开放的Web标准为基础,开发出来的较为完备的新的编程规范。
它具有视频和音乐的展示以及动态的效果,具备强大的离线存储功能等等的特点。
运用HTML5技术进行设计,简单易懂易用,它可以实现让同一张网页自动适应不同大小的屏幕,再根据屏幕宽度,自动调整进行页面布局。
HTML5技术能够在移动设备上支持多媒体。
它具有新的语法特征,也能够实现一些新的功能,用户与文档的交互方式受到了本质性的改变。
从性能角度来说,HTML5首先是缩减了HTML文档,使这件事情变得更简单。
从用户可读性上说,原先一大堆东西对初学者来说,第一次看到这些东西是看不懂的,而HTML5的声明方式对用户来说显然更友好一些。
2.2ASP.NET
ASP.NET是.NETFrameWork的一部分,是一项微软公司的技术,是一种使嵌入网页中的脚本,是可由因特网服务器执行的服务器端脚本技术。
它可以在通过HTTP请求文档时,在Web服务器上动态创建ActiveServerPages(动态服务器页面),并且运行于IIS(Windows开发的Web服务器)之中的程序。
在微软的.NET战略中,新推出的ASP.NET。
它是建立在公共语言运行库的基础上,借鉴了Java技术的优点。
ASP.NET的推荐语言是CSharp[5]语言,对以前的ASP安全性差等缺陷进行了相当大的改进。
在执行ASP.NET的时候,程序引擎调用了系统中的IIS[6]服务器,执行对嵌在HTML中的ASPX文件进行解释,最终以页面的形式显示。
但是,使用ASP.NET还是具有一定的局限性。
因为,从某种角度来说,它们只能良好的运行于微软的WindowsNT/2000/XP和IIS的服务器平台上。
没有和ChilliSoft[7]一样,提供在UNIX/Linux上运行ASP的解决方案。
所以,平台的局限性和ASP.NET的安全性限制了ASP.NET的广泛运用。
2.3SQLServer
SQL是英文StructuredQueryLanguage的缩写,中文称作结构化查询语言。
SQL被几乎一切的数据库操作命令所认同,成为关系型数据库管理系统的标准语言。
SQL命令的输入能够实现对数据库的操作和管理。
比如,在数据库中进行增加、删除和更新数据,或者从数据库中提取数据等一系列的操作进行数据的管理。
SQL数据库是储存和管理数据信息的智能化操作平台。
[8]
SQLServer是由Microsoft开发和推广的关系数据库管理系统(DBMS),它最初是由Microsoft、Sybase和Ashton-Tate三家公司共同开发的。
它的性能超群,集成了WindowsNT/2000平台[9],与Web搭建配合紧密,得到网络和存储技术的支持,使得最大限度地提高了WEB站和企业的应用的扩展性和保障性,应用于Internet领域。
而且,SQLServer提供了十分便民的缺省安装和使用方法,使用起来难度并不大。
此外,SQLServer还能够兼顾规模不同的应用,具有很强的实用性。
其中SQLServer2008是一个重大的产品版本,它推出了许多新的特性和关键的改进,是较为强大和全面的SQLServer版本。
SQLServer2008允许在使用Microsoft.NET和VisualStudio开发的自定义应用程序中使用数据,在面向服务的架构(SOA)和通过MicrosoftBizTalkServer进行的业务流程中使用数据。
它可以组织管理任何数据,可以将结构化、半结构化和非结构化文档的数据直接存储到数据库中。
还能够对数据进行查询、搜索、同步、报告和分析之类的操作。
信息工作人员可以直接访问数据,是一个可信的、高效率智能数据平台,可以满足用户的所有数据需求。
3系统分析
3.1项目概述
本文所设计与实现的是针对中小企业而开发的一款以信息管理系统为基础(涉及到企业信息的展示和管理)的微官网。
它以广泛的调查为基础,满足用户的需求,以此来提升企业的信息管理水平以及优化资源管理,从而尽可能使得成本有所降低,统筹安排以实现利益的最大化效益。
微官网是网络环境下网站移动化发展的典型代表,适应手机的体验让用户对其依赖程度越来越高。
所面向的用户人群:
员工、信息管理员、移动终端客户群众。
我们的系统设计需要达到的目标:
(1)建立操作简单易用、具备良好交互性的微官网。
(2)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 HTML5 微官网 设计 实现