“车库网”开发设计.docx

《“车库网”开发设计.docx》由会员分享，可在线阅读，更多相关《“车库网”开发设计.docx（29页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、本科生毕业论文“车库网”网站设计开发（PC版）李鹏辉院 系： 信息工程学院 专 业： 计算机科学与技术 班 级： 计算机122 学 号： 4 指导教师： 周超 职称（或学位）： 讲师(硕士) 2016年4月原创性声明 本人郑重声明：所呈交的论文（设计），是本人在导师的指导下，独立进行研究工作所取得的成果。除文中已经注明引用的内容外，本论文（设计）不含任何其他个人或集体已经发表或撰写过的作品成果。对本论文（设计）的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。学生签名： 年 月 日 指导声明本人指导的 同学的毕业论文（设计）题目大小、难度适当，

2、且符合该同学所学专业的培养目标的要求。本人在指导过程中，通过网上文献搜索及文献比对等方式，对其毕业论文（设计）内容进行了检查，未发现抄袭现象，特此声明。指导教师签名： 年 月 日目录1绪论21.1 研究背景及意义21.2 研究思路22系统开发工具与相关技术22.1 开发工具22.2 ASP.NET MVC 开发框架介绍32.2 数据库技术43可行性分析43.1 总体需求分析43.2 经济可行性分析43.3 技术可行性分析43.3 系统结构分析54系统的设计54.1 开发目的54.2 主要功能模块54.3 数据库设计115系统的测试155.1 基本功能测试155.2 浏览器兼容性测试165.3

3、系统安全性测试16结束语16致谢16参考文献17“车库网”网站设计开发（PC版）李鹏辉（信息工程学院指导教师：周超）摘要：现今，随着技术发展，网络给人们带来的便利随处可见，大大方便了人们的生活。系统基于ASP.NET技术开发，数据库为SQL Server 2008版本。网站主要是面向喜欢车、要买车的用户们，通过网站的视频、评测、图片、新闻等模块，让他们全方位的来了解、欣赏、认识全世界各种车型，能作为他们买车计划的参考，并在开发系统前，做了充足的需求分析。关键词:网络;ASP.NET;车；MVC;The Design And Development of Garage Website (PC V

4、ersion)Li Penghui（College of Information Engineering, Advisor: ZhouChao）Abstract:Today, with the technology and networks bring convenience to people everywhere, has greatly facilitated the life of people. System is based on ASP.NET technologies development, database is SQL Server 2008 version. Websi

5、te is mainly for users who likes cars, buy a car, through the website modules such as videos, reviews, pictures, news and let them all to understand, appreciate, and understand the various models around the world, as a reference for their plan to buy a car, in front of the development system, do ple

6、nty of requirements analysis.Keywords:Networks; ASP.NET; Car;MVC;1绪论1.1 研究背景及意义大学四年以来，身为计算机出身的学子，深深感受到了科技的变化，发展如此迅速，足以让有些人适应不及，迈入了信息化时代，比如军事信息化、办公信息化、教学信息化等，如春笋涌现，其波及到各个行业，其中的教育信息化影响相当广泛，其有两层含义：一是把信息技术手段有效应用于教学与科研，注重教育信息资源的开发和利用提高。二是把信息素养纳入教育目标，培养适应信息社会的人才1。从中可以看出，其核心是科技。教育信息化，它给我们带来的便利说不尽，正因为有他，我们才

7、能足不出户，学习到各种知识，认识了解各国的文化，把自己武装起来，提高人们的文化素养、见识等，利用好这种技术，很多小白变成的各行业的大牛，因为知识随处可取，只要你能上网。可见这个世界，变得越来越不可捉摸，未来的生活能进化到什么地步不可揣测。作为学习计算机的我们，就要学习它，掌握它，与时俱进。我们要学会利用自己的专业知识来做些什么，给大家带来方便。为此我查阅了很多资料，通过了解、考察，决定了利用自己这几年来学习的知识，开发一个属于自己的网站，一个关于介绍汽车的站点，在这里你可以了解、认识各种的车型，来帮助大家了解关于汽车，这样就能不用来回于实体车店，并且还能了解到国外最新的车型，欣赏那些炫酷的视频

8、等，大大方便了那些车客们，满足他们对车的需求。1.2 研究思路首先，确定了项目主题为“车”后，我回顾这几年来所学，串联起各门知识，最终决定了以ASP.NET技术来开发这个网站。而ASP.NET又分很多开发的方式，有：Web Form、一般处理程序+Html模板、以及最新的MVC等方式，恰逢本学期自学了MVC，就拿来练练手，巩固一下其基础知识。开发技有了，那就剩数据库的选择了，有Oracle、Sql Server、My Sql三大主流数据库，前者适合大型项目，后者有没学习过，那就选择中者Sql Server了。开发技术、数据库都选择以后，就要开始项目的设计阶段了，这时绉老师的软件工程这门课发挥了

9、巨大作用，良好的规划，能大大缩短项目的开发时间，并砍掉了很多不和常理的想法。为此，我花费了大量的时间，依据软件工程的科学设计体系，进行大量的项目设计，在整个项目的开发中非常重要。2系统开发工具与相关技术2.1 开发工具本系统采用Microsoft Visual Studio Community 2015,为微软公司最新的.NET平台编译器,以下简称VS2015。.工欲善其事，必先利其器，VS2015作为最新的编译器，能给我们带来更加舒服的编写体验，大大提高我们的开发速度。这一编程的IDE被广大IT人事，戏称为宇宙最强大的，没有之一。从而我们可以知道，它是非常的厉害，具有自己独特的功能，其中我非

10、常喜欢它的语法智能感知提示，当我敲出一个字母时，就会列出我想要的关键字，非常的便捷、快速，还有段落自动格式化，让我们编写的程序的排版变得更加的美观；region的代码域的使用，能让程序逻辑变得清晰明了，不同的功能模块给放到不同的地方，更能激发我们的思维、写出优秀的代码2。开发电脑系统为也是微软推出的最新系统Win10,界面非常的漂亮，充满了科技感，加上VS2015配合着它，编写代码有着不是一般的舒服，沉浸其中，更利于我们的创作，也是我编写此系统的前提。2.2 ASP.NET MVC 开发框架介绍MVC这一模式应用非常广泛，各种语言都有着各自得实现方式，但都是围绕着高内聚、低耦合的思想而去实现的

11、。而ASP.NET MVC就是是微软在自家的ASP.NET上根据mvc的模式来设计的一种新型的开发模式，不再像WebForm那样来开发系统了，它使我们回到最原始的通信方式，即请求-处理-返回。各个模块内部实现互不干涉，降低了依赖性，变得模块化，也使得开发人员的分工更加明确，前端、后端各自工作，最后交接下，就能搭建出一个完整的系统3。Model、View、Controller，这三个东西是其主要部分，分别是数据模型、视图、控制器，它们降低了各个模块的耦合性，真正实现了，高内聚，低耦合的特性，使得复杂项目更加容易维护。首先，我们再此访问网站，就和以前的Web Form不一样了，现在我们访问上面的C

12、ontroller及控制器，他下面又有很多的Action，行为。Action负责处理对应的数据，然后返回一个视图，View。这样就是一个完整的MVC站点的工作流程，原理非常的简单易懂，逻辑也变得异常清晰。正因为它这样的流程，一个项目可以很容易的进行分工，最后汇总起来。那么ASP.NET MVC这种全新的框架有何显著的特色呢？首先：其深符合用户交互逻辑。它可以让你清楚的知道你触发的每一个控件，会发出什么样的请求，然后到达服务器后，又是被哪个家伙给处理的，最终返回用户见到的界面。然后，UrlRouting这个机制能让我们更方便的建立容易理解和可搜索的Url，为SEO提供更好的支持。Url可以不包含

13、任何文件扩展名，并且可以重写Url使其对搜索引擎更加友好。还有我们还可以ASP.NET的页面标记、用户控件，或者你好一个HTML的模板，然后只需ViewBag.的方式轻松获得后台的数据，静态的页面瞬间变成了动态的网站。以前后端、前端的难交互变得非常简单。最后其还对ASP.NET程序有着大量的支持，我们可以在mvc使用窗体认证和Windows认证、url认证、组管理和规则、输出、数据缓存、session、profile 、health monitoring、配置管理系统、provider architecture。最后，介绍一下，MVC中的关键点。比如TestController是类名称，而Te

14、st是Controller的名称，请注意，当你在URL中输入controller的名称，不需要输入Controller这个单词。Action 方法简单的来说就是一个Controller内置的public类型的方法，能够接收并处理用户的请求，其中注意：在ASP.NET Web Forms中默认的返回请求是HTML的，如果需要返回其他类型的请求，就必须创建HTTP 处理器，重写内容类型。这些操作在ASP.NET中是很困难的。在ASP.NET MVC中是非常简单的。如果返回类型是”String“直接返回，不需要发送完整的HTML等等，还有很多关键点，在此就不一一列举了，有兴趣的可以自行查阅资料，增加

15、关于MVC的知识4。2.2 数据库技术大三期间，车老师数据库概论这门课程的知识，给我带来很多用处，让我懂得了怎么建立一个完整的、坚固的、科学的DB。为以后系统的数据的操作，提供了便利，使用起来得心应手，也加快了项目的完成进度。因此我采用SQL Server 2008，SQL Server数据库具有很强的操作性，适用于很多的场合，操作起来也是那么的复杂，首先它有很多版本什么企业版、标准版、工作组版、Web版，但此项目我们用用的是Express版，非常的适合我们这些练手的开发人员，SQL Server 2008 Express版是免费版本，虽说是免费的，但麻雀虽小，五脏俱全。它有核心的数据库功能，

16、也有着SQL Server 2008中最新的数据类型，一个精简的版本。它非常适合学生们来学习、练习项目的开发，微软发行此版的目的估计也是在此吧5。3可行性分析一个项目实施前，没有进行分析，会带可怕的后果，最严重的会让这个项目灭亡。首先，我们要从需求上、经济上、技术上等，进行一一的分析，马虎不得，这里的不认真，都将会为后面的开发人员带来各种难题，大大拖延项目的完成进度。以下是我的系统可行性分析：3.1 总体需求分析总体需求上来讲，现在网络越来越发达，人们能非常方便的上网冲浪，进行浏览新闻，观看视频等来丰富自己的生活，而对于那些喜欢车文化的朋友们来讲，一个关于车的网站势必很受其欢迎，方便他们在家中

17、，只需打开电脑就能欣赏来自世界各地的汽车，让生活更加充满现代感，我想这对于那些热爱汽车的朋友这一定是个Goodies。3.2 经济可行性分析从经济上来说，本系统本着方便大家业余生活，夯实自己的基础知识的目的进行开发，毫无盈利目的，并且还不需花费额外的费用，开发环境软件全部免费得到，怎么说都是可行的。3.3 技术可行性分析开发一个这样的系统，都需要应用哪些技术呢?依靠自己这几年所学能否完成本项目？本人在开发本系统前进行了大量的思考、分析，发现关于开发本系统只需要写简单而基础的前端、后端知识，外加少许建立数据库、修图的技术，恰巧这几年来，自己课外自学些ASP.NET的知识，且最近在学MVC，对于知

18、识正处熟练掌握之中，再加上老师所教的专业知识，比如软件工程学习到的用例图、统一建模语言、需求分析等，数据概论上学习到了数据库的规范建立，基本的操作语句、ER图等。它们完全都包含了这些技术，并且不会的地方还能找指导老师进行请教，因此我相信技术上没什么高难度，一定能顺利的完成这个项目。3.3 系统结构分析经过诸多考虑，最终本系统决定采用扁平化的设计风格，并参考各大汽车站点，划分了视频、图片、新闻、评测三大模块，排版整洁，简单明了，使用户能方便的找到自己所喜欢的模块，提供广泛的内容，并决定在视频模块加入评论功能，方便观看者惊醒交流、讨论。4系统的设计本部分主要介绍关于为什么开发这一系统，大致为你讲解

19、本系统的功能模块、数据库各表的设计等技术性的东西。4.1 开发目的就行前文所述，作为一名计算机专业的学子，怎么也要有一个自己的项目，而本人又非常喜欢看那些炫酷的跑车飙车，充满激情。为此我决定设计开发一个属于自己的“车库网“,希望那些志同道合的朋友们一起来欣赏全球各种豪车，满足大家的视觉享受，为大家带来炫酷的视频、图片，还有为那些想要买车的朋友们带来最前沿的新闻、做专业的评测，让来自世界各地的人们、相约在此，一起欣赏，沟通、交流。在开发此网站中，这大学四年来的知识会得到实践，以前的原理、概论等知识也变得实际起来，专业知识也会快速的提高，为以后的工作打好基础，一举两得，何乐而不为呢？4.2 主要功

20、能模块首先，经过参考了大量的站点与需求分析，最终定下了系统的框架，前台主要功能模块有：首页、视频、新闻、图片、评测、登陆和注册、简单的个人资料中心，共七个模块，后台包括对各个模块内容的增删改查，前台系统功能模块如图1所示：图1车库网功能模块以下为你简要介绍主要功能模块：首页模块：主要包含热门视频、评测，整个首页就采用幻灯轮番播放的模式，其中的资源都为自动生成，分别依靠浏览的次数、评论字数，让进来的用户，能快速知道近期哪款车型最受大家欢迎与关注，快速地融入大家之中，进行交流，首页展示如图2。图2首页视频模块：根据科学的研究表明，人们更喜欢把注意力集中到屏幕的左侧，为此本系统，在视频列表主要内容放

21、在了左侧，在右侧一小部分开辟出了放热门视频的地方。通过显目的视频图片、标题、上传时间，能够让你快速的找到喜欢的视频，点击之后，进入到精心设计布局的视频播放界面，以黑色背景，营造一种沉浸式的感觉，让你尽享炫酷的视频，播放下边带有评论功能，只要登陆之后就能与大家一起进行互动，交流起来，视频列表、播放模块展示分别如图3、图4。图3视频图4视频播放新闻模块：新闻列表分为最新与排行两块，左为最新，右为排行。其中排行是根据大家的浏览次数自动选取前三进行加载显示。所选新闻被选中之后链接到新闻阅读界面，居中布局，阅读界面宽阔，极致体验，去除不相干的元素，让你全身心得投入到阅读新闻之中，新闻列表、阅读模块展示分

22、别如图5、图6。图5新闻图6新闻阅读评测模块：这一模块列表界面与新闻布局相似，都采用一左一右地布局，主题分别为灰色、黄色卡通汽车，充满趣味。点击进入后，呈现你眼前的评测内容模块，主要内容放在了左侧，右侧是评测阅读排行，和新闻一样也是有浏览次数决定的，评测列表、阅读模块展示分别如图7、图8。图7评测图8评测阅读图片模块：这一版本分为三类：兰博基尼、宝马、法拉利；点击对应的标签，就能欣赏到炫酷的图片，点击图片，还能进入到大图模式，观看高清炫图，然后只需点击鼠标就能更换下一张图片，图片列表、观赏模块展示分别如图9、图10。图9图片图10图片欣赏登陆注册：本模块设计大量的数据有效验证，以防止填写错误的

23、信息，登陆、注册展示分别如图11、图12。图11登陆图12注册个人资料模块：简单列举出昵称、评论数、注册日期等，后续有待完善，就不在此展示了。通过以上介绍，相信大家对本系统有了一定的认识、了解，下边是数据库的详细设计。4.3 数据库设计一个设计优良的数据库，对一个系统的开发非常重要，要经过科学的体系建立，让项目的开发难度降至最低，数据库对应本项目，其中的每个表对应系统中的Model类,而字段对应类的属性，首先确定了几个实体对象。首页实体如图13。图13home对象视频实体如图14。图14video对象评论实体如图15。图15pinglun对象评测实体如图16。图16pingce对象用户实体如图

24、17。图17yonghu对象图片实体如图18。图18tupian对象新闻实体如图19。图19news对象后台管理员实体如图20。图20管理员对象本数据表的建立本着，一个模块一个表的原则建立，登录注册对应用户表（yonghu）,首页对应首页表（Home）,视频（video）、新闻（news）、评测（pingce）、图片（tupian），以下列出详细结构。表1PingLun表列名注释数据类型Id评论Idnvarchar(50)lanmu所属栏目nvarchar(50)Usernameneirongriqivid评论用户评论内容发表日期评论的视频Idnvarchar(50)nvarchar(MAX)

25、datetimenvarchar(50)表2 News表列名注释数据类型Id新闻Idnvarchar(50)biaoti登录名nvarchar(50)RiqiZuozeneirongliulancishuleibie密码作者新闻内容浏览次数类别（0-左1-右）nvarchar(50)nvarchar(50)nvarchar(MAX)intint表3 Admin表列名注释数据类型Id管理员Idnvarchar(50)userName登录名nvarchar(50)password密码nvarchar(50)表4 Home表列名注释数据类型Id首页Idnvarchar(50)xmid对应项目Idnv

26、archar(50)lb对应项目类别nvarchar(50)表5PingCe表列名注释数据类型Id评测Idnvarchar(50)biaoti评测标题nvarchar(MAX)Jianjieneirongzuozeriqipicurlleibieliulancishu评测简介评测内容作者上传日期图片路劲评测类别浏览次数nvarchar(MAX)nvarchar(MAX)nvarchar(50)datetimenvarchar(50)intint表6 Video表列名注释数据类型Id视频Idnvarchar(50)biaoti视频标题nvarchar(MAX)jianjiepicurlshipi

27、nurldatepingluncishu视频内容简介缩略图路径视频路劲上传日期评论次数nvarchar(MAX)nvarchar(50)nvarchar(50)datetimeint表7TuPian表列名注释数据类型Id图片Idnvarchar(50)picurl图片路径nvarchar(50)leibie图片类别int表8 YongHu表列名注释数据类型userName管理员Idnvarchar(50)nick登录名nvarchar(50)PasswordregisterDateemail密码注册日期邮箱nvarchar(50)datetimenvarchar(50)表间关系如图21。图21

28、表间关系5系统的测试本系统测对象主要包含两类人，首先是本人的自测，主要负责功能的实现，然后交给别人使用、体验，发现其中的不足，进行整改、修补。5.1 基本功能测试这一环节，主要测试系统各个模块、模块的跳转是否存在问题，经过大量的测试，发现视频、图片、新闻、评测等模块，能够把在后台所添加的数据正确的显示出来，没什么大问题，页面间的跳转、传参也正常，能够准确的让用户播放、阅读自己所选的视频、新闻评测。在注册登录模块，对数据的有效性进行了大量的验证与限制，防止祸患的进入。然后，本人又请了很多喜欢汽车的朋友们，进行的操作、浏览我的网站，让用户们亲身体验一番，才能做出符合大家的网站，在诸多的用户使用、评

29、测下，发现了大量的不足之处，并提出了很多的改进、完善内容，比如，在登陆界面能不能，直接回车登陆？当一个页面过长时，能不能在旁边加个“回到顶部”的小模块，在观看视频部分，采用居中设计，简约不失大气，大大提高了观看体验！总体上来说，系统的基本信息浏览并无大碍，并能正确的注册、登陆，用户基本能够得到自己的想要的信息，并在用户的建议下，大大改进了本来的系统，操作起来更加得心应手。5.2 浏览器兼容性测试因为，各个浏览器的网页标准不同，造成了同一个样式在不同的浏览器上不能显示出相同的效果，有的脚本也因此变得异常，不能达到理想的效果，其中在鼠标移动到元素上，改变元素透明度的效果，在IE9下的浏览器不兼容，

30、实现起来较为复杂，为此，本人查阅各个浏览器的标准，写出兼容各个浏览器的样式，实现界面效果的统一。5.3 系统安全性测试一个做的难怕非常漂亮的网站，界面是如何的华丽，炫酷，如果他不能够保证用户的个人信息、或者网站老是被被攻击，而造成瘫痪，经常影响大家的体验，如若个人重要的信息落入不法分子手中，将会对我们的用户造成严重的危害，因此一个网站的安全防御程度的高低，至关重要，马虎不得，一定要一丝不苟的对待它，认真的堵上每一个可能对用户、网站我本身造成危害的漏洞。本网站中，首先在用户注册账号中，尽可能的屏蔽那些影响数据库正常工作的字符，不让用户使用它，前端、后端都写了很多的校验代码，然后用户的密码采用MD

31、5加密加盐存储在数据库中，这样难怕有人得到了数据库也不能破解，得到我们的密码，非常的安全。在网站后台登陆中，不能跨过登陆模块，直接的进行数据的增删改查，大大提高的服务器信息的安全性。最后，总结来说，有一点遗憾，迫于时间的有限、工作的繁忙，用户密码找回功能未能实现，并且后台管理功能设计的不够人性化，操作起来不是很便捷，以后多多改进。结束语：历时4个月，”车库网”终于成功完成，虽说还有少许功能未实现，但看到本系统经过最初的前端界面的一步步的设计，各种美化效果的参考、学习，到后端各个功能的实现，最终变成能够让大家使用的系统，我感到万分自豪。在此期间，坎坷不少，但在自己的努力、周老师的指导之下，慢慢的

32、去跨越它们，踏平它们，绝不低头认输，困难虽艰，我心越坚。这几个月的努力，让我更加体会到了知识的力量，对计算机这门行业产生了更加浓厚的兴趣，这将引导我走向远方，学习这行业更深的知识，然后创造出更加出色的产品，方便人们的生活，实现自己的价值!致谢：最后，首先我要感谢大学四年来，各位老师对我教导，你们不仅给予了我知识，还教会了我做人的道理，没有你们的谆谆教导，就没有我的今天。其次是周老师，在这几个月内，实时关注着我们在外实习的状况，指点我们，帮我们解决了实习期间出现的各种问题，在开发本网站中，周老师为我出谋划策，提出了宝贵的意见，并帮我处理了各种难题。周老师在繁忙的教学中还要抽出时间，花费在我们身上

33、，实属不易再次，在此我对你表示衷心的感谢，并感谢各位老师！感谢你们多年的培育！参考文献：1 Jeffery RichterCLR via C#M出版地：清华大学出版社，2015年1月第4版2 王文槿，李仲先.学校信息化教学M出版地：科学出版社，2006年10月第1版3 MicrsoftMSDNOL2016年4月4 徐雷，徐扬ASP.NET MVC 4 Web编程M出版地:华中科技大学出版社，2013年6月第3版5王珊萨师煊数据库系统概论M出版地：高等教育出版社，2006年5月第4版.6张海藩牟永敏软件工程导论M出版地：清华大学出版社，2013年8月第6版.附录注册验证代码： $(functio

34、n () varbuTongGuo = false; /用户名验证 $(#userName).blur(function () varuserName = $(#userName).val();if (userName = ) $(#yhmtishi).html();buTongGuo = true;return; if (userName.length15) $(#yhmtishi).html(*抱歉，315个字符！); $(#yhmtishi).focus(); $(#yhmtishi).css(color, red);buTongGuo = true;return;$.ajax(url:

35、 /register/CheckUserName,type: POST,success: function (data) if (data = true) $(#yhmtishi).html(*抱歉，已被使用！); $(#yhmtishi).focus(); $(#yhmtishi).css(color, red);buTongGuo = true; else $(#yhmtishi).html(恭喜，可以使用！); $(#yhmtishi).css(color, green); ,data: userName= + userName ); ); /邮箱检验 $(#email).blur(fu

36、nction () var email = $(#email).val();if (email = ) $(#yxtishi).html();return; /对电子邮件的验证varmyreg = /(a-zA-Z0-9+_|_|.?)*a-zA-Z0-9+(a-zA-Z0-9+_|_|.?)*a-zA-Z0-9+.a-zA-Z2,3$/;if(!myreg.test(email) $(#yxtishi).html(*抱歉，格式错误); $(#yxtishi).focus(); $(#yxtishi).css(color, red);buTongGuo = true;return; $(#yx

37、tishi).html(); );varyongHuData = userName= + userName + &nick= + nick + &password= + password + &email= + email; $.ajax(url: /register/register,type:POST,success: function (data) if (data = success) location.href = /login/index; else alert(抱歉，注册失败！); ,data:yongHuData ); ); );登陆代码：$(#btnlogin).click(

38、function () vartxtName = $(#userName1).val();vartxtPwd = $(#password1).val();if (txtName=null&txtPwd=null) alert(请输入账号或密码！);return; $.ajax(url: /login/login,type: post,success: function (data) if (data = false) alert(账号或密码错误！); else window.location.href = /home/index; ,data: username= + txtPwd + &pa

39、ssword= + txtName );发表评论代码：$(#fb).click(function () var nr = $(#neirong).val();if (nr.trim() = ) varmsg = 你好,请先输入内容在进行发表评论。;alert(msg);return; $.ajax(url: /VideoPlay/FaBiao,type: post,success: function (data) if (data != false) var s = data;varstrs = new Array(); /定义一数组strs = s.split(-); /字符分割docume

40、nt.getElementById(plzs).innerHTML = strs0;document.getElementById(pls).innerHTML = strs1;document.getElementById(ys).innerHTML = strs2;document.getElementById(zys).innerHTML = strs3;document.getElementById(fy).innerHTML = strs4; $(aname=page).click(function () varys = $(this).attr(page); $(.current).removeClass(.current); $(this).addClass(current);document.getElementById(ys).innerHTML=$(this).attr(page); $.ajax(url: /VideoPlay/XiaYiYe,type: post,success: function (data) if (data != false) document.getElementById(pls).innerHTML = data; else alert(抱歉，由于未知原因评论获取失败！);