web应用开发实验报告

Web应用开发

题目视频之家设计与实践

专业计算机应用技术（网站开发）班级计应1403

姓名陈建帆，沈凯峰，章圣凯指导教师李华

2016年6月7 日

视频之家设计课题

【摘要】视频之家后台管理是为了满足人们获取电影信息的需求，为了方便人们获取视频，电影信息。并且增加我们对本专业课是实践理解。本文主要论述数据库设计与实现，服务器端视频服务平台的搭建、管理功能的具体实现。整个后台系统主要实现用户信息管理、电影文件的添加、删除、修改及在线播放和搜索功能。

结合asp开发平台，阐述了基于WEB视频点播的交互、软件结构和设计实现。由于本系统是一个小型系统，所以采用易于实现的ACCESS数据库，将HTML、js、c#完全融合，力求界面美观、操作流畅。

【关键词】视频之家后台管理系统；Microsoft Visual studio；后台系统；数据库配置；

目录

引言----------------------------------------------------------------------------- 1第一章总体设计-------------------------------------------------------------- 2 1.1 系统设计思路----------------------------------------------------------------2 1.2 系统设计目标----------------------------------------------------------------2 第二章界面设计-----------------------------------------------------------------2 2.1 登录界面------------------------------------------------------------------- 2 2.2 视频管理界面-------------------------------------------------------------- 3 2.3 视频上传界面-------------------------------------------------------------- 3 2.4 管理员信息界面------------------------------------------------------------ 4 2.5 添加管理员界面------------------------------------------------------------ 4 2.6 分类界面------------------------------------------------------------------- 5 2.7 分类添加------------------------------------------------------------------- 5 2.8 数据库设计与实现---------------------------------------------------------- 5 总结---------------------------------------------------------------------------- 6致谢---------------------------------------------------------------------------- 7

引言

在当今的信息时代，蓬勃发展的计算机技术和信息技术随着Internet的普及给人类社会带来了巨大的影响，冲击着各行各业，改变人们的工作、学习和生活，例如网上购物，网上电子商务，社会信息数据库服务等。

人们利用超级链接就可以方便访问分布在世界各地丰富的网络信息资源。视频流媒体服务一直被认为是互联网服务中的一个热点领域，但是由于技术、内容以及带宽方面的限制，一直没有实现预料中的发展。目前，视频压缩技术已经取得了重大的进步，视频流媒体的传输速度、品质以及成本控制都得到了很大的改善，为视频媒体传输创造了有利条件，同时带宽网络的普及也使得多数家庭用户具备了享受网络视频服务的条件。这个系统实现了后台登录、视频添加、视频编辑（搜索、修改、删除等功能）、类别管理、用户管理、不同权限登录后台的处理等功能。由于本系统是一个小型系统，所以本组采用基本的SQL 数据库，易于实现。具体实现中将HTML、ASP 及 JavaScript 完美融合，力求界面美观、操作流畅。

第一章总体设计

1.1 系统设计思路

要设计和实现视频点播的后台管理系统首先必须明确整个系统的详细需求，然后再根据需求分析制作相应的数据库模型，也就是整个后台系统运行过程的流程图。

通过流程图可以看出后台的主要作用是电影系统管理。采用动态系统及数据库相结合的方法来进行设计，鉴于ASP在设计动态系统的优势地位及其对数据库的良好支持，因此选择它来制作动态页面。

由于本系统不是大型网络系统，因此采用了操作简单明了并且易于管理的Microsoft Access数据库作为后台数据库。并且，后台数据库需要创建管理员表，视频表，和分类表。为了让系统一目了然，所以必须让作为非常重要的部分的导航栏能让我们在浏览时容易到达不同的页面，并能达到每个页面的跳转。实现这些功能就需要对数据库写入sql语句，读取数据。为了数据库的绝对安全，就不能让用户看到数据库，为了避免这个问题，本系统就采用数据库上的登记用户，也就是管理员。

1.2 设计目标

本系统后台功能的目标是通过超级管理员可以添加修改删除用户没并且可以根据需要

添加，修改或删除电影。

超级管理员：

（1）电影管理：可以添加,修改，删除电影。

（2）类别管理：可以添加，修改，删除类别。

（3）管理员管理：可以添加，修改，删除管理。

第二章界面设计

2.1登陆界面

分为管理员和超级管理员

图2-1.管理员登录界面

2.2视频管理界面

在视频管理界面中有所有的电影信息，里面包括电影封面，电影名称，上传时间，类别。在这可进行电影修改操作，选择分类，关键字搜索。

图2-2.登陆后跳转的到的页面（电影信息）

2.3视频上传界面

在上传界面上可添加自己上传的电影名称，选择电影类别，并且上传电影图片封面的图片，

视频，和添加电影的详情描述。

图2-3.电影上传页面

2.4管理员信息界面

显示管理员的名称和密码，可进行修改。

图2-4.管理员信息界面2.5添加管理员界面

进行管理员的添加，添加用户名和密码。

图2-5.管理员添加功能

2.6分类界面

显示各种分类，可进行修改操作。

图2-6.分类信息界面

2.7分类添加

在此可进行分类的添加。

图2-7.当点击修改后跳转到分类添加页面

2.8 数据库设计与实现

本系统主要利用Microsoft office 2003实现数据库设计。它提供了表,查询，窗体，报表，页，宏，模块七种用来建立数据库系统的对象；提供了多种向导，生成器，模板，把数据库存储，数据查询，界面设计，报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。

3.2.1 adminvip表设计

3.2.2 movielist表设计

3.2.3 Types表设计

总结

在设计的过程中，基本达到预期的各项技术指标，实现了预期的各种功能。由于时间有限，系统和论文也有一些不足之处需要改进的地方。

数据的存储和管理方面做到了用文件和数据库存储图片和电影信息、从页面中获取

电影信息、修改信息、查询信息、删除信息显示文件中存储的信息等要求。而且界面简

洁，容易操作。但是程序太长，不够简练，导致出现错误很难发现和修改。经过这次大

作业，感觉又复习了一遍，而且不懂查阅网上资料，很不错。

致谢

感谢李华老师对我们悉心教导，和对我们所遇到问题的解决过程。老师平日里工作繁多，但在我们做这个设计的每个阶段，都给予我们悉心的指导和帮助。教会我们许多知识,相信这些知识会使我在以后的工作和道路上有很大的帮助。在这里也非常感谢一起学习的组员们。和他们在一起学习生活，也使我体会到了集体的温暖。同学们在学习上相互帮助，相互学习。再次感谢她们，希望以后的工作生活中，大家工作顺利，每天都开心。在此，感谢每一个帮助过我的人。最后我要再次感谢的是亲爱的学院以及学院的每一位老师和同学，是与你们一起快乐成长！

总之，感谢每一位关心过我，爱护过我的人。滴水之恩，当涌泉相报。

毕业设计（论文）考核表

web前端开发技术实验报告 实验三

长春大学 20 15 —2016学年第二学期Web前端开发技术课程 实验报告 学院：计算机科学技术专业：软件工程 班级：软件15402

学号：041440210 姓名：王悦 任课教师：车娜 实验三 CSS网页布局 一、实验目的 1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面； 2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素； 3.理解块元素与行内元素的区别，能够对它们进行转换。 二、内容及要求 运用盒子模型的相关属性实现网页弹出框效果，满足如下要求： 1.网页弹出框由上面的标题和下面的宣传内容两部分组成； 2.标题通过h2定义； 3.在段落文本中内容部分由h3和p标记进行定义； 4.应用