基于HTML的微官网设计和实现.doc
《基于HTML的微官网设计和实现.doc》由会员分享,可在线阅读,更多相关《基于HTML的微官网设计和实现.doc(46页珍藏版)》请在咨信网上搜索。
1、阳光学院本科毕业论文、毕业设计题 目:基于HTML5微官网设计和实现 系 别:计算机工程系专 业:计算机科学和技术年 级:级学 号:姓 名:黄陈力指导老师: 年 月 日基于HTML5微官网设计和实现摘要微信商业价值不停凸显,睿智企业主跃跃欲试,一个属于移动互联网大时代呼之欲出,手机用户正在逐步成为企业关键消费人群,用户大多更倾向于使用手机、平板等终端工具浏览信息,企业假如要想取得更多用户青睐,手机官方网站设计和实现就显尤为关键,微官网是一个基WebAp和PC版网站相融合新型网站,建立微官网对提升企业形象,促进企业产品宣传,提升用户产品体验,从而赢得更多移动用户群体等均起到了关键推进作用,成为企
2、业进行营销另一个方法和路径。论文关键是完成基于HTML5微官网设计和实现,以文字、图片、视频等多个丰富多媒体形式向用户展示企业产品信息。微官网页面展现关键是基于目前流行HTML5新特征,利用HTML5技术,优化网站显示,能够自动识别窗户屏幕大小,完全适适用于手机、平板,网站内容精简,加载速度很快,让手机用户更方便浏览信息,同时兼具一键拔打电话、一键分享及在线留言、地图导航等功效,让微官网内容展示愈加丰富,管理愈加便捷。系统关键基于ASP.NET进行程序开发,利用SQLServer数据库来存放数据,同时采取 HTML5技术来实现微官网页面展示。论文首先分析了系统开发环境,接着关键介绍了系统可行性
3、分析、系统概要设计及具体设计,技术实现难点,最终完成了系统功效测试。本论文关键实现基于HTML5漳州市宏博油画微官网,该网站经过一段时期运行测试,能以丰富图文形式向用户展示企业信息,企业油画产品,完成企业产品信息管理,实现了企业和用户之间互动交流,从而提升企业在移动网络里宣传力度,从而为企业赢得更多移动用户群体。关键词:微官网 HTML5 ASP.NET目 录1 绪论11.1 研究现实状况11.2 发展前景21.3 本论文创新点22 系统开发工具32.1 HTML532.2 ASP.NET32.3 SQLServer43 系统分析53.1 项目概述53.2 需求分析53.3 可行性分析63.4
4、 业务分析73.5 数据流分析84 系统设计134.1 功效模块设计134.2 数据库设计144.3 程序设计165 系统测试195.1 系统测试关键性195.2 测试实例研究和选择205.3 系统运行情况和评价226 系统展示236.1 前台展示模块236.2 后台管理模块26结论30参考文件31附录一32致谢361 绪论1.1 研究现实状况依据中国网络发展现实状况调查得出,中国手机上网人数已达6亿多,和相比,人数上增6303万人,图1-1所表示。可见,手机已经成为每个人不可或缺部分。移动互联网成为一个方便快捷信息获取手段和沟通交流方法,它已经深深融入手机用户群体日常生活之中。图 1-1 手
5、机用户百分比图在移动网络发展中,尤其是4G1产生,移动网络优越性愈发凸显,使得大家和移动设备和移动互联网接触越来越频繁。伴随手机智能化发展,安装不一样操作系统手机,含有了功效强大浏览器后,使得它功效跟电脑操作显示效果愈加靠近。手机换代也使得手机浏览器伴随不停优化和升级,这也为HTML5技术在移动移动网络方向发展提供源源不停动力。由此,用户大多使用手机进行信息浏览。不过,很多网站在手机上显示效果并不好。网站设计所以出现了新要求,就是网站必需要适应移动设备显示,这使得手机网站由此诞生。利用HTML5技术,优化网站显示,让手机用户更方便浏览信息。手机网站能够图文并茂展现企业信息,从而为企业营销市场开
6、拓了一条宽广道路。1.2 发展前景现在,层出不穷现代信息技术服务模式,对传统信息化服务系统产生一定影响。用户大多使用手机浏览信息,而企业要想取得手机用户青睐,手机网站搭建就必不可少。微网站靠着移动网络和手机网站支持,成为企业进行营销另一个方法和路径。在现在手机用户居多情况下,建立微官网将能够是用户有愈加好体验,从而提升企业形象,赢得更多移动用户群体,推进企业发展。微官网是一个基于WebApp和传统PC版网站相融合新型网站。可快速和微信、微博等网络互动咨询平台链接。2 微官网能够实现用户随时随地经过手机了解企业信息,而且还能实现一键通话、新闻评论和留言等等功效。微官网比电脑版网站更有优势。它是应
7、移动互联网大环境而生,移动互联网为微官网搭建了一个随时可供浏览大平台。而相对于电脑版官网,微官网省去了很多操作步骤,符合现代快节奏生活环境,让用户有更方便快捷体验。微官网不仅仅实现了电脑版网页应该有功效,而且能够以更完美显示效果展现给手机用户。微官网含有网站内容精简,页面资源小,加载速度很快,能够和微信公共平台完美结合特点。微官网作为展示、营销、互动和服务载体,能够包罗绝大部分功效实现,它将成为中小型企业必不可少关键部分。现在移动网络社会中,出现越来越多借助微信浏览器而开发新型网站,而微官网设计和实现将对企业营销能够起到一定作用。1.3 本论文创新点目前层出不穷现代信息技术服务模式,对传统信息
8、化服务系统产生了深远影响,假如企业要想取得更多用户青睐,手机网站设计和实现就显尤为关键,这就为微官网产生和发展奠定良好基础。本文意在完成一款美观实用基于HTML5企业微官网设计和实现,本文创新点在于:(1)引入微官网设计理念,实现跨平台营销型网站。微网站是一个跨移动平台营销型网站,它源于WebApp和网站融合创新,兼容iOS、android、WP等各大操作系统,可方便于微信、微博等应用链接,适应现在移动用户端浏览市场,是符合浏览体验和交互性能要求新一代网站。(2)引入目前流行HTML5技术来完成微官网页面设计和展示。采取目前流行HTML5技术来完成微官网页面设计和展示。优化网站显示,能够自动识
9、别窗户屏幕大小,完全适适用于手机、平板,网站内容精简,加载速度很快,让手机用户更方便浏览信息。2 系统开发工具2.1 HTML5HTML5(简称“H5”)是万维网关键语言、标准通用标识语言下一个应用超文本标识语言(HTML)第五次重大修改。现在,H5技术正处于不停发展过程中,作为移动轻应用,它在未来含有没有限可能,潜力巨大。3HTML5是W3C和谷歌、苹果等几百家企业一起得出来结果。 HTML5最大好处于于它是一个开放技术,而且含有基于Webkit4内核浏览器这个最大特点,将会是未来移动开发技术发展趋势。当今主流浏览器全部支持HTML5,HTML5在未来5-中,将成为移动发展一个关键原因。HT
10、ML5以开放Web标准为基础,开发出来较为完备新编程规范。它含有视频和音乐展示和动态效果,含有强大离线存放功效等等特点。利用HTML5技术进行设计,简单易懂易用,它能够实现让同一张网页自动适应不一样大小屏幕,再依据屏幕宽度,自动调整进行页面布局。HTML5技术能够在移动设备上支持多媒体。它含有新语法特征,也能够实现部分新功效,用户和文档交互方法受到了本质性改变。从性能角度来说,HTML5首先是缩减了HTML文档,使这件事情变得更简单。从用户可读性上说,原先一大堆东西对初学者来说,第一次看到这些东西是看不懂,而HTML5申明方法对用户来说显然更友好部分。2.2 ASP.NETASP.NET是.N
11、ET FrameWork一部分,是一项微软企业技术,是一个使嵌入网页中脚本,是可由因特网服务器实施服务器端脚本技术。它能够在经过HTTP请求文档时,在Web服务器上动态创建Active Server Pages(动态服务器页面),而且运行于IIS(Windows开发Web服务器)之中程序。在微软.NET战略中,新推出ASP.NET。它是建立在公共语言运行库基础上,借鉴了Java技术优点。ASP.NET推荐语言是C Sharp5语言,对以前ASP安全性差等缺点进行了相当大改善。在实施ASP.NET时候,程序引擎调用了系统中IIS6服务器,实施对嵌在HTML中ASPX文件进行解释,最终以页面形式显
12、示。不过,使用ASP.NET还是含有一定不足。因为,从某种角度来说,它们只能良好运行于微软 Windows NT/XP 和IIS服务器平台上。没有和ChilliSoft7一样,提供在UNIX/Linux上运行ASP处理方案。所以,平台不足和ASP.NET安全性限制了ASP.NET广泛利用。2.3 SQLServerSQL是英文Structured Query Language缩写,汉字称作结构化查询语言。SQL被几乎一切数据库操作命令所认同,成为关系型数据库管理系统标准语言。SQL命令输入能够实现对数据库操作和管理。比如,在数据库中进行增加、删除和更新数据,或从数据库中提取数据等一系列操作进行
13、数据管理。SQL数据库是储存和管理数据信息智能化操作平台。8SQL Server是由Microsoft开发和推广关系数据库管理系统(DBMS),它最初是由Microsoft、Sybase和Ashton-Tate三家企业共同开发。它性能超群,集成了Windows NT/平台9,和Web搭建配合紧密,得到网络和存放技术支持,使得最大程度地提升了WEB站和企业应用扩展性和保障性,应用于Internet领域。而且,SQL Server 提供了十分便民缺省安装和使用方法,使用起来难度并不大。另外,SQL Server还能够兼顾规模不一样应用,含有很强实用性。其中SQL Server 是一个重大产品版本,
14、它推出了很多新特征和关键改善,是较为强大和全方面SQL Server版本。SQL Server 许可在使用Microsoft .NET和 Visual Studio开发自定义应用程序中使用数据,在面向服务架构(SOA)和经过 Microsoft BizTalk Server进行业务步骤中使用数据。它能够组织管理任何数据,能够将结构化、半结构化和非结构化文档数据直接存放到数据库中。还能够对数据进行查询、搜索、同时、汇报和分析之类操作。信息工作人员能够直接访问数据,是一个可信、高效率智能数据平台,能够满足用户全部数据需求。3 系统分析3.1 项目概述本文所设计和实现是针对中小企业而开发一款以信息管
15、理系统为基础(包含到企业信息展示和管理)微官网。它以广泛调查为基础,满足用户需求,以此来提升企业信息管理水平和优化资源管理,从而尽可能使得成本有所降低,统筹安排以实现利益最大化效益。微官网是网络环境下网站移动化发展经典代表,适应手机体验让用户对其依靠程度越来越高。所面向用户人群:职员、信息管理员、移动终端用户群众。我们系统设计需要达成目标: (1)建立操作简单易用、含有良好交互性微官网。 (2)动态显示企业信息,制作成本尽可能低,重视实用性。 (3)该网站可为让广大手机用户愈加方便了解企业情况。3.2 需求分析企业建立微官网目标是为了在移动互联网上对手机用户进行宣传和推广,提升企业著名度。我们
16、能够经过建立覆盖面积广、统一网站,深入实现企业在网上公布相关行业信息,和规范和优化市场信息。 3.2.1 功效需求依据企业对微官网需求,我将采取B/S模式开发系统。前台功效关键包含:信息展示、地理定位、信息分享、一键拨号、用户评论、用户留言。而在后台管理中,它关键功效包含:信息管理、留言管理和评论管理。其中,信息管理又包含产品管理、新闻管理、图库管理和视频管理。具体具体功效描述以下:(1)信息展示:用户能对产品信息、新闻信息、视频信息进行浏览。(2)地理定位:系统能够定位企业具体位置。(3)信息分享:用户能够对企业信息分享到其它网络平台。(4)一键拨号:用户能够愈加便捷地和企业相关人员进行沟通
17、。(5)用户评论:用户能够进行对具体新闻信息进行评论。(6)用户留言:用户能够依据本身情况对企业进行留言。(7)信息管理:管理员能够对产品信息、新闻信息和视频信息公布、修改和删除。(8)评论管理:管理员审核用户评论,经过审核则对评论进行回复,审核不经过则删除评论。(9)留言管理:留言信息管理员无需回复,不过她能够依据用户留言信息里联络方法,拨打电话直接和留言用户取得联络。 3.2.2 性能需求依据用户对功效需求,系统对于性能要求以下:(1)响应性:系统响应时间快速,能够满足用户要求。(2)适应性:在操作系统、运行环境、使用设备改变情况下,系统能够自动适应,有对应布局调整。(3)可使用性:操作便
18、捷,能够对输入格式和数据类型进行验证,并采取友好错误提醒,使用户能够输入正确数据,便于用户正确操作。(4)可维护性:采取B/S结构,愈加有利于管理人员维护。 3.2.3 其它需求微官网使用ASP.NET进行开发和设计,程序需上传至阿里云虚拟主机中。其中,Web服务器关键环境是:Microsoft-IIS,.NET版本为4.0,使用SQLServer数据库。微官网关键是在Android、iOS、WP系统手机上运行,另外能支持PC计算机运行。含有基础配置硬件设备全部能满足微官网正常运行。3.3 可行性分析可行性分析关键活动是要对所研究开发课题可行性做一个具体分析。微官网能够展示信息,而且实现对信息
19、管理。经过微官网建立,增强企业和用户之间联络,使用户能够立即了解企业信息,愈加好服务于用户,进而增强企业和用户之间友好业务关系。经过对经济、技术、社会等方面分析来确定微官网能否成功开发。 3.3.1 经济可行性分析依据用户需求,分析其经济可行性。微官网能够很方便对多种多样产品信息进行采辑和公布,管理人员能够方便快捷地公布产品信息。企业采集到公布信息时间周期缩短,人力开支也随之降低,从而提升了服务品质。APP开发、维护和推广成本高,而微官网是一个轻APP化产品,使用她能让企业开发和维护成本降低,有利于在线上和线下进行宣传和推广,取得更多经济效益。在经济上,建立微官网是可行。 3.3.2 社会可行
20、性分析移动网络技术飞速发展,手机用户不停增加,用手机浏览信息人更是越来越多。可见,微网站己成为新兴社会信息聚合平台。信息互动、新闻动态通通聚集在这里,形成有一个特殊社会。而微官网建设,正是将企业在特殊社会中突出展现,企业形象和著名度有深入提升,从而推进服务创新和和用户良性互动。在社会上,建立微官网是可行。 3.3.3 技术可行性分析微官网建立是利用ASP.NET和SQLServer技术进行WEB应用开发,这么能够降低用户对用户端需求。使用HTML5技术,使得HTML页面更适合移动用户体验。在原有门户网站基础上,使用HTML5技术,按移动门户展现标准,使得页面更适合移动用户体验,同时还能够兼容各
21、大手机操作系统。在技术上,建立微官网是可行。3.4 业务分析业务分析是对系统业务步骤进行分析,这么能够知道使用者操作步骤,然后对应这么步骤,设计功效来完成数据之间传输。业务步骤分析能够看出系统所需实现功效。依据用户对功效需求,我反复研究后,得出微官网业务步骤,图3-1所表示。图 3-1 业务步骤图3.5 数据流分析数据流图能够明确表示数据及其流动方向,能够从其中直观深刻看到数据流动,还可能体会到系统逻辑完整性。依据之前对业务步骤分析,我深入分析各个业务模块之间数据及数据流向。我得出微官网步骤图,它包含顶层图(图3-2)和0层图(图3-3),依据0层图细化至1层步骤图,它包含登录步骤图(图3-4
22、)、产品管理步骤图(图3-5)和新闻管理步骤图(图3-6)。图 3-2 微官网顶层数据流图图 3-3 微官网0层数据流图图 3-4 登录1层步骤图图 3-5 产品管理1层步骤图图 3-6 新闻管理1层步骤图依据以上数据流图,我对其中新闻管理数据流图进行数据字典解释。关键内容有数据流(表3-1至3-3)、数据存放(表3-4和3-5)、数据加工项(表3-6)、外部项(表3-7和表3-8)。表 3-1 新闻信息数据流表数据流系统名:微官网编号:F5条目名:新闻信息别名:资讯信息起源:新闻表去处:用户数据流结构:新闻信息=编号+标题+内容+公布时间+点击量简明说明:新闻资讯相关信息表 3-2 回复信息
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 HTML 微官网 设计 实现
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【二***】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【二***】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。